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

<style>
.error_class{
  color:red;
}
.ul_pad{
  padding-top: 10px;
}
</style>

<div class="right_col" role="main">

	<div class="row">
        	 <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 Transaction Report
        	</div>
        </div> 
    </div>

  <div class="row">
      <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">
                <!-- <b style="font-size: 30px">Monthly Transaction Report</b>
                <p> -->

              <div class='row'>
                <div class="form-group">
                  <label class='control-label col-sm-2'>Select Company:</label>
                  <div class="col-sm-4">
                    <select class="form-control" id="comp_name" name="comp_name">
                      <option value="">Select Company</option>
                       @foreach($comp as $val)
                       <option value="{{$val->comp_id}}">{{$val->comp_name}}</option>
                       @endforeach
                    </select>
                    <span id='err_comp_name' class='error_class'></span>
                  </div>
                </div>
              </div>

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

              <div class='row'>
                <div class="form-group">
                  <label class='control-label col-sm-2'>Select Month:</label>
                  <div class="col-sm-4">
                    <select name='month' id='month' class='form-control'>
                        <option value=''>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">SEPTEBER</option>
                        <option value="10">OCTOBER</option>
                        <option value="11">NOVEMBER</option>
                        <option value="12">DECEMBER</option>
                    </select>
                    <span id='err_month' class='error_class'></span>
                  </div>
                </div>
              </div>


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

              <div class='row'>
                <div class="form-group">
                  <label class='control-label col-sm-2'>Select Year:</label>
                  <div class="col-sm-4">
                    <select name='year' id='year' class='form-control'>
                        <option value=''>Select Year</option>
                        @for($year=date("Y") - 3 ; $year <= date("Y") ;  $year++)
                          <option @if(date("Y") == $year) selected @endif value="{{ $year }}">{{ $year }}</option>
                        @endfor
                    </select>
                    <span id='err_year' class='error_class'></span>
                  </div>
                </div>
              </div>

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

              <div class='row'>
                <div class="form-group">
                  <div class="col-sm-12">

                <table class="table table-bordered">

                  <thead>
                    <tr>
                    <th>Report Type</th>
                    <th>Upload</th>

                    @if(Session::get('role_id') == '1' or Session::get('role_id') == '3' or Session::get('role_id') == '4' or Session::get('role_id') == '5')
                    <th>Download</th>
                    @endif

                    </tr>
                  </thead>

                  <tbody>

                    <tr>
                      <td>Employee Addition Details Report</td>
                      <td>
                        <form name='emp_add_upload_form' id='emp_add_upload_form' enctype='multipart/form-data' method='post'>
                          {{ csrf_field() }}
                        <input type='file' name='emp_add_upload_file' id='emp_add_upload_file'> 
                        <input type='button' name='btn_emp_add_upload_file' id='btn_emp_add_upload_file' class='btn btn-primary' value='Upload'>
                        <span id='err_emp_add_upload_file' class='error_class'></span>
                        </form>
                      </td>

                      @if(Session::get('role_id') == '1' or Session::get('role_id') == '3' or Session::get('role_id') == '4' or Session::get('role_id') == '5')
                      <td>
                        <button name='btn_emp_add_download_file' id='btn_emp_add_download_file' class='btn btn-primary' onclick="download_files({report_type:'emp_add'})">Download</button>
                        <span id='emp_add_download_files' class='downloaded_transaction_files'></span>
                      </td>
                      @endif

                    </tr>


                    <tr>
                      <td>Employee Deletion Details Report</td>
                      <td>
                        <form name='emp_delete_upload_form' id='emp_delete_upload_form' enctype='multipart/form-data' method='post'>
                          {{ csrf_field() }}
                        <input type='file' name='emp_delete_upload_file' id='emp_delete_upload_file'> 
                        <input type='button' name='btn_emp_delete_upload_file' id='btn_emp_delete_upload_file' class='btn btn-primary' value='Upload'>
                        <span id='err_emp_delete_upload_file' class='error_class'></span>
                        </form>
                      </td>

                      @if(Session::get('role_id') == '1' or Session::get('role_id') == '3' or Session::get('role_id') == '4' or Session::get('role_id') == '5')
                      <td>
                        <button name='btn_emp_delete_download_file' id='btn_emp_delete_download_file' class='btn btn-primary' onclick="download_files({report_type:'emp_delete'})">Download</button>
                        <span id='emp_delete_download_files' class='downloaded_transaction_files'></span>
                      </td>
                      @endif

                    </tr>


                    <tr>
                      <td>Employee Endorsement Details Report</td>
                      <td>
                        <form name='emp_endorsement_upload_form' id='emp_endorsement_upload_form' enctype='multipart/form-data' method='post'>
                          {{ csrf_field() }}
                        <input type='file' name='emp_endorsement_upload_file' id='emp_endorsement_upload_file'> 
                        <input type='button' name='btn_emp_endorsement_upload_file' id='btn_emp_endorsement_upload_file' class='btn btn-primary' value='Upload'>
                        <span id='err_emp_endorsement_upload_file' class='error_class'></span>
                        </form>
                      </td>

                      @if(Session::get('role_id') == '1' or Session::get('role_id') == '3' or Session::get('role_id') == '4' or Session::get('role_id') == '5')
                      <td>
                        <button name='btn_emp_endorsement_download_file' id='btn_emp_endorsement_download_file' class='btn btn-primary' onclick="download_files({report_type:'emp_endorsement'})">Download</button>
                        <span id='emp_endorsement_download_files' class='downloaded_transaction_files'></span>
                      </td>
                      @endif

                    </tr>

                  </tbody>

                </table>

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


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


