{{-- @php ($headerOption = [
'title' => $module,
'header_buttons' => [
  '<a class="'. \Config::get('view.buttons.secondary') .'" href="'. route('export.users', Request::input()) .'" data-toggle="tooltip" data-original-title="Export Records"><i class="bx bx-download"></i></a>',
  ($permission['create'] ? '<a class="'. \Config::get('view.buttons.primary') .'" href="'. route($routePrefix . '.create') .'" data-toggle="tooltip" data-original-title="Add New Record">'. \Config::get('settings.icon_add') .' <span>Add New</span></a>' : ''),
],
'filters' => isset($filters) ? $filters : [],
'data' => isset($data) ? $data : []
])
@extends('admin.layouts.layout', $headerOption) --}}

@php ($headerOption = [
'title' => "Trasaction List",
'filters' => isset($filters) ? $filters : [],
'data' => isset($data) ? $data : []
])
@extends('admin.layouts.layout',$headerOption)


@section('content')
<div class="table-responsive">
  {{-- <table class="{!! \Config::get('view.table.table_class') !!}"> --}}
    <table id="exampleTable" class="table table-striped table-bordered">
    <thead class="{!! \Config::get('view.table.table_head_class') !!}">
      <tr>
        
        <th>User </th>
        {{-- <th>User Stripe ID</th> --}}
        <th>Stripe Transaction ID </th>
        <th>Transaction</th>
        <th>Date </th>
        
        
      </tr>
    </thead>
    <tbody>
      @if($transactionsData)
        @foreach ($transactionsData as $key => $val)
        <tr>
          

          
          <td> {{ isset($val['user_name']) ? $val['user_name'] : '-'}}</td>
          
          <td>{{ isset($val['pay_id']) ? $val['pay_id'] : '-' }}</td>
          <td>{!! isset($val['bet']) ? $val['bet'] : '-' !!}</td>
          <td>{{ $val['date'] }} </td>
          
          
        </tr>
        @endforeach
      @else
      <tr>
        <td colspan="25">
          <div class="alert alert-danger">No Data</div>
        </td>
      </tr>
      @endif
    </tbody>
  </table>
</div>

@include('admin.components.pagination')
@push('page_script')
<script>
    // $(document).ready(function () {
    //     $('#exampleTable').DataTable();
    // });

    $(document).ready(function() {
      $('#exampleTable').DataTable({
          //destroy: true,
          //serverSide: true,
          scrollY: '400px',  // Adjust height as needed
          scrollCollapse: true,
          //paging: true, 
          searching: true,    // Disable pagination if needed
          fixedHeader: true,
          order: [[3, "desc"]], // Sort by "date" column (Index 3) in descending order
          paging: true,
          ordering: false
        });
    });

      
</script>
@endpush

@endsection