@extends('includes.master')
  @section('content')    
  <style>
.error_class{
  color:red;
}
.success_class{
  color:green;
}
</style>

          <div class="right_col" role="main">
            <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">
                    <b style="font-size: 30px">Bulk Upload</b>
                    <br><hr>
 
                      
                      <label id="lblError3" style="color:green;"></label>

                    <form class="form-horizontal" name="premium_form" id="premium_form">
                    {{csrf_field()}}


                
                  
                  <div class="col-md-12">
                   <div class="form-group row">
 
                        <label for="empcode" class="col-sm-4 col-form-label">Select&nbsp; :</label>
                        <input type="radio" name="action" checked="" value="0"   > add
                        <input type="radio" name="action"   value="1" > Delete
                        </div>
                      </div>
                

                
                  <div class="col-md-12">
                   <div class="form-group row">
 
                        <label for="empcode" class="col-sm-4 col-form-label">Select&nbsp;Company:</label>
                        <div class="col-sm-4">
                          <select class="form-control" id="comp_id" name="comp_id" placeholder="Company Code"  required>
                            <option value="">Select One</option>
                            @foreach($comp as $val)
                            <option value="{{$val->comp_id}}">{{$val->comp_name}}</option>
                            @endforeach
                          </select>
                         <label id="lblError0" style="color: red;"></label>
                        </div>
                      </div>
                  </div>



 
                  <div class="col-md-12">
                   <div class="form-group row">
                        <label for="empname" class="col-sm-4 col-form-label">Upload  File (xls):</label>
                        <div class="col-sm-4">
                          <input type="file" class="form-control" id="premium_file" name="excel_xls" placeholder="File"  required >
                      
                          <label id="lblError1" style="color: red;"></label>
 
 
                        </div>
                      </div>
                    </div>



                  <div class="col-md-12 success_class" style="font-size: 20px;" id="success_response">
                  </div>



                 <center><div class="col-sm-9">
                   <button type="button" id="btn_submit"  name="btn_submit" class="btn btn-primary">Submit</button>
                   <a  href="{{URL::to('uploads/employee_details_format.xls')}}" class="btn btn-primary">Download Sample</a>
                   </div>
                 </center>
                 </form>                    
                  </div>
                </div>
              </div>
          </div>
        </div>



<script type="text/javascript">
  $('#btn_submit').click(function(evt){
    evt.preventDefault();
    $(".error_class").empty();
    $(".success_class").empty();
     var formdata = new FormData($("#premium_form")[0]);
    $.ajax({  
           type: "POST",  
           url: "{{URL::to('excel-upload-submit')}}",
            data : formdata,
           processData: false,
             contentType : false,
             success: function(msg){

 
 
                 if(msg[0].errors==0){  
                            
                     alert("File successfully uploaded");
                   // $('#lblError3').text("File successfully uploaded. ");
                     $('#lblError1').empty();

                     

                      window.location ="{{url('employee-master')}}";
                  
                 }else if(msg[0].errors==2){
                          alert("Data successfully Deleted..");
                          window.location ="{{url('employee-master')}}";
                 }else{

                       //$('#lblError0').text(msg.comp_id);
                       $('#lblError3').text('');
                       $('#lblError1').text("Please fill out this field and File xls format. ");
                 }
     
            }
        }); 
  });

  
</script>
 

  @endsection