@extends('layouts.contentLayoutMaster')

{{-- page title --}}
@section('title','ASC Merchant Edit')
{{-- page style --}}
@section('page-style')
<link rel="stylesheet" type="text/css" href="{{asset('css/pages/form-select2.css')}}">
@endsection

{{-- vendor style --}}
@section('vendor-style')
<link rel="stylesheet" type="text/css" href="{{ asset('vendors/file-upload/image-uploader.min.css') }}">
<link rel="stylesheet" type="text/css" href="{{asset('vendors/select2/select2.min.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('vendors/select2/select2-materialize.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('vendors/flag-icon/css/flag-icon.min.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('vendors/flag-icon/css/flag-icon.min.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('vendors/dropify/css/dropify.min.css')}}">
@endsection

{{-- page content --}}
@section('content')
<div class="row">
    <div class="input-field col s12">
        <a href="{{ route('admin.merchants.index') }}" class="btn waves-effect waves-light left"><i class="material-icons left">arrow_back</i>Back</a>
    </div>
</div>

<div class="section">
    <div class="row">
        <div class="row col s12">
            <form action="{{ route('admin.asc-merchants.update', $merchant->id) }}" class="formValidate0" id="formValidate0" method="post" enctype="multipart/form-data">
                @csrf
                @method('put')
            <div id="html-validations" class="card card-tabs mb-2">
                <div class="card-content">
                    <div class="card-title">
                        <div class="row">
                            <div class="col s12 m6 l10">
                                <h4 class="card-title">Merchant Edit - {{ $merchant->name }}</h4>
                            </div>
                            <div class="col s12 m6 l2">
                            </div>
                        </div>
                    </div>
                    <div id="html-view-validations">
                            <div class="row">
                                <table class="striped">
                                    <tbody>
                                        <tr>
                                            <th class="right-align padr30px">Display Merchant Id *</th>
                                            <td>
                                                <div class="input-field col s12">
                                                    <input value="{{ $merchant->display_merchant_id }}" class="validate"  id="display_merchant_id" name="display_merchant_id" type="number">
                                                    <small class="errorTxt1">
                                                        @if ($errors->has('display_merchant_id'))
                                                        <div id="displaymerchant-id-error" class="error">{{ $errors->first('display_merchant_id') }}</div>
                                                        @endif
                                                    </small>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <th class="right-align padr30px">Name *</th>
                                            <td>
                                                <div class="input-field col s12">
                                                    <input value="{{ $merchant->name }}" class="validate"  id="name" name="name" type="text">
                                                    <small class="errorTxt1">
                                                        @if ($errors->has('name'))
                                                        <div id="name-error" class="error">{{ $errors->first('name') }}</div>
                                                        @endif
                                                    </small>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <th class="right-align padr30px">Phone Number *</th>
                                            <td>
                                                <div class="input-field col s12">
                                                    <input value="{{ $merchant->phone_number }}" class="validate"  id="phone_number" type="text" name="phone_number">
                                                    <small class="errorTxt1">
                                                        @if ($errors->has('phone_number'))
                                                        <div id="phone_number-error" class="error">{{ $errors->first('phone_number') }}</div>
                                                        @endif
                                                    </small>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <th class="right-align padr30px">Address *</th>
                                            <td>
                                                <div class="input-field col s12">
                                                    <textarea class="validate materialize-textarea"  id="address" name="address">{{ $merchant->address->address }}</textarea>
                                                    <small class="errorTxt1">
                                                        @if ($errors->has('address'))
                                                        <div id="address-error" class="error">{{ $errors->first('address') }}</div>
                                                        @endif
                                                    </small>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <th class="right-align padr30px">Grade *</th>
                                            <td>
                                                <div class="input-field col s12">
                                                    <input value="{{ $merchant->grade }}" class="validate"  id="grade" type="text" name="grade">
                                                    <small class="errorTxt1">
                                                        @if ($errors->has('grade'))
                                                        <div id="grade-error" class="error">{{ $errors->first('grade') }}</div>
                                                        @endif
                                                    </small>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <th class="right-align padr30px">Limited Credit *</th>
                                            <td>
                                                <div class="input-field col s12">
                                                    <input value="{{ $merchant->limited_credit }}" class="validate"  id="limited_credit" type="text" name="limited_credit">
                                                    <small class="errorTxt1">
                                                        @if ($errors->has('limited_credit'))
                                                        <div id="limited_credit-error" class="error">{{ $errors->first('limited_credit') }}</div>
                                                        @endif
                                                    </small>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <th class="right-align padr30px">Choose your city *</th>
                                            <td>
                                                <div class="col s12">
                                                    <div class="input-field">
                                                        <select class="select2 browser-default" id="city" name="city_id">
                                                            <option value="" disabled selected>Choose your city</option>
                                                            @foreach ($cities as $city)
                                                            <option value="{{ $city->id }}" {{$city->id == $merchant->address->city->id ? 'selected' : ''}}>{{ $city->name }}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                    <small class="errorTxt1">
                                                        @if ($errors->has('city_id'))
                                                        <div id="city_id-error" class="error">{{ $errors->first('city_id') }}</div>
                                                        @endif
                                                    </small>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <th width="30%" class="right-align padr30px">Choose your township *</th>
                                            <td>
                                                <div class="input-field col s12"></div>
                                                <select class="select2 browser-default" id="township" name="township_id">
                                                    <option value="" disabled selected >Choose your township</option>
                                                    @foreach ($townships as $township)
                                                    <option value="{{ $township->id }}" {{$township->id == $merchant->address->township->id ? 'selected' : ''}}>{{ $township->name }}</option>
                                                    @endforeach
                                                    <small class="errorTxt1">
                                                        @if ($errors->has('township_id'))
                                                        <div id="township_id-error" class="error">{{ $errors->first('township_id') }}</div>
                                                        @endif
                                                    </small>
                                                </select>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th class="right-align padr30px">Is Priority *</th>
                                        <td>
                                            <div class="col s12 mt-3 mb-4">
                                                <p class="is-bestdeal-radio">
                                                    <label>
                                                        <input class="validate" value="1"  name="is_priority" type="radio" @if($merchant->is_priority == 1) checked @endif  />
                                                        <span>Yes</span>
                                                    </label>
                                                    <label>
                                                        <input class="validate" value="0" name="is_priority" type="radio" @if($merchant->is_priority == 0) checked @endif />
                                                        <span>No</span>
                                                    </label>
                                                </p>

                                                <small class="errorTxt1">
                                                    @if ($errors->has('is_priority'))
                                                    <div id="is_priority-error" class="error">{{ $errors->first('is_priority') }}</div>
                                                    @endif
                                                </small>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th class="right-align padr30px">Is Asc *</th>
                                        <td>
                                            <div class="col s12 mt-3 mb-4">
                                                <p class="is-bestdeal-radio">
                                                    <label>
                                                        <input class="validate" id="is_asc" value="1"  name="is_asc" type="radio" @if((old('is_asc') == 1) || $merchant->is_asc == 1) checked @endif />
                                                        <span>Yes</span>
                                                    </label>
                                                    <label>
                                                        <input class="validate" id="no_asc" value="0" name="is_asc" type="radio" @if((old('is_asc') == 0) && $merchant->is_asc == 0) checked @endif />
                                                        <span>No</span>
                                                    </label>
                                                </p>

                                                <small class="errorTxt1">
                                                    @if ($errors->has('is_asc'))
                                                    <div id="is_asc-error" class="error">{{ $errors->first('is_asc') }}</div>
                                                    @endif
                                                </small>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th class="right-align padr30px">Latitude *</th>
                                        <td>
                                            <div class="input-field col s12">
                                                <input value="{{ $merchant->address->latitude }}" class="validate"  id="latitude" type="text" name="latitude">
                                                <small class="errorTxt1">
                                                    @if ($errors->has('latitude'))
                                                    <div id="latitude-error" class="error">{{ $errors->first('latitude') }}</div>
                                                    @endif
                                                </small>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th class="right-align padr30px">Longitude *</th>
                                        <td>
                                            <div class="input-field col s12">
                                                <input value="{{ $merchant->address->longitude }}" class="validate"  id="longitude" type="text" name="longitude">
                                                <small class="errorTxt1">
                                                    @if ($errors->has('longitude'))
                                                    <div id="longitude-error" class="error">{{ $errors->first('longitude') }}</div>
                                                    @endif
                                                </small>
                                            </div>
                                        </td>
                                    </tr>
                                    {{-- @if ($merchant->is_asc == 0 && $errors->first('longitude') || $merchant->is_asc == 0 && $errors->first('latitude'))
                                        <tr class="required_asc">
                                            <th class="right-align padr30px">Latitude *</th>
                                            <td>
                                                <div class="input-field col s12">
                                                    <input value="{{ old('latitude') }}{{ $merchant->address->latitude }}" class="validate"  id="latitude" type="text" name="latitude">
                                                    <small class="errorTxt1">
                                                        @if ($errors->has('latitude'))
                                                        <div id="latitude-error" class="error">{{ $errors->first('latitude') }}</div>
                                                        @endif
                                                    </small>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr class="required_asc">
                                            <th class="right-align padr30px">Longitude *</th>
                                            <td>
                                                <div class="input-field col s12">
                                                    <input value="{{ old('longitude') }}{{ $merchant->address->longitude }}" class="validate"  id="longitude" type="text" name="longitude" value="{{ old('longitude') }}">
                                                    <small class="errorTxt1">
                                                        @if ($errors->has('longitude'))
                                                        <div id="longitude-error" class="error">{{ $errors->first('longitude') }}</div>
                                                        @endif
                                                    </small>
                                                </div>
                                            </td>
                                        </tr>
                                    @endif --}}
                                    {{-- @if ($merchant->is_asc == 1)
                                        <tr class="asc">
                                            <th class="right-align padr30px">Latitude *</th>
                                            <td>
                                                <div class="input-field col s12">
                                                    <input value="{{ $merchant->address->latitude }}" class="validate"  id="latitude" type="text" name="latitude">
                                                    <small class="errorTxt1">
                                                        @if ($errors->has('latitude'))
                                                        <div id="latitude-error" class="error">{{ $errors->first('latitude') }}</div>
                                                        @endif
                                                    </small>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr class="asc">
                                            <th class="right-align padr30px">Longitude *</th>
                                            <td>
                                                <div class="input-field col s12">
                                                    <input value="{{ $merchant->address->longitude }}" class="validate"  id="longitude" type="text" name="longitude">
                                                    <small class="errorTxt1">
                                                        @if ($errors->has('longitude'))
                                                        <div id="longitude-error" class="error">{{ $errors->first('longitude') }}</div>
                                                        @endif
                                                    </small>
                                                </div>
                                            </td>
                                        </tr>
                                    @endif --}}
                                    <tr>
                                        <th class="right-align padr30px">Image *</th>
                                        <td>
                                            <div class="row section mt-5">
                                                <small class="errorTxt1">
                                                    @if ($errors->has('image'))
                                                    <div id="image-error" class="error">{{ $errors->first('image') }}</div>
                                                    @endif
                                                </small>
                                                <div class="input-images"></div>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th class="right-align padr30px">Merchant Images</th>
                                        <td>
                                            <div class="row">
                                                @forelse ($merchant->images as $image)
                                                <div class="col m3 center product-image-hide-{{ $image->id }}">
                                                    <img src="{{ $image->full_image }}" alt="merchant image" class="product-images">
                                                    <div class="center">
                                                        <div class="product-delete">
                                                            <a   class="chip red custom btn" onclick="imgDelete({{ $image->id }})"><span class="white-text">Delete</span></a>
                                                            <input type="hidden" class="image-id" name="image_id" value="{{ $image->id }}">
                                                        </div>
                                                    </div>
                                                </div>

                                                @empty
                                                <p>No Image Found!</p>
                                                @endforelse
                                            </div>
                                            <div id="product-image-select">
                                                <select name="merchant_images[]" class="product-image-id" multiple="multiple">
                                                </select>
                                            </div>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
            </div>
            <div class="card cart-panel">
                <div class="card-content">
                    <h6 class="mb-2 mt-2"><i class="material-icons">error_outline</i> Merchant Owner Info</h6>
                </div>
                <div class="cart-content">
                    <table class="striped">
                        <tbody>
                            <tr>
                                <th class="right-align padr30px">Owner Name *</th>
                                <td>
                                    <div class="input-field col s12">
                                        <input value="{{ $merchant->owner->name ?? '-' }}" class="validate"  id="owner_name" type="text" name="owner_name">
                                        <small class="errorTxt1">
                                            @if ($errors->has('owner_name'))
                                            <div id="owner_name-error" class="error">{{ $errors->first('owner_name') }}</div>
                                            @endif
                                        </small>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <th class="right-align padr30px" width="20%">Owner Ph No *</th>
                                <td>
                                    <div class="input-field col s12">
                                        <input value="{{ $merchant->owner->phone_number ?? '-' }}" class="validate"  id="owner_phone_number" type="text" name="owner_phone_number">
                                        <small class="errorTxt1">
                                            @if ($errors->has('owner_phone_number'))
                                            <div id="owner_phone_number-error" class="error">{{ $errors->first('owner_phone_number') }}</div>
                                            @endif
                                        </small>
                                    </div>
                                </td>
                            </tr>
                            <tr class="is_asc">
                                <th class="right-align padr30px">Owner Email</th>
                                <td>
                                    <div>
                                        <input type="email" id="input-file-now" name="asc_owner_email" value="{{ $merchant->owner->email ?? '' }}"/>
                                        <small class="errorTxt1">
                                            @if ($errors->has('asc_owner_email'))
                                            <div id="owner-phone-number-error" class="error">{{ $errors->first('asc_owner_email') }}</div>
                                            @endif
                                        </small>
                                    </div>
                                </td>
                            </tr>

                                <tr class="is_asc">
                                    <th  class="right-align padr30px">Owner Profile</th>
                                    <td>
                                        <div>
                                            <input type="file" id="input-file-now" name="asc_owner_profile" class="dropify" data-default-file="{{ $merchant->owner->image ?? '-' }}" />
                                            <small class="errorTxt1">
                                                @if ($errors->has('asc_owner_profile'))
                                                <div id="owner-phone-number-error" class="error">{{ $errors->first('asc_owner_profile') }}</div>
                                                @endif
                                            </small>
                                        </div>
                                    </td>
                                </tr>
                                <tr class="is_asc">
                                    <th class="right-align padr30px">Owner Address</th>
                                    <td>
                                        <div>
                                            <input type="text" id="input-file-now" name="asc_owner_address" value="{{ $merchant->owner->address ?? '-' }}"/>
                                        </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="input-field  right">
                    <a href="{{ route('admin.merchants.index') }}" class="black-text waves-effect waves-light padr30px">Cancel </a>
                    <button class="btn waves-effect waves-light red border-radius-10 " type="submit">Update</button>
                </div>
            </form>
        </div>
    </div>
