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


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

</style>
<div class="right_col" role="main">
  <div class="row  class="right_col"">
   
   <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;">Company Details
     <a class="btn btn-success" href="{{url('company-add')}}">Add Company</a></div></div>
     <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">Company Details</b>
                    <a class="btn btn-success" href="{{url('company-add')}}">Add Company</a> -->
                    <!--  <a class="btn btn-success" href="{{url('company-document-details')}}">Company Documentation</a> -->
                    <table id="datatable" class="table table-striped table-bordered">
                      <thead>                  
                       
                        <tr>
                          <th>Sr.No</th>
                          <th>Company&nbsp;Name</th>
                          <th>Company&nbsp;Logo</th> 
                          <th>Pincode</th>                          
                          <th>City</th>  
                          <th>State</th>                                                                        
                          <th>Insurance&nbsp;Company</th>
                          <th>TPA Company</th>
                          <th>Address</th>
                          <th>Policy start Date</th>
                          <th>Policy End Date</th>
                          <th>Edit</th>
                          <th>Delete</th>                    
                        </tr>
                      </thead>
                      <tbody>                    
                        @foreach($query as $val)
                           
                        <tr>
                         <td>{{$no++}}</td>
                         <td>{{$val->comp_name}}</td>

                         <td><button type="button" class="btn btn-default" data-val="{{$val->comp_icon_url}}" data-toggle="modal" id="viewimage_{{$val->comp_id}}" style="{{$img}}" onclick='show_ecard(this.id)'>View Logo</button></td>
                         <td>{{$val->comp_pincode}}</td>                 
                         <td>{{$val->city_name}}</td>    
                         <td>{{$val->state_name}}</td>                           
                         <td>{{$val->insurer_name}}</td>      
                         <td>{{$val->tpa_name}}</td>
                         <td>{{$val->comp_addr}}</td>
                         <td>{{$val->start_date}}</td>
                         <td>{{$val->end_date}}</td>
                         <td><a type="button" id="modelbutton" class="btn btn-success a-btn-slide-text" onclick="demo('{{$val->comp_id}}')">Edit</a></td>
                         <td><a href="delete-company/{{$val->comp_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 Company Master</h4>
                      </div>
                      <div class="modal-body"> 

                       
                       <form name="company_master" id="company_master" enctype="multipart/form-data" files="true" method="POST">
                         {{ csrf_field() }}

                         <div id="coll3" class="panel-collse colpse">
                          <div class="panel-body">


                            <div class="col-md-12">

                             <input type="hidden" class="form-control" id="comp_id" name="comp_id" value="">

                             
                             <div class="col-md-6 col-xs-12">
                               <div class="from-group">
                                <label for="empcode">Company&nbsp;Name:</label>                    
                                <input type="text" class="form-control" id="comp_name" name="comp_name" placeholder="Company Code"  required>
                                <label id="err_comp_name" class="error_class"></label>
                              </div>
                            </div>
                            


                            <div class="col-md-6 col-xs-12">
                              <div class="from-group">
                                <label for="address">Policy Start Date:</label>
                                <input type="text" class="form-control lastReporteddob" maxlength="0" placeholder="Policy Start Date" id="start_date" name="start_date">
                                <label id="err_start_date" class="error_class"></label>
                              </div>
                            </div>

                            <div class="col-md-6 col-xs-12">
                              <div class="from-group">
                                <label for="address">Policy End Date:</label>
                                <input type="text" class="form-control lastReporteddob" maxlength="0" placeholder="Policy End Date" id="end_date" name="end_date">
                                <label id="err_end_date" class="error_class"></label>
                              </div>
                            </div>


                            <div class="col-md-6 col-xs-12">
                              <div class="from-group">
                                <label for="address">Company Address:</label>
                                <input type="text" class="form-control" id="comp_addr" name="comp_addr" placeholder="Company Address">
                                <label id="err_comp_addr" class="error_class"></label>
                              </div>
                            </div>



                            <div class="col-md-6 col-xs-12">
                              <div class="from-group">
                                <label for="comp_pincode">Pincode:</label>
                                <input type="text" class="form-control" id="comp_pincode" name="comp_pincode" minlength="6" maxlength="6" onkeypress="return fnAllowNumeric(event)" placeholder="Pincode">
                                <label id="err_comp_pincode" class="error_class"></label>
                              </div>
                            </div>


                            <div class="col-md-6 col-xs-12">
                             <div class="from-group">
                              <label for="state">State:</label>
                              <input type="text" class="form-control" readonly="" id="comp_state_name" name="comp_state_name" placeholder="State">
                              <label id="err_comp_state" class="error_class"></label>
                            </div>
                          </div>

                          

                          <div class="col-md-6 col-xs-12">
                           <div class="from-group">
                            <label for="designation">City:</label>
                            <input type="text" class="form-control" readonly="" id="comp_city_name" name="comp_city_name" placeholder="City">                            
                            <label id="err_comp_city" class="error_class"></label>
                          </div>
                        </div>
                        

                        <div class="col-md-6 col-xs-12">
                         <div class="from-group">
                          <label for="designation">CD Balance:</label>
                          <input type="text" class="form-control" maxlength="9" id="cd_balance" name="cd_balance" placeholder="CD Balance"  onkeypress="return fnAllowNumeric (event)">                          
                          <label id="err_cd_balance" class="error_class"></label>
                        </div>
                      </div>                   

                      <div class="col-md-6 col-xs-12">
                       <div class="from-group">
                        <label for="designation">Insurance Company:</label>
                        <select class="form-control" id="insu_comp_id" name="insu_comp_id" placeholder="Insu Company Url">
                          <option selected value="">Select One</option>
                          @foreach($insu as $val)
                          <option value="{{$val->insurer_id}}">{{$val->insurer_name}}</option>
                          @endforeach
                        </select>
                        <label id="err_insu_comp_id" class="error_class"></label>
                      </div>
                    </div>

                    <div class="col-md-6 col-xs-12">
                     <div class="from-group">
                      <label for="designation">TPA Company:</label>            
                      <select  class="form-control" id="tpa_id" name="tpa_id" placeholder="TPA Id">
                        <option selected value="">Select One</option>
                        @foreach($tpa_id as $val)
                        <option value="{{$val->tpa_id}}">{{$val->tpa_name}}</option>
                        @endforeach
                      </select>
                      <label id="err_tpa_id" class="error_class"></label>     
                    </div>
                  </div>
                  


                  <div class="col-md-6 col-xs-12">
                   <div class="from-group">
                    <label for="designation">Premium Calculation Type:</label>
                    <select type="text" class="form-control" id="premium_calculation_type" name="premium_calculation_type">
                      <option selected value="">Select One</option>
                      <option  value="1">Family Floater Premium Plan</option>
                      <option  value="2">Per Life Premium Plan</option>                       
                    </select>
                    <label id="err_tpa_id" class="error_class"></label>
                  </div>
                </div>



                <input type="hidden" class="form-control" id="comp_state" name="comp_state" placeholder="State">
                <input type="hidden" class="form-control" id="comp_city" name="comp_city" placeholder="City">

                





              </div>
            </div>
          </div>

          
          <div class="panel panel-default">
            <div class="panel-heading">
              <h4 class="panel-title">
                <a data-toggle="collapse" data-parent="#accordion" href="#collapse4" class="btn-block">Company Documents</a>
              </h4>
            </div>
            <div id="collapse4" class="panel-collapse collapse">
              <div class="panel-body">
               

                <div class="col-md-8">
                 
                  <div class="col-md-12 col-xs-12">
                   <div class="from-group">
                    <label for="designation">Company Logo:</label>
                    <input type="file" class="form-control" id="comp_icon_url" name="comp_icon_url" placeholder="Company Url">
                    <span id="doc_url" style='display: none;'><a id="already_uploaded_file" target='_blank'>View Uploaded File</a></span>
                    <input type="hidden" name="hidden_uploaded_file" id="hidden_uploaded_file" readonly>
                  </div>
                </div>
                


                <div class="col-md-12 col-xs-12">
                 <div class="from-group">
                  <label for="pan_card_url">Pan Card (image/pdf):</label>
                  <input type="file" class="form-control" id="pan_card_url" name="pan_card_url" placeholder="Company Url">
                  <label id="err_comp_icon_url" class="error_class"></label>
                  <input type="hidden" name="hidden_pan_card_url" id="hidden_pan_card_url" readonly>
                </div>
              </div>
              

              

              <div class="col-md-12 col-xs-12">
               <div class="from-group">
                <label for="gst_details_url">GST Details (image/pdf/excel):</label>
                <input type="file" class="form-control" id="gst_details_url" name="gst_details_url" placeholder="Company Url">
                <label id="err_start_date" class="error_class"></label>
                <input type="hidden" name="hidden_gst_details_url" id="hidden_gst_details_url" readonly>
              </div>
            </div>
            

            <div class="col-md-12 col-xs-12">
             <div class="from-group">
              <label for="proposer_form_url">Proposer Form (pdf):</label>
              <input type="file" class="form-control" id="proposer_form_url" name="proposer_form_url" placeholder="Company Url">    
              <label id="err_start_date" class="error_class"></label>                    
              <input type="hidden" name="hidden_proposer_form_url" id="hidden_proposer_form_url" readonly>
            </div>
          </div>
          

          <div class="col-md-12 col-xs-12">
           <div class="from-group">
            <label for="cheque_copy_url">Cheque Copy (image/pdf):</label>  
            <input type="file" class="form-control" id="cheque_copy_url" name="cheque_copy_url" placeholder="Company Url">    
            <label id="err_start_date" class="error_class"></label>                     
            <input type="hidden" name="hidden_cheque_copy_url" id="hidden_cheque_copy_url" readonly>
          </div>
        </div>
        


        <div class="col-md-12 col-xs-12">
         <div class="from-group">
          <label for="final_quote_acceptance_url">Final Quote Acceptance(image/pdf):</label>            
          <input type="file" class="form-control" id="final_quote_acceptance_url" name="final_quote_acceptance_url" placeholder="Company Url">       
          <label id="err_start_date" class="error_class"></label>                   
          <input type="hidden" name="hidden_final_quote_acceptance_url" id="hidden_final_quote_acceptance_url" readonly>
        </div>
      </div>
      

      <div class="col-md-12 col-xs-12">
       <div class="from-group">
        <label for="mandate_latter_url">Mandate Letter (image/pdf):</label>
        <input type="file" class="form-control" id="mandate_latter_url" name="mandate_latter_url" placeholder="Company Url">   
        <label id="err_start_date" class="error_class"></label>                       
        <input type="hidden" name="hidden_mandate_latter_url" id="hidden_mandate_latter_url" readonly>
      </div>
    </div>


    <div class="col-md-12 col-xs-12">
     <div class="from-group">
      <label for="policy_copy_url">Policy Copy(image/pdf):</label>
      <input type="file" class="form-control" id="policy_copy_url" name="policy_copy_url" placeholder="Company Url"> 
      <label id="err_start_date" class="error_class"></label>                      
      <input type="hidden" name="hidden_policy_copy_url" id="hidden_policy_copy_url" readonly>
    </div>
  </div>

  <div class="col-md-12 col-xs-12">
   <div class="from-group">
    <label for="rack_rates_url">Rack Rates(excel):</label>
    <input type="file" class="form-control" id="rack_rates_url" name="rack_rates_url" placeholder="Company Url">
    <label id="err_start_date" class="error_class"></label>                        
    <input type="hidden" name="hidden_rack_rates_url" id="hidden_rack_rates_url" readonly>
  </div>
