@extends('admin.layouts.app')

@section('content')
<div class="container">
    <style>
        .card {
            border: none;
            box-shadow: var(--cs);
        }

        button.badge {
            border: unset;
        }
    </style>
    <div class="card mt-4">
    <div class="card-body">
            @if(session('success'))
            <div class="alert alert-success">
                {{ session('success') }}
            </div>
            @endif
            @if(session('error'))
            <div class="alert alert-danger">
                {{ session('error') }}
            </div>
            @endif
            <div class="w-100 d-flex align-items-center justify-content-between mb-3">
                <h1 class="main-tittel mb-0">Agent User Tickets List</h1>
            </div>
            <div class="row justify-content-center">
                <div class="col-md-4 d-flex">
                    <label class="card-title form-label">Select User : </label>
                    <select name="user_id" id="user-selector" class="form-control">
                        <option value="">Select User</option>
                        @foreach($users as $user)
                        <option value="{{$user->id}}">{{ $user->name }}</option>
                        @endforeach
                    </select>
                </div>
            </div>

        <table class="table table-striped data-table user-ticket-listing">
            {{-- <button class="delete_records">Delete</button> --}}
            <thead>
                <tr>
                    <td style="display: none;"></td>
                    <th>SL NO</th>
                    <th>Ticket No</th>
                    <th>Ticket Date</th>
                    <th>Draw Date</th>
                    <th>Result</th>
                    <th>Claim Amount</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($user_tickets as $ticket)
                <tr class="user-row">
                    <td style="display: none">{{ $ticket->user_id }}</td>
                    <td>{{ $loop->iteration }}</td>
                    <td>{{ @$ticket->ticket_code }}</td>
                    <td>{{ @$ticket->created_at->format('Y-m-d') }}</td>
                    <td>{{ getGameDetailById($ticket->game_id, 'game_draw_date')}}</td>
                    <td>
                        @php
                        $game = getGameDetailById($ticket->game_id, 'result_publish');
                        @endphp
                        @if ($game == 1)
                        Published
                        @else
                        Waiting
                        @endif
                    </td>
                    <td>
                        @if ($ticket->is_claimed == 1)
                        Claimed
                        @elseif($ticket->is_claimed == 2)
                        Pending
                        @else
                        Not Applicable
                        @endif
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
</div>
@push('scripts')
<link rel="stylesheet"
    href="https://cdn.datatables.net/v/dt/jqc-1.12.4/dt-1.13.5/b-2.4.1/sl-1.7.0/datatables.min.css" />
<link rel="stylesheet" href="Editor-2.2.2/css/editor.dataTables.css">

<script src="https://cdn.datatables.net/v/dt/jqc-1.12.4/dt-1.13.5/b-2.4.1/sl-1.7.0/datatables.min.js"></script>
<script src="Editor-2.2.2/js/dataTables.editor.js"></script>

{{-- <script src="https://cdn.datatables.net/v/dt/jqc-1.12.4/dt-1.13.5/b-2.4.1/sl-1.7.0/datatables.min.js"></script>
--}}
{{-- <script src="https://cdn.datatables.net/select/1.3.3/js/dataTables.select.min.js"></script> --}}
<script>
    $('.user-ticket-listing').DataTable();

    $('#user-selector').on('change', function() {
        var selectedUserId = $(this).val();

        // Filter the table rows based on the selected user ID
        $('.user-ticket-listing').DataTable().columns(0).search(selectedUserId).draw();
    });
</script>


@endpush
@endsection