@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;">
        		Pincode Detail
        		<a class="btn btn-success" href="{{url('pincode-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">Pincode Detail</b>
                     <a class="btn btn-success" href="{{url('pincode-add')}}">Add</a>
                    </p>  --> 
                    <table id="datatable" class="table table-striped table-bordered">
                      <thead>                      
                        <tr>
                          <th>Sr No.</th>
                          <th>City Name</th>
                          <th>Post Office Name</th>
                          <th>Pincode</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->PostOffiName}}</td>                       
                          <td>{{$val->pincode}}</td>                        
                          <td>{{$val->created_date}}</td>
                          <td><a type="button" id="modelbutton" class="btn btn-success a-btn-slide-text" onclick="demo('{{$val->id}}')">Edit</a></td>                      
                           <td><a href="delete-pincode/{{$val->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="pincode_form" id="pincode_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">City Name:</label>
                        <div class="col-sm-6">
                         <select type="text" class="form-control" id="city_name" name="city_name" placeholder="City Name"  required>
                         	<option>Select City</option>
                         	@foreach($city as $val)
                         	<option value="{{$val->city_id}}">{{$val->city_name}}</option>
                         	@endforeach
                         </select>
                         <label class="control-label" for="inputError"><span id="err_city_name" 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">Post Office Name:</label>
                        <div class="col-sm-6">
                         <input type="text" class="form-control" id="pincodeadd" name="pincodeadd" placeholder="Post Office Name"  required>
                         
                         <label class="control-label" for="inputError"><span id="err_pincodeadd" class="error_class"></span></label>
                        </div>
                      </div>
                  </div>

                  <div class="col-md-6">
                      <div class="form-group row">
                        <label for="pincode" class="col-sm-4 col-form-label">Pincode:</label>
                        <div class="col-sm-6">
                         <input type="text" class="form-control" minlength="6" maxlength="6" onkeypress="return fnAllowNumeric(event)"  id="pincode" name="pincode" placeholder="Pincode"  required>        
                         <label class="control-label" for="inputError"><span id="err_pincode" 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(id,city_id,PostOffiName,pincode){ 
    //alert(city_id);
   $.ajax({
    url: 'pincode-table-model/'+id,
    type: "GET",
    success:function(user)
    {
      var data=  JSON.parse(user);
      $('.error_class').empty();
      $('#myModal').modal('show');                   
      $('#id').val('');        
      $('#city_name').val('');
      $('#pincodeadd').val('');
      $('#pincode').val('');   
     

      $('#id').val(data[0].id);
      $('#city_name').val(data[0].city_id);
      $('#pincodeadd').val(data[0].PostOffiName);      
      $('#pincode').val(data[0].pincode);  
      
     
    }
  });
 } 
  </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($('#pincode_form')[0]);
    if(data){
   ///alert('okae');    
        $.ajax({  
         type: "POST",  
         url: "{{URL::to('pincode-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