@extends('layouts.app-admin')
@section('content')

<link rel="stylesheet" href="{{url('adminAssets/assets/libs/select2/select2.css')}}">
<style>
   .default-style .select2-container--default .select2-selection--single{
        border-radius: 00;
    border: 0 solid rgba(24, 28, 33, 0.1);
    border-bottom: 1px solid #e7e8e8;
   }
    .default-style .select2-container--default .select2-selection--single .select2-selection__rendered{
    padding-left:0px;
    }
    </style>

<!-- [ content ] Start -->
<!-- [ content ] Start -->
<div class="container-fluid flex-grow-1 container-p-y">
        <h4 class="font-weight-bold py-3 mb-0">Add Shop</h4>
        <div class="text-muted small mt-0 mb-4 d-block breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{route('admin.dashboard')}}"><i class="feather icon-home"></i></a></li>
                <li class="breadcrumb-item">Manage Shops</li>
                <li class="breadcrumb-item active">Add Shop</li>
            </ol>
        </div>

        <div class="card mb-4">
            <h6 class="card-header bg-dark text-white">Shop</h6>
            <div class="card-body">

            {{ Form::open(array('url' => route('user.update',$user->id),'enctype'=>'multipart/form-data','method'=>'put')) }}
                    {!! csrf_field() !!}
                    <div class="form-row">
                        <div class="form-group col-md-6">
                            <label class="form-label">Shop Name <span class="error">*</span></label>
                            <input type="text" class="form-control" placeholder="Enter Shop Name" name="name" value="{{ $user->name }}" >
                            <div class="clearfix"></div>
                            @error('name')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                        <div class="form-group col-md-6">
                            <label class="form-label">Shop Owner Name <span class="error">*</span></label>
                            <input type="text" class="form-control" placeholder="Enter Shop Owner Name" name="owner_name"  value="{{ $user->owner_name }}">
                            <div class="clearfix"></div>
                            @error('owner_name')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                        <div class="form-group col-md-6">
                            <label class="form-label">Email Id <span class="error">*</span></label>
                            <input type="text" class="form-control" placeholder="Enter Email Id" name="email"  value="{{ $user->email }}">
                            <div class="clearfix"></div>
                            @error('email')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                     
                        
                      
                        <div class="form-group col-md-6">
                            <label class="form-label">Mobile No. <span class="error">*</span></label>
                            <input type="number" class="form-control" placeholder="Enter Mobile" name="mobile" value="{{ $user->mobile }}">
                            <div class="clearfix"></div>
                            @error('mobile')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                        <!-- <div class="form-group col-md-6">
                            <label class="form-label">Password <span class="error"></span></label>
                            <input type="text" class="form-control" placeholder="Enter Password" name="password" >
                            <div class="clearfix"></div>
                            @error('password')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div> -->
                        <div class="form-group col-md-6">
                            <label class="form-label">Shop Profile Image Upload</label>
                            <input type="file" class="form-control" placeholder="Upload Image" name="profileImage" accept="image/x-png,image/jpeg">
                            <div class="clearfix"></div>
                            @if($user->profileImage)
                            <div class="col-md-6" > 
                                <div class="form-group">
                                    <img src="{{url('media/profile_img/'.@$user->profileImage)}}" height="70px;" width="90px;">
                                </div>
                            </div>  
                            @endif
                            @error('profileImage')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>

                        <div class="form-group col-md-6">
                           <label class="form-label">Country <span class="error">*</span></label>
                           <select class="form-control Country select2" name="country" required>
                               <option value="">Select Country</option>
                               @foreach($country as $val)
                               <option value="{{$val->id}}" @if($user->country == $val->id){{"selected"}} @endif>{{$val->name}}</option>
                               @endforeach
                           </select>
                           <div class="clearfix"></div>
                       </div>

                        

                        <div class="form-group col-md-6">
                           <label class="form-label">County <span class="error">*</span></label>
                           <select class="form-control State select2" name="state" required>
                               <option value="">Select County</option>
                               @foreach($state as $val)
                               <option value="{{$val->id}}" @if($user->state == $val->id){{"selected"}} @endif>{{$val->name}}</option>
                               @endforeach
                           </select>
                           <div class="clearfix"></div>
                       </div>

                        
                       <!-- <div class="form-group col-md-6">
                           <label class="form-label">City <span class="error">*</span></label>
                           <select class="form-control City" name="city" required>
                               <option value="">Select City</option>
                               @foreach($city as $val)
                               <option value="{{$val->id}}" @if($user->city == $val->id){{"selected"}} @endif>{{$val->name}}</option>
                               @endforeach
                           </select>
                           <div class="clearfix"></div>
                       </div> -->

                        
                       <div class="form-group col-md-6">
                           <label class="form-label">Area <span class="error">*</span></label>
                           <select class="form-control Area select2" name="area" required>
                               <option value="">Select Area</option>
                               @foreach($area as $val)
                               <option value="{{$val->id}}" @if($user->area == $val->id){{"selected"}} @endif>{{$val->name}}</option>
                               @endforeach
                           </select>
                           <div class="clearfix"></div>
                       </div>
                       <div class="form-group col-md-6">
                            <label class="form-label">Post Code <span class="error">*</span></label>
                            <input type="text" class="form-control" placeholder="Enter Post Code" name="postalcode" value="{{$user->pincode}}" minlength="5" maxlength="8" oninput1="this.value = this.value.replace(/[^0-9]/g, '').replace(/(\..*)\./g, '$1');">
                            <div class="clearfix"></div>
                            @error('postalcode')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                        
                        <div class="form-group col-md-6">
                            <label class="form-label">Address <span class="error">*</span></label>
                            <input type="text" class="form-control" placeholder="Enter Address" name="address" value="{{$user->address}}" >
                            <div class="clearfix"></div>
                            @error('address')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>

                        <div class="form-group col-md-6">
                            <label class="form-label">VAT Number <span class="error"></span></label>
                            <input type="text" class="form-control" placeholder="Enter VAT Number" name="vat_no" value="{{$user->vat_no}}" >
                            <div class="clearfix"></div>                          
                        </div>
                        
                  
                        
                  
                       <!-- <div class="form-group col-md-6">
                           <label class="form-label">Status <span class="error">*</span></label>
                           <select class="form-control" name="status">
                           <option value="0" @if($user->status == '0'){{"selected"}} @endif>Active</option>
                                <option value="1"@if($user->status == '1'){{"selected"}}@endif>In-Active</option>
                           </select>
                           <div class="clearfix"></div>
                       </div> -->
                     
                   </div>      
                            
                    
                    <button type="submit" class="btn btn-primary">Submit</button>
                    {{ Form::close() }}
            </div>
        </div>
    </div>
    <!-- [ content ] End -->
