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

  .form-control1 {
    border-radius: 0;
    width: 48%;
  }

</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;">Monthly Claim Report

  @if(Session::get('role_id') == '1' or Session::get('role_id') == '3' or Session::get('role_id') == '4' or Session::get('role_id') == '5')
  <a class="btn btn-success" href="{{url('upload-claim-report')}}">Add</a>@endif
</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">Employee Month Wise Addition & Deletion Report</b><br><hr> -->
          <form class="form-horizontal" name="claim_report_form"  id="claim_report_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="comp_name" name="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_comp_name" class="error_class"></label>
             </div>
           </div>

           <div class="clearfix"></div>

           <div class="col-md-4 col-xs-12">
            <div class="form-group">
              <label for="up_claim_file">Select Month/Year:</label>

              <div id="MonthYear">

                <div class="form-control">
                 <select type="text" id="monthwise" class="form-control1"   name="monthwise" required>
                  <option value="0">Select Month</option>
                  <option value="01">January</option>
                  <option value="02">February</option>
                  <option value="03">March</option>
                  <option value="04">April</option>
                  <option value="05">May</option>
                  <option value="06">June</option>
                  <option value="07">July</option>
                  <option value="08">August</option>
                  <option value="09">September</option>
                  <option value="10">October</option>
                  <option value="11">November</option>
                  <option value="12">December</option>
                </select>



                <select type="text"  id="yearwise" name="yearwise" class="form-control1" required>
              <option value="0">Select Year</option>
              <option value="2016">2016</option><option value="2017">2017</option><option value="2018">2018</option><option value="2019">2019</option><option value="2020">2020</option><option value="2021">2021</option><option value="2022">2022</option><option value="2023">2023</option><option value="2024">2024</option><option value="2025">2025</option><option value="2026">2026</option>            </select>

                  <!-- <option value="2019">2019</option>
                  <option value="2018">2018</option>
                  <option value="2017">2017</option>
                  <option value="2016">2016</option>
                  <option value="2015">2015</option>
                  <option value="2014">2014</option>
                  <option value="2013">2013</option>
                  <option value="2012">2012</option>
                  <option value="2011">2011</option>
                  <option value="2010">2010</option>
                  <option value="2009">2009</option>
                  <option value="2008">2008</option> -->
               
              </div>
              <label id="err_month_year" class="error_class"></label>
            </div>
          </div>
        </div>

        <div class="col-md-12 col-sm-12 col-xs-12">
          <button type="button" id="btn_submit" name="btn_submit" class="btn btn-success">Show Data</button>
        </div>

    </form>




    <div class="loader" id="" style= "display: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;">
      <img src="{{URL::to('images/processing.gif')}}" alt="Loader" title="Loader" style="top: 50%; position: relative; left: 40%; z-index: 300;"  />

    </div>

    <div id="tablediv" style="display:none">
      <a id="xls_btn" data-href="/claim-month-wise-excel/" onclick="download_excel(this.id)" class="btn btn-info" >Export to Excel</a>


      <div id="table_response">

      </div>
    </div>

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




<script type="text/javascript">
var d = new Date();
var year = d.getFullYear();
d.setFullYear(year);
$(".monthpicker").datepicker({
dateFormat: 'mm/yy',
changeMonth:true,
changeYear:true,
maxDate: year,
minDate: "-50Y",
yearRange: '100:' + year + '',
defaultDate: d
});
</script>



<script type="text/javascript">
$("#btn_submit").click(function(){
$(".loader").show();

$(".error_class").empty();
$(".success_class").empty();

var formdata = new FormData($("#claim_report_form")[0]);

$.ajax({
 type : 'post',
 url : "{{ URL::to('/monthly-claim-reports-view') }}",
 data : formdata,
 contentType : false,
 processData : false,
 success : function(response){
   $(".loader").hide();

  var data = JSON.parse(response);

  if(data.status == "success"){
    $("#tablediv").show();
    $("#table_response").html(data.table);


    $("#xls_btn").attr('data-comp_id', $('#comp_name').val());

    $("#xls_btn").attr('data-yearwise', $('#yearwise').val());
    $("#xls_btn").attr('data-monthwise', $('#monthwise').val());

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

      }
    }
  })
});

function download_excel(this_id){

var data_href = $("#" + this_id).attr('data-href');
if($("#" + this_id).attr('data-comp_id') == null || $("#" + this_id).attr('data-comp_id') == ''){
  var data_comp_id = 'p_comp_id';
}else{
  var data_comp_id = $("#" + this_id).attr('data-comp_id');
}

if($("#" + this_id).attr('data-yearwise') == null || $("#" + this_id).attr('data-yearwise') == ''){
  var data_emp_code = 'p_year';
}else{
  var data_emp_code = $("#" + this_id).attr('data-yearwise');
}

if($("#" + this_id).attr('data-monthwise') == null || $("#" + this_id).attr('data-monthwise') == ''){
  var data_month = 'p_month';
}else{
  var data_month = $("#" + this_id).attr('data-monthwise');
}

var path = data_href + data_comp_id + '/' + data_emp_code + '/' + data_month;
window.location = path;
}

</script>

@endsection