@extends('layouts.app_admin')

  @section('content')
    <main class="page-content ">
    <div class="container-fluid"> 
      <div class="breadcrumb1">
        <ul>
          <li><a href="{{ url('admin-dashboard') }}">Dashboard ></a></li>
          <li><a href="{{ url('city-list')}}">City List ></a></li>
          <li>Add City</li>
        </ul>
      </div>

      <!-- Breadcumb End -->
      <div class="form-wrapper">
        <form action="{{ url('add-city') }}" id="city" method="post" enctype='multipart/form-data' >
          {{ csrf_field() }}

          <div class="row">
            <div class="col-md-3">
            <label for="country name">Country Name<span class="maditory_star">*</span></label>
          </div>
            <select name="country_name" id="country_id"  >
            <option value="">select country</option>
          </select>
         </div>


         


            <div class="row">
              <div class="col-md-3">
              <label for="state name">State Name<span class="maditory_star">*</span></label>
              </div>
              <select name="state_name" id="state_id">         
            <option value="">select state</option>
          </select>
         </div>







          <div class="row">
          <div class="col-md-3">
            <label for="city name">City Name<span class="maditory_star">*</span></label>
          </div>
          <div class="col-md-9">            
            <input type="text" class="form-control" id="city_name" placeholder="Enter City Name" name="city_name" data-rule-required="true" data-msg-required="Please enter name">
            @if ($errors->has('city_name'))
              <span for="city_name" class="error_validate" style="display:block;">
                {{ $errors->first('city_name') }}
              </span>
            @endif
          </div>
        </div>

         <div class="row">
          <div class="col-md-9 offset-md-3">
            <div class="text-center form-btn">
              <button class="common-btn active" id="page_sub_btn">Add</button>
              <a href="{{ url('city-list') }}" class="common-btn">Cancel</a>
             </div>
          </div>
        </div>


      </form>
      </div>
    </div> <!-- container fluid -->
  </main>
  <!-- page-content" -->
</div>
<!-- page-wrapper -->

<script src="https://cdn.ckeditor.com/4.11.3/standard/ckeditor.js"></script>
<script src="{{ url('/public/admin_assets/developer_validate/jquery.validate.min.js')}}"></script>
<script src="{{ url('/public/admin_assets/developer_validate/custom_validate.js')}}"></script>
<script type="text/javascript">
    $('#city').validate({
        ignore: [],
        onfocusout: function(element) {
        this.element(element);
        },
        errorClass: 'error_validate',
        errorElement:'span',
        highlight: function(element, errorClass) {
        $(element).removeClass(errorClass);

        },
        submitHandler:function(form)
        {
    
       $('#page_sub_btn').prop("disabled", true);
       form.submit();
        }
    });
 
  $(document).on('click', '.browse', function(){
    var file = $(this).parent().parent().parent().find('.file');
    file.trigger('click');
  });
  $(document).on('change', '.file', function(){
    $(this).parent().find('.form-control').val($(this).val().replace(/C:\\fakepath\\/i, ''));
  });
  
 

</script>

@endsection

<!-- Footer -->