@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;">
        		Insurance Company Details
        		<a class="btn btn-success" href="{{url('insurer-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">Insurance Details</b>
                     <a class="btn btn-success" href="{{url('insurer-add')}}">Add</a> -->
                   
                    <table id="datatable" class="table table-striped table-bordered">
                      <thead>
                        <tr>
                          <th>Sr.No.</th>
                          <th>Insurance Company</th>
                          <th>Address</th> 
                          <th>Hospital Link</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->insurer_name}}</td>
                          <td>{{$val->address}}</td>
                           <td><a href="https://{{$val->cashless_hospital_link}}" >{{$val->cashless_hospital_link}}</a></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->insurer_id}}')">Edit</a></td>

                        

                          <td><a href="insurer-delete/{{$val->insurer_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 Insurance Master</h4>
        </div>
        <div class="modal-body">
        <form name="insurer_form" id="insurer_form" enctype="multipart/form-data" method="POST">
           {{ csrf_field() }}
           <input type="hidden" class="form-control" id="insurer_id" name="insurer_id" value="">
            


                  <div class="col-md-6">
                      <div class="form-group row">
                        <label for="insurer_name" class="col-sm-4 col-form-label">Insurance Company:</label>
                        <div class="col-sm-6">
                          <input type="text" class="form-control" id="insurer_name" name="insurer_name" placeholder="Insurance Company"  required>
                          <label class="control-label" for="inputError"><span id="err_insurer_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>


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

     

      $('#insurer_id').val(data[0].insurer_id);
      $('#insurer_name').val(data[0].insurer_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);
      $('#cashless_hospital_link').val(data[0].cashless_hospital_link);

     
    }
  });
 } 
  </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){
      
        console.log(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($('#insurer_form')[0]);
    if(data){
   // alert('okae');    
        $.ajax({  
         type: "POST",  
         url: "{{URL::to('insurer-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