@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;">Employee Month Wise Addition & Deletion Report 
   </div></div>
   <div class="col-md-12 col-sm-12 col-xs-12">
    <div class="x_panel">        
      <div class="x_content">
        
        <form class="form-horizontal" name="employee_report_form"  id="employee_report_form">
          {{csrf_field()}}


          <div class="col-md-8">
           <div class="col-md-6 col-xs-12">
            <div class="form-group row">
              <label for="state_name">Company Name:</label>
              <select class="form-control" id="comp_name" name="comp_name" required>
                <option  selected value="0">Select Company</option>
                @if((Session::get('role_id') == 3 ) or (Session::get('role_id') == 4 ) or (Session::get('role_id') == 5 ))                          
                <option value="p_comp_id">All Companies</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="col-md-6 col-xs-12">
            <div class="form-group row">
              <label for="state_name">Report Type:</label>
              <select class="form-control" id="is_delete" name="is_delete" required>
                <option  selected value="">Select One</option>
                <option  value="$txt">Add Employee Report</option>
                <option value="1">Deleted Employee Report</option>
              </select>
              <label id="err_is_delete" class="error_class"></label>
            </div>
          </div>

          <div class="col-md-6 col-xs-12">
            <div class="form-group row">
              <label for="state_name">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="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>
                </select>
              </div>
              <label id="err_month_year" class="error_class"></label>
            </div>
          </div>
        </div>

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

     </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="/employee-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($("#employee_report_form")[0]);

    $.ajax({
     type : 'post',
     url : "{{ URL::to('/employee-report-month-wise') }}",
     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-is_delete', $('#is_delete').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-is_delete') == null || $("#" + this_id).attr('data-is_delete') == ''){
      var data_is_delete = 'p_is_delete';
    }else{
      var data_is_delete = $("#" + this_id).attr('data-is_delete');
    }


    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_is_delete + '/' + data_emp_code + '/' + data_month;
    //console.log(path);
    window.location = path;
  }

</script>

@endsection