@extends('layouts/user_master',['pageSlug' => 'generalreport'])
@section('title','General Report')
@section('content')
<div id="page-wrapper" >
  <div id="page-inner">
    <div class="row">
      <div class="col-md-12">
        <form method="post" action="{{url('Admin/ajax/get_general_report_list/0')}}" id="report" onkeypress="return event.keyCode != 13;">
          @csrf
          <div class="row">
            <div class="col-md-4">
              <div class="form-group">
                <label>Date</label>
                <input type="text" name="date" class="form-control" autocomplete="off" id="single_date" autofocus />
                <p class="help-block"></p>
              </div>
            </div>
            <div class="col-md-4">
              <div class="form-group">
                <label>&nbsp;</label>
                @php
                  $permissionArray = session('permissionArray');
                @endphp
                @if(in_array("Download",$permissionArray))
                  <input type="submit" id="btnsubmit" style="display:none" name="btnsubmit" value="Download" class="btn btn-default">
                @endif
              </div>
            </div>
          </div>
          <input type="button" id="submit" value="Search" class="btn btn-default" style="display:none">
        </form>
      </div>
    </div>
  </div>
  <div id="page-inner">
    <div class="row">
      <div class="col-md-10">
        <div id="list"></div>
      </div>
    </div>
    <div class="text-center" id="loading-data-list" style="display:none">

        <img src="{{asset('img/loading.gif')}}" height="300"  />
        <h3>Loading...</h3><p>&nbsp;</p>
    </div>
  </div>
</div>
@endsection
@section('script')
<script>
  $(document).ready(function () {
    $('#single_date').datetimepicker({
        format: 'DD-MM-YYYY',
        defaultDate: moment().toDate().getTime()
    }).focus(function() {
        $("#single_date").datetimepicker("show");
    }).focus();
  });
  $('#single_date').blur(function(){
    $("#submit").trigger( "click" );
  });

  $('#submit').click(function(){
    $("#list").hide();
    $('#btnsubmit').css({'display':'none'});
    $('#loading-data-list').show();
    var formData = $('#report').serialize();

    $.ajax({
      type:"POST",
      url: "{{url('Admin/ajax/get_general_report_list/1')}}",
      data: formData,
      dataType: "html",
      processData: false,
      success: function(result){
        $("#list").html(result).fadeIn(1000);
        $('#loading-data-list').hide();
        $('#btnsubmit').css({'display':'block'});
        $('#dataTables1').dataTable({
          "ordering": true,
          "bInfo" : false,
          "fixedHeader": true,
          "bPaginate": false,
          columnDefs: [
            { visible: false, targets: [0], orderable: false }
          ]
        });
      }
    });
  });
</script>
@endsection