@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;">
        		TPA Details
        		<a class="btn btn-success" href="{{url('tpa-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">TPA Details</b>
                     <a class="btn btn-success" href="{{url('tpa-add')}}">Add</a> -->
                   
                    <table id="datatable" class="table table-striped table-bordered">
                      <thead>
                        <tr>
                          <th>Sr.No</th>
                          <th>TPA Company</th>                          
                          <th>Address</th>
                          <th>Pincode</th>
                          <th>State Name</th>
                          <th>City Name</th>
                          <th>Edit</th>
                          <th>Delete</th>
                        </tr>
                      </thead>
                      <tbody>
                        @foreach($data as $val)
                        <tr>

                          <td>{{$no++}}</td>
                          <td>{{$val->tpa_name}}</td>
                          <td>{{$val->address}}</td>                          
                          <td>{{$val->pincode}}</td>
                          <td>{{$val->state_name}}</td>    
                          <td>{{$val->city_name}}</td>   
                       <td><a type="button" id="modelbutton" class="btn btn-success a-btn-slide-text" onclick="demo('{{$val->tpa_id}}')">Edit</a></td>
                  
                        
                          <td><a href="tpa-delete/{{ $val->tpa_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 TPA Master</h4>
        </div>
        <div class="modal-body">
        <form name="tpa_form" id="tpa_form" enctype="multipart/form-data" 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="insurer_name" class="col-sm-4 col-form-label">TPA Company:</label>
                        <div class="col-sm-6">
                          <input type="text" class="form-control" id="tpa_name" name="tpa_name" placeholder="TPA Company"  required>
                          <label class="control-label" for="inputError"><span id="err_tpa_name" class="error_class"></span></label>                     
                        </div>
                      </div>
                  </div>

                  <div class="col-md-6">
                      <div class="form-group row">
                        <label for="insurer_name" class="col-sm-4 col-form-label">Address:</label>
                        <div class="col-sm-6">
                          <input type="text" class="form-control" id="address" name="address" placeholder="Address"  required>
                          <label class="control-label" for="inputError"><span id="err_address" class="error_class"></span></label>                     
                        </div>
                      </div>
                  </div>


                  <div class="col-md-6">
                   <div class="form-group row">
                        <label for="comp_pincode" class="col-sm-4 col-form-label">Pincode:</label>
                        <div class="col-sm-6">
                          <input type="text" class="form-control" id="comp_pincode" name="comp_pincode" minlength="6" maxlength="6" onkeypress="return fnAllowNumeric(event)" placeholder="Pincode" required>
                           <label class="control-label" for="inputError"><span id="err_comp_pincode" class="error_class"></span></label>
                        </div>
                      </div>
                    </div>   


                    <div class="col-md-6">
                   <div class="form-group row">
                        <label for="state" class="col-sm-4 col-form-label">State:</label>
                        <div class="col-sm-6">
                          <input type="text" class="form-control" readonly="" id="comp_state_name" name="comp_state_name" placeholder="State" required>
                           <label class="control-label" for="inputError"><span id="err_comp_state" class="error_class"></span></label>
                        </div>
                      </div>
                    </div>                 
                
                   <input type="hidden" class="form-control" id="comp_state" name="comp_state" placeholder="State" required>
                   <input type="hidden" class="form-control" id="comp_city" name="comp_city" placeholder="City" required>

                  <div class="col-md-6">
                   <div class="form-group row">
                        <label for="designation" class="col-sm-4 col-form-label">City:</label>
                        <div class="col-sm-6">
                          <input type="text" class="form-control" readonly="" id="comp_city_name" name="comp_city_name" placeholder="City" required>
                           <label class="control-label" for="inputError"><span id="err_comp_city" 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(tpa_id,tpa_name,address,pincode,city_id,state_id,city_name,state_name){ 
    //alert(user_id);
   $.ajax({
    url: 'tpa-table-model/'+tpa_id,
    type: "GET",
    success:function(user)
    {
      var data=  JSON.parse(user);
      $('.error_class').empty();
      $('#myModal').modal('show');                   
      $('#id').val('');  
      $('#tpa_name').val('');
      $('#address').val('');
      $('#comp_pincode').val('');  
      $('#comp_city').val('');
      $('#comp_state').val('');
      $('#comp_state_name').val('');
      $('#comp_city_name').val('');

     

      $('#id').val(data[0].id);
      $('#tpa_name').val(data[0].tpa_name);
      $('#address').val(data[0].address);      
      $('#comp_pincode').val(data[0].pincode);
      $('#comp_city').val(data[0].city_id);
      $('#comp_state').val(data[0].state_id);
      $('#comp_state_name').val(data[0].state_name);
      $('#comp_city_name').val(data[0].city_name);

     
    }
  });
 } 
  </script>


<!-- 
 <script type="text/javascript">
   function demo(tpa_id,tpa_name,address,pincode,city_id,state_id,city_name,state_name){ 

    $('.error_class').empty();

    $('#myModal').modal('show');
    $('#id').val(tpa_id);
    $('#tpa_name').val(tpa_name);
    $('#address').val(address);
    $('#comp_pincode').val(pincode);
    $('#comp_city').val(city_id); 
    $('#comp_state').val(state_id); 
    $('#comp_state_name').val(state_name); 
    $('#comp_city_name').val(city_name); 

   
 } 
  </script>
 -->
<script type="text/javascript">
  $("#comp_pincode").keyup(function(){

    if($.trim($(this).val()).length == 6){

      $.ajax({
      url : 'company-pincode/'+ $(this).val(), 
      type: 'GET',

      success : function(response){

        var d = JSON.parse(response);
         $('#comp_state').val('');
         $('#comp_city').val('');
         $('#comp_state_name').val('');
         $('#comp_city_name').val('');

         for(var i=0;i<d.length;i++)
        {

         $('#comp_state').val(d[i].state_id);
         $('#comp_city').val(d[i].city_id);
         $('#comp_state_name').val(d[i].state_name);
         $('#comp_city_name').val(d[i].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($('#tpa_form')[0]);
    if(data){
   // alert('okae');    
        $.ajax({  
         type: "POST",  
         url: "{{URL::to('tpa-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