<script type='text/javascript'>


$("#comp_name").on('change',function(){
  $("#month").val('');
  $("#emp_add_upload_file").val(null);
  $("#emp_delete_upload_file").val(null);
  $("#emp_endorsement_upload_file").val(null);
});

$('#btn_emp_add_upload_file').on('click',function(){

  $(".error_class").empty();
  var formdata = new FormData($("#emp_add_upload_form")[0]);
  formdata.append('comp_name', $("#comp_name").val());
  formdata.append('month', $("#month").val());
  formdata.append('year', $("#year").val());

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

      if(data.status == 'success'){
        alert(data.messege);
        $("#emp_add_upload_file").val(null);
      }else{
        $.each(data , function(key,value){
          $('#err_' + key).text(value);
        });
      }

    }

  });

});



$('#btn_emp_delete_upload_file').on('click',function(){

  $(".error_class").empty();
  var formdata = new FormData($("#emp_delete_upload_form")[0]);
  formdata.append('comp_name', $("#comp_name").val());
  formdata.append('month', $("#month").val());
  formdata.append('year', $("#year").val());

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

      if(data.status == 'success'){
        alert(data.messege);
        $("#emp_delete_upload_file").val(null);
      }else{
        $.each(data , function(key,value){
          $('#err_' + key).text(value);
        });
      }

    }

  });

});


$('#btn_emp_endorsement_upload_file').on('click',function(){

  $(".error_class").empty();
  var formdata = new FormData($("#emp_endorsement_upload_form")[0]);
  formdata.append('comp_name', $("#comp_name").val());
  formdata.append('month', $("#month").val());
  formdata.append('year', $("#year").val());

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

      if(data.status == 'success'){
        alert(data.messege);
        $("#emp_endorsement_upload_file").val(null);
      }else{
        $.each(data , function(key,value){
          $('#err_' + key).text(value);
        });
      }

    }

  });

});


function download_files(p_object){

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

    var comp_name = $("#comp_name").val();
    var month = $("#month").val();
    var year = $("#year").val();

    if(comp_name == '' || comp_name == null){
      $("#err_comp_name").text('Please Select Company');
      return false;
    }else{
      if(month == '' || month == null){
        $("#err_month").text('Please Select Month');
        return false;
      }else{
        if(year == '' || year == null){
          $("#err_year").text('Please Select Year');
          return false;
        }else{
          //do nothing
        }
      }
    }

$.ajax({
  type : 'POST',
  url : '{{ URL::to('download-monthly-transaction-report') }}',
  data : {'comp_name' : comp_name , 'month' : month , 'year' : year , 'report_type' : p_object.report_type , '_token' : '{{ csrf_token() }}' },
  success : function(response){
      var data = JSON.parse(response);

      if(data.status == 'FILE FOUND'){
        var file_ul_element = "<ul class='ul_pad'>";

        $.each(data.path , function( key , value){
          file_ul_element += "<li><a href='"+ value.file_path +"'>"+value.filename+"</a></li>"
        });

        file_ul_element += "</ul>";

        $('#'+ p_object.report_type +'_download_files').html(file_ul_element);

      }else{
        $('#'+ p_object.report_type +'_download_files').html("<font color='red'>" + data.status + "</font>");
      }
  }
});

}
</script> 
@endsection