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

<style>
.error_class{
  color:red;
}
</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"></p>
          <b style="font-size: 30px">Upload Coverage Excel</b>
          <a class="btn btn-success" href="{{url('download-coverage-sample')}}">Download Sample</a>

          <div class='row'>&nbsp;</div>

          <div class='row'>

<form name='form_upload_coverage_excel' id='form_upload_coverage_excel'> 
  {{ csrf_field() }}

            <div class='col-md-3'>
               <label><b>Select Company</b></label>
            </div>

            <div class='col-md-3'>
               <select class='form-control' name='comp_id' id='comp_id'>
                <option value=''>Select Company</option>
                @foreach($company_data as $val)
                  <option value='{{ $val -> comp_id }}'>{{ $val -> comp_name }}</option>
                @endforeach
               </select>
               <span class='error_class' id='err_comp_id'></span>
            </div>

          </div>

          <div class='row'>&nbsp;</div>

          <div class='row'>

            <div class='col-md-3'>
               <label><b>Select file</b></label>
            </div>

            <div class='col-md-3'>
               <input type='file' name='excel_coverage_file' id='excel_coverage_file'>
               <span class='error_class' id='err_excel_coverage_file'></span>
            </div>

          </div>

          <div class='row'>&nbsp;</div>

          <div class='row'>

            <center>
              <div class="col-sm-12">
                   <button type="button" id="btn_submit" name="btn_submit" class="btn btn-primary">Submit</button>
              </div>
            </center>

          </div>
</form>

      <div class='row'>&nbsp;</div>

      <div class='row'>

        <div id='other_errors' class='error_class'>

        </div>

      </div>
        </div>

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

<script type='text/javascript'>
  $("#btn_submit").on('click',function(){

    $('.error_class').empty();
    var formdata = new FormData($("#form_upload_coverage_excel")[0]);

    $.ajax({
      type : 'POST',
      data : formdata,
      url : '{{ URL::to('upload-coverage-data') }}',
      contentType : false,
      processData : false,
      success : function(response){
        var data = JSON.parse(response);

        if(data.status == 'success'){
          alert(data.messege);
          window.location.reload();
        }else if(data.status == 'error'){

          $.each(data.other_errors , function(key , value){
            $("#other_errors").html(value + '<br>');
          });

        }else{
          $.each(data , function(key , value){
            $("#err_" + key).text(value);
          });
        }

      }
    });
  });
</script>
@endsection