</div>
<section>
    <a href="{{route('admin.merchant-working-time.create')}}?merchant_id={{ $merchant->id }}" class="btn waves-effect waves-light"><i class="material-icons left">add</i>Create Merchant Time</a>

    <div class="card">
        <div class="card-content">
            <!-- datatable start -->
            <div class="responsive-table">
                <table id="users-list-datatable" class="table responsive-table">
                    <thead>
                        <tr>
                            <th></th>
                            <th>#</th>
                            <th>Opening Time</th>
                            <th>Closing Time</th>
                            <th>Day</th>
                            <th>Edit</th>
                            <th>Delete</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($merchant_working_times as $key => $merchant_working_time)
                        <tr>
                            <td></td>
                            <td>{{$key+1}}</td>
                            <td>{{$merchant_working_time->opening_time}}</td>
                            <td>{{$merchant_working_time->closing_time}}</td>
                            <td>{{$merchant_working_time->day}}</td>
                            <td>
                                <a class="waves-effect waves-light btn " href="{{ route('admin.merchant-working-time.edit', $merchant_working_time->id) }}" >Edit</a>
                            </td>
                            <td>
                                <form action="{{ route('admin.merchant-working-time.destroy', $merchant_working_time->id) }}" method="POST" onsubmit="return confirm('Are You Sure?');" >
                                    <input type="hidden" name="_method" value="DELETE">
                                    <input type="hidden" name="_token" value="{{ csrf_token() }}">
                                    <button class="btn waves-effect waves-light red darken-2" type="submit" name="action" >Delete
                                    </button>
                                </form>
                            </td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="8">No Items Found!</td>
                        </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>

    </div>