</div>


<div class="col-md-12 col-xs-12">
 <div class="from-group">
  <label for="qcr_url">QCR(image/pdf/excel):</label>          
  <input type="file" class="form-control" id="qcr_url" name="qcr_url" placeholder="Company Url">                         
  <label id="err_start_date" class="error_class"></label>
  <input type="hidden" name="hidden_qcr_url" id="hidden_qcr_url" readonly>
</div>
</div>


<div class="col-md-12 col-xs-12">
 <div class="from-group">
  <label for="standard_insurance_url">Standard Terms and Conditions of Insurer(image/pdf):</label>
  <input type="file" class="form-control" id="standard_insurance_url" name="standard_insurance_url" placeholder="Company Url">
  <label id="err_start_date" class="error_class"></label>                          
  <input type="hidden" name="hidden_standard_insurance_url" id="hidden_standard_insurance_url" readonly>
</div>
</div>


<div class="col-md-12 col-xs-12">
 <div class="from-group">
  <label for="risk_held_latter_url">Risk Held Letter (image/pdf):</label>
  <input type="file" class="form-control" id="risk_held_latter_url" name="risk_held_latter_url" placeholder="Company Url">        
  <label id="err_start_date" class="error_class"></label>                  
  <input type="hidden" name="hidden_risk_held_latter_url" id="hidden_risk_held_latter_url" readonly>
