@extends(!session('nebula', 0) ? 'layouts/web' : 'layouts/nebula')

@section('content')

    <div class="container-fluid">
        @include(!session('nebula', 0) ? 'customer.partials.header' : 'customer.nebula.header')


        <div class="row">
            <div class="col-12">
                <div class="page-title-box">
                    <h4 class="page-title">{{ __('My Plays') }}</h4>
                </div>
            </div>
            <div class="col-12">
                <form action="{{ route('customer.plays.index') }}" id="search-downlines" method="GET">
                    <div class="input-group mb-3">
                        <a class="input-group-text cursor-pointer bg-transparent" id="search" onclick="event.preventDefault(); document.getElementById('search-downlines').submit();"><i class="uil-search-alt text-secondary" style="font-size: 1rem"></i></a>
                        <input type="text" class="form-control bg-transparent text-white" placeholder="Search" name="search" value="{{ request()->get('search') }}">
                    </div>
                </form>
            </div>
        </div>
        <table class="table table-centered mb-0">
            <thead>
            <tr class="bg-white bg-opacity-10 text-white">
                <th>{{ __('Block No') }}</th>
                <th>{{ __('Amount') }}</th>
                <th>{{ __('Won') }}</th>
                <th>{{ __('Placed At') }}</th>
            </tr>
            </thead>
            <tbody>
            @forelse ($bets as $bet)
                <tr class="bg-white text-white bg-opacity-{{ $loop->index % 2 == 0 ? '25' : '10' }}">
                    <td>{{ $bet->block_no }}</td>
                    <td>{{ $bet->bet_amount }}</td>
                    <td>{{ $bet->amount_won }}</td>
                    <td>{{ $bet->created_at->format('d M Y') }}</td>
                </tr>
            @empty
                <tr>
                    <td colspan="4" class="text-center text-white">{{ __('There are no bets yet.') }}</td>
                </tr>
            @endforelse
            </tbody>
        </table>
        <div class="mt-2 text-end dark-pagination">
            {{ $bets->links() }}
        </div>
    </div>
@endsection