<!-- [ content ] End -->
@endsection

@section('script')
<script src="{{asset('adminAssets/assets/libs/bootstrap-select/bootstrap-select.js')}}"></script>
    <script src="{{asset('adminAssets/assets/libs/bootstrap-multiselect/bootstrap-multiselect.js')}}"></script>
    <script src="{{asset('adminAssets/assets/libs/select2/select2.js')}}"></script>
    
<script>
    $(".select2").select2();
    
    $(document).on('change', ".Country", function () {
        var cate_id = $(".Country :selected").val();
        cate_id = cate_id ? cate_id : 0;
        $.ajax({
       type : "GET",
       url  : "{{url('admin/state_list')}}",
       dataType : "json",
       data : {"cate_id":cate_id},
       success : function(data) {
        $('.State').find('option').remove();
        $('.State').append('<option value="">State</option>');
           $.each(data, function(index, value) {
               $('.State').append('<option value="' + value['id'] + '">' + value['name'] + '</option>');
           });
   
       },
       error : function(e) {
        // alert(e);
       }
     });
    })
       $(document).on('change', ".State", function () {
        var cate_id = $(".State :selected").val();
        cate_id = cate_id ? cate_id : 0;
        $.ajax({
       type : "GET",
       url  : "{{url('admin/city_list')}}",
       dataType : "json",
       data : {"cate_id":cate_id},
       success : function(data) {
        $('.City').find('option').remove();
        $('.City').append('<option value="">City</option>');
           $.each(data, function(index, value) {
               $('.City').append('<option value="' + value['id'] + '">' + value['name'] + '</option>');
           });
   
       },
       error : function(e) {
        // alert(e);
       }
     });
    })
    $(document).on('change', ".City", function () {
        var cate_id = $(".City :selected").val();
        cate_id = cate_id ? cate_id : 0;
        $.ajax({
       type : "GET",
       url  : "{{url('admin/area_list')}}",
       dataType : "json",
       data : {"cate_id":cate_id},
       success : function(data) {
        $('.Area').find('option').remove();
        $('.Area').append('<option value="">Area</option>');
           $.each(data, function(index, value) {
               $('.Area').append('<option value="' + value['id'] + '">' + value['name'] + '</option>');
           });
   
       },
       error : function(e) {
        // alert(e);
       }
     });
    })
</script>
@endsection