</div>
</div>


</div>
</div>
</div> 
</div>
<center>
  <div class="col-md-12">
    <div class="from-group">
      <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>

<!-- Modal -->
<div class="modal fade" id="modalimage" role="dialog">
  <div class="modal-dialog modal-md">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">View Image</h4>
      </div>
      <div class="modal-body">
        <div id="theDiv">
          
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal" id="something">Close</button>
      </div>
    </div>
  </div>
</div>

<script type="text/javascript">
  $(".or_condition").change(function(){
    $("#parent" ).val('1');
    $("#parent_law" ).val('0'); 
  });

  $(".and_condition").change(function(){    
    $("#parent" ).val('0');
    $("#parent_law" ).val('1');
  });

</script>

<script type="text/javascript"> 
  function show_ecard(this_id){

    $("#modalimage").modal('show');
    $('#theDiv').empty();
    var img_src = $("#" + this_id).attr('data-val');

    $('#theDiv').html('<img src="'+img_src+'" height="350" width="570"/>');
  }
</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">
 function demo(comp_id,comp_name,comp_addr,comp_pincode,cd_balance,comp_icon_url,pan_card_url,gst_details_url,proposer_form_url,cheque_copy_url,andate_latter_url,final_quote_acceptance_url,policy_copy_url,rack_rates_url,qcr_url,standard_insurance_url,risk_held_latter_url,insu_comp_id,tpa_id,premium_calculation_type,state_name,city_name,comp_city,comp_state)
 { 
   $.ajax({
    url: 'company-table-model/'+comp_id,
    type: "GET",
    success:function(user)
    {
      var data=  JSON.parse(user);
      $('.error_class').empty();
      $('#myModal').modal('show');                   
      $('#comp_id').val('');  
      $('#comp_name').val('');
      $('#start_date').val('');
      $('#end_date').val('');
      $('#comp_addr').val('');  
      $('#comp_pincode').val('');
      $('#insu_comp_id').val('');
      $('#tpa_id').val('');
      $('#premium_calculation_type').val('');
      $('#comp_state').val('');
      $('#comp_city').val('');
      $('#comp_state_name').empty();
      $('#comp_city_name').empty();
      $('#cd_balance').empty();

      // $('#self').val('');
      // $('#spouse').val('');
      // $('#kids').val('');
      // $('#parent').empty();
      // $('#parent_law').empty();

      $('#hidden_pan_card_url').empty();
      $('#hidden_gst_details_url').empty();
      $('#hidden_proposer_form_url').empty();
      $('#hidden_cheque_copy_url').empty();
      $('#hidden_mandate_latter_url').empty();
      $('#hidden_final_quote_acceptance_url').empty();
      $('#hidden_policy_copy_url').empty();
      $('#hidden_rack_rates_url').empty();
      $('#hidden_qcr_url').empty();
      $('#hidden_standard_insurance_url').empty();
      $('#hidden_risk_held_latter_url').empty();


      
      
      $('#comp_id').val(data[0].comp_id);
      $('#comp_name').val(data[0].comp_name);
      $('#start_date').val(data[0].start_date);    
      $('#end_date').val(data[0].end_date);    
      $('#comp_addr').val(data[0].comp_addr);    
      $('#comp_pincode').val(data[0].comp_pincode);
      $('#insu_comp_id').val(data[0].insu_comp_id);
      $('#tpa_id').val(data[0].tpa_id);
      $('#premium_calculation_type').val(data[0].premium_calculation_type);
      $('#comp_state').val(data[0].state_id);
      $('#comp_city').val(data[0].city_id);
      $('#comp_state_name').val(data[0].state_name);
      $('#comp_city_name').val(data[0].city_name);
      $('#cd_balance').val(data[0].cd_balance);

      // $('#self').val(data[0].self);
      // $('#spouse').val(data[0].spouse);


      // $( "#kids" ).val(data[0].kids);

      // $('#parent').val(data[0].parent);
      // $('#parent_law').val(data[0].parent_law);

      $('#hidden_pan_card_url').val(data[0].pan_card_url);
      $('#hidden_gst_details_url').val(data[0].gst_details_url);
      $('#hidden_proposer_form_url').val(data[0].proposer_form_url);
      $('#hidden_cheque_copy_url').val(data[0].cheque_copy_url);
      $('#hidden_mandate_latter_url').val(data[0].mandate_latter_url);
      $('#hidden_final_quote_acceptance_url').val(data[0].final_quote_acceptance_url);
      $('#hidden_policy_copy_url').val(data[0].policy_copy_url);
      $('#hidden_rack_rates_url').val(data[0].rack_rates_url);
      $('#hidden_qcr_url').val(data[0].qcr_url);
      $('#hidden_standard_insurance_url').val(data[0].standard_insurance_url);
      $('#hidden_risk_held_latter_url').val(data[0].risk_held_latter_url);

      if(data[0].comp_icon_url != ''){
        $("#doc_url").show();
        $("#already_uploaded_file").attr('href',data[0].comp_icon_url);
        $("#hidden_uploaded_file").val(data[0].comp_icon_url);
      }else{
        $("#doc_url").hide();
      }

      // if(data[0].self !=1){
      //   $( "#self" ).prop( "checked", false );
      // }else{ 
      //   // Uncheck #x
      //   $( "#self" ).prop( "checked",  true);
      // }

      if(data[0].spouse !=1){
        $( ".spouse" ).prop( "checked", false );
      }else{ 
        // Uncheck #x
        $( ".spouse" ).prop( "checked",  true);
      }

      if(data[0].parent !=1){
        $( ".or_condition" ).prop( "checked", false );
      }else{ 
        // Uncheck #x
        $( ".or_condition" ).prop( "checked",  true);
      }

      if(data[0].parent_law !=1){
        $( ".and_condition" ).prop( "checked", false );
      }else{ 
        // Uncheck #x
        $( ".and_condition" ).prop( "checked",  true);
      }
    }
  });
} 
</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($('#company_master')[0]);
    if(data){
   ///alert('okae');    
   $.ajax({  
     type: "POST",  
     url: "{{URL::to('company-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