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

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

   .mrg-tp-10 {margin-top:18px;display: block;}

  @media screen and (max-width: 768px) { 
  .mrg-tp-10 {margin-top:0px;display: block;}
   .mrg-tp-20 {margin-top:18px;}
  }
</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;">Claim Monthly Report 
    </div></div>
    <div class="col-md-12 col-sm-12 col-xs-12">
      <div class="x_panel">
        <div class="x_content">                   



          <div id="upload_form">
            <form name="claim_insert_form" id="claim_insert_form">
              {{ csrf_field() }}            

                <div class="col-md-4 col-xs-12">
                  <div class="form-group">
                    <label for="up_comp_name">Select Company:</label>
                    <select type="text" class="form-control" id="up_comp_name" name="up_comp_name" required>
                       @if((Session::get('role_id') == 3 ) or (Session::get('role_id') == 4 ) or (Session::get('role_id') == 5 ))
                      <option value="">Select Company</option>
                       @endif
                      @foreach($comp as $val)
                      <option value="{{$val->comp_id}}">{{$val->comp_name}}</option>
                      @endforeach     
                    </select>
                    <label id="err_up_comp_name" class="error_class"></label>
                  </div>
                </div>

                
              
              
              <div class="clearfix"></div>
              <!-- <<div class="col-md-6 col-xs-12"> -->

                <div class="col-md-4 col-xs-12">
                  <div class="form-group">
                    <label for="up_claim_file">Select File:</label>                        
                    <input type="file" class="form-control" id="up_claim_file" name="up_claim_file" required>

                    <label id="err_up_claim_file" class="error_class"></label>  

                  <h5 style="color: green;"><b >Note: 
                  <br><p>1. Kindly use date format(dd/mm/yyyy) in given sample download file. </p>
                 </h5>

                  </div>
                </div>

                <div class="col-md-2 col-xs-8">
                  
                  <a  href="uploads/claim-sample-download-format.xls" id="download_btn" class="btn btn-success mrg-tp-10">Sample Download</a>
                </div>

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

                 <button type="button" id="up_submit" name="up_submit" class="btn btn-success mrg-tp-20">Submit</button>

                 <button type="button" id="up_reset" name="up_reset" class="btn btn-success mrg-tp-20">Reset</button>
                </div>

               <div class="col-sm-12" id="excel_inserted_response">

               </div>
             <!-- </div> -->
           </form>
         </div>

<!--           <div id="download_form" style="display: none;">
           <form class="form-horizontal" name="user_form" id="user_form">
            {{csrf_field()}}

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

                  <div class="col-md-6 col-xs-12">
                    <div class="form-group">
                      <label for="down_comp_name">Select Company:</label>                
                      <input type="text" class="form-control" id="down_comp_name" name="down_comp_name" required>
                      <label id="err_name" class="error_class"></label>
                    </div>
                  </div>



                  <div class="col-md-6 col-xs-12">
                    <div class="form-group">
                     <label for="down_month">Select Month:</label>
                     <input type="text" class="form-control" id="down_month" name="down_month" required>
                     <label id="err_down_month" class="error_class"></label>
                    </div>
                  </div>              

                <div class="col-sm-12">
                 <button type="button" id="down_submit" name="down_submit" class="btn btn-success">Submit</button>
               </div>

              </div>
           </form>
          </div>
 -->




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

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

    $('#up_comp_name').val('');
    $('#up_claim_file').val('');

    $('#excel_inserted_response').empty();

    });
  </script>




<script type="text/javascript">
  $('#up_submit').click(function(){
    $(".error_class").empty();
    $(".success_class").empty();
    var formdata = new FormData($("#claim_insert_form")[0]);
    $.ajax({  
     type: "POST",  
     url: "{{URL::to('claim-report-in')}}",
     data : formdata,
     processData: false,
     contentType : false,
     success: function(msg){
      var response = JSON.parse(msg);
      if(response.status == "success"){
        var resp_text = "";
        $.each(response.messege_array , function(index , value){
          resp_text += value + '<br>';
        });
        $("#excel_inserted_response").html(resp_text);
       // location.reload();
      }else{	
        $.each(response , function(key , value){
          $("#err_" + key).text(value);
        });
      }
    }
  }); 
  });
</script>
@endsection