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

<style>
.error_class{
  color:red;
}
.success_class{
  color:green;
}
</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;">
        		State Details
        		<a class="btn btn-success" href="{{url('state-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">State Detail</b>
                     <a class="btn btn-success" href="{{url('state-add')}}">Add</a> -->
                     

                    <table id="datatable" class="table table-striped table-bordered">
                      <thead>        
                      
                        <tr>
                          <th>Sr No.</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->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->state_id}}')">Edit</a></td>
                      
                           <td><a href="delete-state/{{$val->state_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 State Master</h4>
        </div>
        <div class="modal-body">      
        <form name="state_form" id="state_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">
                          <input type="text" class="form-control" id="statename" name="statename" placeholder="State Name"  required>                          
                          <label class="control-label" for="inputError"><span id="err_statename" 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(state_id,state_name){ 
    //alert(city_id);
   $.ajax({
    url: 'state-table-model/'+state_id,
    type: "GET",
    success:function(user)
    {
      var data=  JSON.parse(user);
      $('.error_class').empty();
      $('#myModal').modal('show');                   
      $('#id').val('');  
      $('#statename').val('');
      
    
     

      $('#id').val(data[0].state_id);
      $('#statename').val(data[0].state_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($('#state_form')[0]);
    if(data){
   ///alert('okae');    
        $.ajax({  
         type: "POST",  
         url: "{{URL::to('state-master-update')}}",
         contentType : false,
         processData : false,
         data : formdata,
         success: function(msg){
          var response = JSON.parse(msg);
          if(response.status=="success"){
            alert(response.message);
            window.location = response.redirectUrl;
            //window.location = data.redirectUrl;   
          }
        else if(data.message == "error"){
           window.location = response.redirectUrl;
        }else{
            //alert('something went wrong');
            $.each(data , function(key , value){
            $("#err_" + key).text(value);
          });

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

<!--  success: function(msg){
             // alert(msg);
                   var response = JSON.parse(msg);
                    if(response.status == "success"){
                       alert(response.message);
          //$("#success_response").html(response.messege);
          window.location = response.redirectUrl;
        }
        else if(response.message == "error"){
          window.location = response.redirectUrl;
        }
        else{
          $.each(response , function(key , value){
            $("#err_" + key).text(value);
          });
        }
 -->

  @endsection