@extends('voyager::master')

@section('page_title', 'Players Dashboard');

@section('page_header')

@endsection

@section('content')

    <div class="container">
        <div class="row">
            <h1>Dashboard</h1>
        </div>
        <div class="row">
            <form action="">
                <label for="min-date">From</label>
                <input type="date" id="min-date" name="min-date" value="{{ old('min-date') }}">
                <label for="max-date">To</label>
                <input type="date" id="max-date" name="max-date" value="{{ old('max-date') }}">
                <button type="submit">Search</button>
            </form>
        </div>
        <div class="row">
            <div class="col-md-3">
                <div class="row">
                    <h3>Registration</h3>
                </div>
                <div class="row">
                    Total Registered: {{ count($data['players']) }}
                </div>
                <div class="row">
                    Total Completed: {{ $data['completed'] }}
                </div>
            </div>
            <div class="col-md-9">
                <div class="row">
                    <h3>Stations</h3>
                </div>
                <div class="row">
                    <div class="col-md-3">
                        <h5>Cherry Blosssom</h5>
                        @for ($i = 0; $i <= 2; $i++)
                            <p>Stamp#{{ $i + 1 }} - {{ $data['stamp'][$i] }}</p>
                        @endfor
                    </div>
                    <div class="col-md-3">
                        <h5>Ice Fishing</h5>
                        @for ($i = 3; $i <= 7; $i++)
                            <p>Stamp#{{ $i + 1 }} - {{ $data['stamp'][$i] }}</p>
                        @endfor
                    </div>
                    <div class="col-md-3">
                        <h5>Mud Festival</h5>
                        @for ($i = 8; $i <= 12; $i++)
                            <p>Stamp#{{ $i + 1 }} - {{ $data['stamp'][$i] }}</p>
                        @endfor
                    </div>
                    <div class="col-md-3">
                        <h5>Lantern Festival</h5>
                        @for ($i = 13; $i <= 14; $i++)
                            <p>Stamp#{{ $i + 1 }} - {{ $data['stamp'][$i] }}</p>
                        @endfor
                    </div>
                </div>
            </div>
            <div class="row" style="overflow-x: scroll;">
                <table class="table" id="players-data">
                    <thead class="thead-dark">
                        <tr>
                            <th style="border-color: #eaeaea; background: no-repeat;">No</th>
                            <th style="border-color: #eaeaea; background: no-repeat;">Name</th>
                            <th style="border-color: #eaeaea; background: no-repeat;">Email</th>
                            <th style="border-color: #eaeaea; background: no-repeat;">Phone</th>
                            <th style="border-color: #eaeaea; background: no-repeat;">Date of Birth</th>
                            <th style="border-color: #eaeaea; background: no-repeat;">Address</th>
                            <th style="border-color: #eaeaea; background: no-repeat;">Festival</th>
                            <th style="border-color: #eaeaea; background: no-repeat;">Preferences</th>
                            <th style="border-color: #eaeaea; background: no-repeat;">Station 1</th>
                            <th style="border-color: #eaeaea; background: no-repeat;">Station 2</th>
                            <th style="border-color: #eaeaea; background: no-repeat;">Station 3</th>
                            <th style="border-color: #eaeaea; background: no-repeat;">Station 4</th>
                            <th style="border-color: #eaeaea; background: no-repeat;">Completed</th>
                            <th style="border-color: #eaeaea; background: no-repeat;">Date Registered</th>
                            <th style="border-color: #eaeaea; background: no-repeat;">Verified</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($data['players'] as $player)
                            @php
                                $redeem = \App\Models\Player::findOrFail($player->id)->redeem;
                            @endphp
                            <tr>
                                <th>{{ $loop->index + 1 }}</th>
                                <th>{{ $player->name }}</th>
                                <th>{{ $player->email }} </th>
                                <th>@if (!empty($redeem->phone)) {{ $redeem->phone }}@endif</th>
                                <th>@if (!empty($redeem->dob)) {{ $redeem->dob }}@endif</th>
                                <th>@if (!empty($redeem->address)) {{ $redeem->address }}@endif</th>
                                <th>@if (!empty($redeem->festival)) {{ $redeem->festival }}@endif</th>
                                <th>@if (!empty($redeem->preferences)) {{ $redeem->preferences }}@endif</th>
                                <th>{{ $data['player_stamp'][$player->id][0] }}/3 </th>
                                <th>{{ $data['player_stamp'][$player->id][1] }}/5 </th>
                                <th>{{ $data['player_stamp'][$player->id][2] }}/5 </th>
                                <th>{{ $data['player_stamp'][$player->id][3] }}/2 </th>
                                <th>{{ \App\Models\UserStamps::where('user_id', '=', $player->id)->pluck('email_sent_at')[0] }}</th>
                                <th>{{ \App\Models\Player::find($player->id)->created_at }}</th>
                                    @if ( \App\Models\Player::find($player->id)->verified == 1)
                                <th>
                                    Yes
                                </th>
                                    @else
                                <th>
                                    No
                                </th>
                                    @endif
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endsection