@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 float-none"><div style="font-size: 22px;font-size: 25px; padding: 5px 10px;background: #fff;font-weight: normal; display: block; margin-bottom: 10px;">Employee 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">Current Employee Report</option>
                <option value="p_is_delete">Current & 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">Employee Code:</label>
              <input type="text" class="form-control" id="emp_code" name="emp_code" placeholder="Optional"  required>
              <label id="err_emp_code" class="error_class"></label>
            </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-report-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">
  $("#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-view') }}",
     data : formdata,
     contentType : false,
     processData : false,
     success : function(response){

       $(".loader").hide();

      //alert(response);
      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-emp_code', $('#emp_code').val());


      } else if(data.messege == "error"){
      }else{
            //alert('something went wrong');
            $.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-emp_code') == null || $("#" + this_id).attr('data-emp_code') == ''){
      var data_emp_code = 'p_emp_code';
    }else{
      var data_emp_code = $("#" + this_id).attr('data-emp_code');
    }

    var path = data_href + data_comp_id + '/' + data_is_delete + '/' + data_emp_code;
    //console.log(path);
    window.location = path;
  }


  $('#comp_name').on('change', function() {
    $("#emp_code").val("");
  });

  $('#is_delete').on('change', function() {
    $("#emp_code").val("");
  });

</script>


@endsection