@extends('includes.master')
  @section('content')    

<style>
.error_class{
  color:red;
}
.success_class{
  color:green;
}

</style>

 <!--   <style type="text/css">
    
  </style> -->

<div class="right_col" role="main">

	         <div class="row">
        	 <div class="col-md-12 float-none">
        	  <div style="font-size: 22px;font-size: 25px; padding: 5px 10px;background: #fff;font-weight: normal; display: block; margin-bottom: 10px;">
        		City Detail 
        		<a class="btn btn-success" href="{{url('city-add')}}">Add</a>
        	</div>
        </div> 
    </div>
    
            <div class="row  class="right_col"">
              <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="x_panel">
              

                  <div class="x_content">
                    <p class="text-muted font-13 m-b-30"></p>
                    <!-- <b style="font-size: 30px">City Detail</b>
                     <a class="btn btn-success" href="{{url('city-add')}}">Add</a>
                    </p>   -->

                    <table id="datatable" class="table table-striped table-bordered">
                      <thead>        
                      
                        <tr>
                          <th>Sr No.</th>
                          <th>City Name</th>
                          <th>State Name</th>
                          
                          <th>Created Date</th>
                          <th>Edit</th>                                        
                          <th>Delete</th>                          
                        </tr>
                        </thead>
                        <tbody>
                       @foreach($queary as $val)
                        <tr>
                          <td>{{$no++}}</td>
                           
                          <td>{{$val->city_name}}</td>
                          <td>{{$val->state_name}}</td>
                                                 
                          <td>{{$val->created_date}}</td>
                          <td><a type="button" id="modelbutton" class="btn btn-success a-btn-slide-text" onclick="demo('{{$val->city_id}}')">Edit</a></td>
                      
                           <td><a href="delete-city/{{$val->city_id}}" class="btn btn-danger a-btn-slide-text" onclick="return confirm('Are you sure to delete this recored ?')">Delete</a></td>
                        </tr>
                      @endforeach
                    </tbody>
                    </table>
                  </div>




                  <!-- Modal -->
  <div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog modal-lg">    
      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">Update City Master</h4>
        </div>
        <div class="modal-body">      

          <!-- <form name="employee_master" id="employee_master" enctype="multipart/form-data" method="POST"> -->

        <form name="city_form" id="city_form"  method="POST">
           {{ csrf_field() }}
           <input type="hidden" class="form-control" id="id" name="id" value="">
                  

                     <div class="col-md-6">
                      <div class="form-group row">
                        <label for="state_name" class="col-sm-4 col-form-label">State Name:</label>
                        <div class="col-sm-6">
                          <select type="text" class="form-control" id="statename" name="statename" placeholder="State Name"  required>
                          <option selected value="">Select State</option>
                          @foreach($data as $val)
                          <option value="{{$val->state_id}}">{{$val->state_name}}</option>
                          @endforeach
                          </select>
                          <label class="control-label" for="inputError"><span id="err_statename" class="error_class"></span></label>
                        
                        </div>
                      </div>
                  </div>


                  <div class="col-md-6">
                      <div class="form-group row">
                        <label for="state_name" class="col-sm-4 col-form-label">City Name:</label>
                        <div class="col-sm-6">
                          <input type="text" class="form-control" id="city_name" name="city_name" placeholder="City Name"  required>
                          <label class="control-label" for="inputError"><span id="err_city_name" class="error_class"></span></label>
                        </div>
                      </div>
                  </div>
                    


        <center>
          <div class="col-md-12">
            <div class="form-group row">
            <button type="button" name="submit" id="submit" class="btn btn-success">Update</button>
          </div>
        </div>
        </center>

      </form>
    </div>
    <div class="modal-footer">
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    </div>
  </div>    
</div>
</div>
</div>
</div>
</div>
</div>





  <script type="text/javascript">
   function demo(city_id,state_id,city_name){ 
    //alert(city_id);
   $.ajax({
    url: 'city-table-model/'+city_id,
    type: "GET",
    success:function(user)
    {
      var data=  JSON.parse(user);
      $('#myModal').modal('show');                   
      $('#id').val('');  
      $('#statename').val('');
      $('#city_name').val('');
    
     

      $('#id').val(data[0].city_id);
      $('#statename').val(data[0].state_id);
      $('#city_name').val(data[0].city_name);      
      
     
    }
  });
 } 
  </script>

  <script type="text/javascript">  
  $('#submit').click(function(){
    var data = confirm('Are you sure you want to updated this record ?');
     $(".error_class").empty();
    $(".success_class").empty();
    var formdata = new FormData($('#city_form')[0]);
    if(data){
   ///alert('okae');    
        $.ajax({  
         type: "POST",  
         url: "{{URL::to('city-master-update')}}",
         contentType : false,
         processData : false,
         data : formdata,
         success: function(response){
          var data = JSON.parse(response);
          if(data.status=='success'){
            alert(data.messege);
            window.location = data.redirectUrl;   
          }
        else if(data.messege == "error"){
        }else{
            //alert('something went wrong');
            $.each(data , function(key , value){
            $("#err_" + key).text(value);
          });

          } 
            
          }           
          
      }); 
    } 
  });
</script>

@endsection