@extends('admin.layout.base')
@section('title', 'Payout Logs | ')
@section('content')
<div class="content-area py-1">
  <div class="container-fluid">
    <div class="row bg-title">
      <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
        <h4 class="page-title">@lang('admin.payout.payout_log')</h4>
      </div>
      <div class="col-lg-6 col-sm-6 col-md-6 col-xs-12">
        <ol class="breadcrumb">
            <li><a href="{{ route('admin.dashboard') }}">@lang('admin.dashboard')</a></li>
            <li class="active">@lang('admin.payout.payout_log')</li>
        </ol>
      </div>
    </div>
    <div class="box box-block bg-white">
      <table class="table table-striped table-bordered dataTable" id="log-details">
        <thead>
          <tr>
            <th>#</th>
            <th>@lang('admin.payout.log_type')</th>
            <th>@lang('admin.payout.log_description')</th>
            <th>@lang('admin.payout.log_file')</th>
            <th>@lang('admin.payout.log_date')</th>
            <th>@lang('admin.payout.log_by')</th>
          </tr>
        </thead>
      </table>
    </div>
  </div>
</div>
@endsection
@section('scripts')
<script>
    $(window).load(function(){
      $('#log-details').DataTable({
        "destroy": true,
        "responsive": true,
        "dom": 'Bfrtip',
        "buttons": [
            /*'copyHtml5',*/
            'excelHtml5',
            'csvHtml5',
            'pdfHtml5'
        ],
        "oLanguage": {
            'sProcessing': '<i class="fa fa-circle-o-notch fa-spin" style="font-size:24px;color:#a377b1;"></i>'
        },
        "processing": true,
        "serverSide": true,
        "ajax":{
          "url": "{{ route('admin.payout-log-details') }}",
          "headers": {'X-CSRF-TOKEN': "{{csrf_token()}}"},
          "dataType": "json",
          "type": "POST",
          /*"data":{ _token: "{{csrf_token()}}"}*/
        },
        "columns": [
            { "data": "id" },
            { "data": "type" },
            { "data": "description" },
            { "data": "file" },
            { "data": "created_at" },
            { "data": "name" },
        ],    
        "createdRow": function (row, data, dataIndex) {
        }
      });
    });
</script>
@endsection