@extends('layouts.contentLayoutMaster')

{{-- page title --}}
@section('title','Merchant Create')

{{-- 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="section">
    <div class="row">
        <div class="col s12">
            <form action="{{ route('admin.merchants.store') }}" class="formValidate0" id="formValidate0" method="POST" enctype="multipart/form-data">
                @csrf
            <div id="html-validations" class="card card-tabs">
                <div class="card-content">
                    <div class="card-title">
                        <div class="row">
                            <div class="col s12 m6 l10">
                                <h4 class="card-title">Merchant Create</h4>
                            </div>
                            <div class="col s12 m6 l2">
                            </div>
                        </div>
                    </div>
                    {{-- {{dd($errors)}} --}}
                    <div id="html-view-validations">
                            <table class="striped">
                                <tbody>
                                    <tr>
                                        <th class="right-align padr30px">Display Merchant Id *</th>
                                        <td>
                                           <div class="input-field col s12">
                                               <input class="validate"  id="display_merchant_id" name="display_merchant_id" type="number" value="{{ old('display_merchant_id') }}">
                                               <small class="errorTxt1">
                                                   @if ($errors->has('display_merchant_id'))
                                                   <div id="display-merchant-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 class="validate"  id="name" name="name" type="text" value="{{ old('name') }}">
                                                <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 class="validate"  id="phone_number" type="text" name="phone_number" value="{{ old('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">{{ old('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 class="validate"  id="grade" type="text" name="grade" value="{{ old('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 class="validate"  id="limited_credit" type="text" name="limited_credit" value="{{ old('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">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) 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) 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 class="validate"  id="latitude" type="text" name="latitude" value="{{ old('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 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>
                                     <tr class="is_asc">
                                        <th>Merchant Working Time</th>
                                        <td>
                                           <div class="card-content">
                                               {{-- <h6 class="mb-2 mt-2"><i class="material-icons">error_outline</i> Merchant Working Time Create</h6> --}}
                                                   <div class="input-field col s12">
                                                       <div class="row">
                                                           <div class="col s4">
                                                               <label for="opening_time">Opening Time</label>
                                                               <input type="time"  min="1" max="12" class="error validate" id="opening_time" name="opening_time">
                                                               <small class="errorTxt1">
                                                                   @if ($errors->has('opening_time'))
                                                                   <div id="opening_time-error" class="error">{{ $errors->first('opening_time') }}</div>
                                                                   @endif
                                                               </small>
                                                           </div>
                                                           <div class="col s4">
                                                               <label for="closing_time">Closing Time</label>
                                                               <input type="time"  min="13" max="24" class="error validate" id="closing_time" name="closing_time">
                                                               <small class="errorTxt1">
                                                                   @if ($errors->has('closing_time'))
                                                                   <div id="closing_time-error" class="error">{{ $errors->first('closing_time') }}</div>
                                                                   @endif
                                                               </small>
                                                           </div>
                                                       </div>
                                                   </div>
                                           </div>
                                        </td>
                                    </tr>
                                    <tr class="is_asc">
                                        <th class="right-align padr30px">Choose Day</th>
                                        <td>
                                            <div class="input-field">
                                                <select class="select2 browser-default" multiple="multiple" name="days[]">
                                                    <optgroup label="Days">
                                                        <option value="Monday">Monday</option>
                                                        <option value="Tuesday">Tuesday</option>
                                                        <option value="Wednesday">Wednesday</option>
                                                        <option value="Thursday">Thursday</option>
                                                        <option value="Friday">Friday</option>
                                                        <option value="Saturday">Saturday</option>
                                                        <option value="Sunday">Sunday</option>
                                                    </optgroup>
                                                </select>
                                            </div>
                                        </td>
                                    </tr>
                                     <tr>
                                         <th class="right-align padr30px">Password *</th>
                                         <td>
                                             <div class="input-field col s12">
                                                <input class="validate"  id="password" type="password" name="password" />
                                                <small class="errorTxt1">
                                                    @if ($errors->has('password'))
                                                    <div id="password-error" class="error">{{ $errors->first('password') }}</div>
                                                    @endif
                                                </small>
                                            </div>
                                         </td>
                                     </tr>
                                     <tr>
                                        <th class="width25 right-align padr30px">Choose your city  *</th>
                                        <td>
                                            <div class="input-field col s12">
                                                <select class="select2 browser-default validate" id="city" name="city_id">
                                                    <option value="" disabled selected>Choose your city</option>
                                                    @foreach ($cities as $city)
                                                    <option value="{{ $city->id }}" >{{ $city->name }}</option>
                                                    @endforeach
                                                </select>
                                                <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 class="width25 right-align padr30px">Choose your township  *</th>
                                        <td>
                                            <div class="input-field col s12">
                                                <select class="select2  browser-default validate" id="township" name="township_id">
                                                    <option value="" disabled selected >Choose your township</option>
                                                </select>
                                                <small class="errorTxt1">
                                                    @if ($errors->has('township_id'))
                                                    <div id="township_id-error" class="error">{{ $errors->first('township_id') }}</div>
                                                    @endif
                                                </small>
                                            </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(old('is_priority') == 1) checked @endif />
                                                        <span>Yes</span>
                                                    </label>
                                                    <label>
                                                        <input class="validate"  value="0" name="is_priority" type="radio" @if(old('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">Image *</th>
                                        <td>
                                            <div class="col s12 m8 l12 input-field">
                                                <div class="input-images"></div>
                                                <small class="errorTxt1">
                                                    @if ($errors->has('images'))
                                                    <div id="image-error" class="error">{{ $errors->first('images') }}</div>
                                                    @endif
                                                </small>
                                            </div>
                                        </td>
                                     </tr>
                                </tbody>
                             </table>
                        </div>
                    </div>
                </div>
                <div class="card-panel">
                    <div class="card-content">
                        <h6 class="mb-2 mt-2"><i class="material-icons">error_outline</i> Merchant Owner Info</h6>
                    </div>
                    <table class="striped">
                        <tbody>
                            <tr>
                                <th class="right-align padr30px">Owner Name *</th>
                                <td>
                                    <div class="input-field col s12">
                                        <input class="validate"  id="owner_name" type="text" name="owner_name" value="{{ old('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">Owner Profile</th>
                                <td>
                                    <div>
                                        <input type="file"  name="owner_image" class="dropify" />
                                        <small class="errorTxt1">
                                           @if ($errors->has('owner_image'))
                                           <div id="owner-phone-number-error" class="error">{{ $errors->first('owner_image') }}</div>
                                           @endif
                                       </small>
                                    </div>
                                </td>
                            </tr>
                             <tr>
                                <th width="20%" class="right-align padr30px">Owner Ph No *</th>
                                <td>
                                    <div class="input-field col s12">
                                        <input class="validate"  id="owner_phone_number" type="text" name="owner_phone_number" value="{{ old('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>
                                <th class="right-align padr30px">Owner Email</th>
                                <td>
                                    <div>
                                        <input type="email" id="input-file-now" name="asc_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>
                                <th class="right-align padr30px">Owner Address *</th>
                                <td>
                                    <div>
                                        <input type="text" id="input-file-now" name="owner_address"/>
                                        <small class="errorTxt1">
                                            @if ($errors->has('owner_address'))
                                            <div id="owner-phone-number-error" class="error" style="color: #FF4081;">{{ $errors->first('owner_address') }}</div>
                                            @endif
                                        </small>
                                    </div>
                                </td>
                             </tr>
                        </tbody>
                    </table>
                </div>
                <div class="row right pr-1">
                    <a href="{{ route('admin.merchants.index') }}" class="waves-effect waves-light text-black-50 padr30px">Cancel</a>
                    <button class="btn waves-effect waves-light red border-radius-10" type="submit" id="btn-product-create">Create</button>
                    <button type="button" class="btn waves-effect waves-light" id="btn-product-spinner">
                        <div class="preloader-wrapper small active">
                            <div class="spinner-layer">
                                <div class="circle-clipper left">
                                    <div class="circle"></div>
                                </div>
                                <div class="gap-patch">
                                    <div class="circle"></div>
                                </div>
                                <div class="circle-clipper right">
                                    <div class="circle"></div>
                                </div>
                            </div>
                        </div>
                    </button>
                </div>
            </form>
        </div>
    </div>
</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>Select Township</option>');
                            $.each(res,function(key,value){
                                console.log(value);
                                $("#township").append('<option value="'+ key +'">'+ value +'</option>');
                            });

                        }else{
                            // $("#township").empty();
                        }
                    }
                });
            }
        });
        $(document).ready(function(){
            $("#time_card").hide();
            $('.is_asc').hide();
        });
        $('#is_asc').change(function yesAsc(params) {
            $('#time_card').show();
            $('.is_asc').show();
        });
        $('#no_asc').change(function noAsc(params) {
            $('#time_card').hide();
            $('.is_asc').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