</section>
</div>
@endsection

{{-- vendor script --}}
@section('vendor-script')
<script type="text/javascript">
    $('#city').change(function(){
        var countryID = $(this).val();
        if(countryID){
            $.ajax({
                type:"GET",
                url:"{{route('admin.town-lists')}}?city_id="+countryID,
                success:function(res){
                    if(res){
                        $("#township").empty();
                        $("#township").append('<option value="">Select Township</option>');
                        $.each(res,function(key,value){
                            console.log(value);
                            $("#township").append('<option value="'+ key +'">'+ value +'</option>');
                        });

                    }else{
                        // $("#township").empty();
                    }
                }
            });
        }
    });
    $(document).ready(function(){
        $('.is_asc').hide();
    });
    $('#is_asc').change(function yesAsc(params) {
        $('.is_asc').show();
    });
    $('#no_asc').change(function noAsc(params) {
        $('.is_asc').hide();
        $('.asc').hide();
        $('.required_asc').remove();
    });


    $(document).ready(function(){
        $("#product-image-select").hide();
    });

    function imgDelete(imageId) {
        $('.product-image-id').append('<option value="'+ imageId +'" selected>'+imageId+'</option>');
        $('.product-image-hide-' + imageId).hide();
    }
    $(document).ready(function(){
        $(".product-image-id").hide();
    });
</script>
<script src="{{ asset('vendors/file-upload/image-uploader.min.js') }}"></script>
<script>
    $('.input-images').imageUploader();
</script>
<script src="{{asset('vendors/select2/select2.full.min.js')}}"></script>
<script src="{{asset('vendors/jquery-validation/jquery.validate.min.js')}}"></script>
<script src="{{asset('vendors/dropify/js/dropify.min.js')}}"></script>
@endsection

{{-- page script --}}
@section('page-script')
<script src="{{asset('js/scripts/form-select2.js')}}"></script>
<script src="{{asset('js/scripts/form-validation.js')}}"></script>
<script src="{{asset('js/scripts/form-file-uploads.js')}}"></script>
@endsection