@extends('admin.layouts.app')

@section('head')
@endsection

@section('breadcrumb')
    @include('admin.includes.breadcrumb', [
        'title'     => __('admin.games.index'),
        'menu'      => [
            __('admin.games.index') => route('admin.games.index'),
            __('admin.games.show') => route('admin.games.show', $item->id),
        ],
    ])
@endsection

@section('content')
    <div class="row">
        <div class="col-xl-12">
            <!--begin::List Widget 3-->
            <div class="card card-custom card-stretch gutter-b">
                <!--begin::Header-->
                <div class="card-header border-0">
                    <h3 class="card-title font-weight-bolder text-dark">{{ __('admin.games.show') }}</h3>
                    <div class="card-toolbar">
                        <div class="dropdown dropdown-inline">
                            <a href="#" class="btn btn-light-primary btn-sm font-weight-bolder dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Options</a>
                            <div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">
                                <!--begin::Navigation-->
                                <ul class="navi navi-hover">
                                    <li class="navi-item">
                                        <a href="{{ route('admin.games.edit', $item->id) }}" class="navi-link">
                                            <span class="navi-icon">
                                                <i class="flaticon2-pen text-primary"></i>
                                            </span>
                                            <span class="navi-text">Edit</span>
                                        </a>
                                    </li>
                                    <li class="navi-item">
                                        <a class="navi-link" onclick="$('.deleteForm').submit()" style="cursor: pointer;">
                                            <span class="navi-icon">
                                                <i class="flaticon-delete text-danger"></i>
                                            </span>
                                            <span class="navi-text">Delete</span>
                                        </a>
                                        <form method="post" class="deleteForm" action="{{ route('admin.games.destroy', $item->id) }}" style="display: inline;" title="Delete">
                                            {{ csrf_field() }}
                                            <input type="hidden" name="_method" value="DELETE" />
                                        </form>
                                    </li>
                                </ul>
                                <!--end::Navigation-->
                            </div>
                        </div>
                    </div>
                </div>
                <!--end::Header-->
                <!--begin::Body-->
                <div class="card-body pt-2">
                    <div class="d-flex align-items-center mb-10">
                        <div class="d-flex flex-column flex-grow-1 font-weight-bold">
                            <a class="text-dark text-hover-primary mb-1 font-size-lg">{{ __('admin.games.code') }}</a>
                            <span class="text-muted">{{ $item->code }}</span>
                        </div>
                    </div>

                    <div class="d-flex align-items-center mb-10">
                        <div class="d-flex flex-column flex-grow-1 font-weight-bold">
                            <a class="text-dark text-hover-primary mb-1 font-size-lg">{{ __('admin.games.date_time') }}</a>
                            <span class="text-muted">{{ $item->start_date->format('d/m/Y H:i A') }}</span>
                        </div>
                    </div>

                    <div class="d-flex align-items-center mb-10">
                        <div class="d-flex flex-column flex-grow-1 font-weight-bold">
                            <a class="text-dark text-hover-primary mb-1 font-size-lg">{{ __('admin.games.number_of_players') }}</a>
                            <span class="text-muted">{{ $item->number_of_players }}</span>
                        </div>
                    </div>

                    <div class="d-flex align-items-center mb-10">
                        <div class="d-flex flex-column flex-grow-1 font-weight-bold">
                            <a class="text-dark text-hover-primary mb-1 font-size-lg">{{ __('admin.games.answer_seconds') }}</a>
                            <span class="text-muted">{{ $item->answer_seconds }}</span>
                        </div>
                    </div>

                    <div class="d-flex align-items-center mb-10">
                        <div class="d-flex flex-column flex-grow-1 font-weight-bold">
                            <a class="text-dark text-hover-primary mb-1 font-size-lg">{{ __('admin.games.total_points') }}</a>
                            <span class="text-muted">{{ $item->total_points }}</span>
                        </div>
                    </div>


                    <div class="d-flex align-items-center mb-10">
                        <div class="d-flex flex-column flex-grow-1 font-weight-bold">
                            <a class="text-dark text-hover-primary mb-1 font-size-lg">{{ __('admin.games.status') }}</a>
                            <span class="text-muted">{{ __('admin.games.' . $item->status) }}</span>
                        </div>
                    </div>
                    
                    <div class="d-flex align-items-center mb-10">
                        <div class="d-flex flex-column flex-grow-1 font-weight-bold">
                            <a class="text-dark text-hover-primary mb-1 font-size-lg">{{ __('admin.games.guest_name') }}</a>
                            <span class="text-muted">{{ $item->guest ? $item->guest->name : 'لم يتم اختيار ضيف' }}</span>
                        </div>
                    </div>

                    <div class="d-flex align-items-center mb-10">
                        <div class="d-flex flex-column flex-grow-1 font-weight-bold">
                            <a class="text-dark text-hover-primary mb-1 font-size-lg">{{ __('admin.games.invitation_sent_to') }}</a>
                            @foreach($item->invited_players as $player)
                                <span class="text-muted">{{ $player->name }}</span>
                            @endforeach
                        </div>
                    </div>

                    <div class="d-flex align-items-center mb-10">
                        <div class="d-flex flex-column flex-grow-1 font-weight-bold">
                            <a class="text-dark text-hover-primary mb-1 font-size-lg">{{ __('admin.games.end_date') }}</a>
                            <span class="text-muted">{{ $item->end_date ? $item->start_date->format('d/m/Y H:i A') : '-' }}</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection