@extends('admin.layout.base')
@section('title', 'Trip Payout Report | ')
@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.at_payout_report')</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.at_payout_report')</li>
        </ol>
      </div>
    </div>
    <div class="box box-block bg-white">
      <table class="table table-striped table-bordered dataTable" id="tripPayOutReportTable">
        <thead>
          <tr>
            <th>#</th>
            <th>@lang('admin.payout.cab_trans_id')</th>
            <th>@lang('admin.payout.company')</th>
            {{-- <th>@lang('admin.payout.name')</th> --}}
            <th>@lang('admin.payout.value')</th>
            <th>@lang('admin.payout.sro')</th>
            <th>@lang('admin.payout.trans-fare')</th>
            <th>@lang('admin.payout.total')</th>
            <th>@lang('admin.payout.commission')</th>
            <th>@lang('admin.payout.cab_payout')</th>
            <th>@lang('admin.payout.log_date')</th>
            <th>@lang('admin.payout.list_details')</th>
            <th>@lang('admin.payout.receipt')</th>
          </tr>
        </thead>
      </table>
    </div>
  </div>
</div>
@endsection
@section('scripts')
<script>
  $(window).load(function(){
    updateTable();
  });
  function updateTable(){
    $('#tripPayOutReportTable').DataTable({
      "searching": true,
      "destroy": true,
      "responsive": true,
      "dom": 'Bfrtip',
      "buttons": [
          '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.app-trip-payout-report-list') }}",
        "headers": {'X-CSRF-TOKEN': "{{csrf_token()}}"},
        "dataType": "json",
        "type": "POST",
      },
      "columns": [
          { "data": "id" },
          { "data": "transaction_id" },
          { "data": "fleetCompany" },
          /*{ "data": "fleetName" },*/
          { "data": "totalVal" },
          { "data": "totalSro" },
          { "data": "totalTrans" },
          { "data": "totalAmount" },
          { "data": "totalCommission" },
          { "data": "totalPayout" },
          { "data": "date" },
          { "data": "details" },
          { "data": "print" },
      ],    
      "createdRow": function (row, data, dataIndex) {
        $(row).addClass("openPayOutDetails"+data.payoutId);
      }
    });
  }
  $(document).ready(function() {
    // Open More Details
    $(document).on("click", ".payOutDetails > span", function() {
      var payOutId = $(this).attr('data-check');
      if ($(this).hasClass("active")) {
        $('.moreDetailsTr'+payOutId).slideUp(300);
        $(this).removeClass("active");
        $(this)
          .siblings(".content")
          .slideUp(200);
        $(this)
          .find("i")
          .removeClass("fa-minus")
          .addClass("fa-plus");
        $('.moreDetailsTr'+payOutId).remove();
      } else {
        $('.fa-minus').click();
        $('.openPayOutDetails'+payOutId).after('<tr class="moreDetailsTr'+payOutId+'"><td colspan="13"><div class="text-center moreDetails'+payOutId+'"></div></td></tr>')
        $(this).addClass("active");
        $(this)
          .find("i")
          .removeClass("fa-plus")
          .addClass("fa-minus");
        $.ajax({
          type: "POST",
          headers: {'X-CSRF-TOKEN': "{{csrf_token()}}"},
          url: "{{ route('admin.app-trip-payout-details') }}",
          data: {
            payOutId: payOutId,
          },
          beforeSend: function() {
            $('.moreDetails'+payOutId).css({"text-align" : "center", "min-height": "35px"});
            $('.moreDetails'+payOutId).html('<i class="fa fa-circle-o-notch fa-spin" style="font-size:24px;color:#a377b1;"></i>');
          },
          success: function(res) {
            $('.moreDetails'+payOutId).css("text-align", '');
            $('.moreDetails'+payOutId).html(res);
          }
        });
      }
    });
    // Generate Receipt
    $(document).on("click", ".printReceipt > span", function() {
      var printPayOutId = $(this).attr('data-check');
      $.ajax({
        type: "POST",
        headers: {'X-CSRF-TOKEN': "{{csrf_token()}}"},
        url: "{{ route('admin.save-receipt-id') }}",
        data: {
          payOutId: printPayOutId,
        },
        beforeSend: function() {
          $('.loader-spin-'+printPayOutId).show();
        },
        success: function(res) {
          $('.loader-spin-'+printPayOutId).hide();
          window.open(res, '_blank');
        }
      });
    });
  });
</script>
@endsection