@extends('layouts.phoenix')

@section('title', "Dates de l'opération")

@section('content')

<div class="mb-6">
    <h2 class="mb-2">Dates de l'opération</h2>
    <p class="text-body-tertiary mb-0">
        Avant l'ouverture, les joueurs voient la page « patience ». Après la fermeture, la page « fin de l'opération ».
    </p>
</div>

<div class="row g-3">
    <div class="col-12 col-xl-6">
        <div class="card">
            <div class="card-body">
                <form method="POST" action="{{ url('/admin/date-ope') }}">
                    @csrf

                    <div class="mb-3">
                        <label class="form-label" for="title">Nom de l'opération</label>
                        <input class="form-control" id="title" name="title" type="text"
                               value="{{ old('title', $dateOpe->title ?? 'Quiz Crédit Mutuel') }}" required>
                    </div>

                    <div class="mb-3">
                        <label class="form-label" for="date_start">Ouverture</label>
                        <input class="form-control" id="date_start" name="date_start" type="datetime-local"
                               value="{{ old('date_start', $dateOpe?->date_start->format('Y-m-d\TH:i')) }}" required>
                    </div>

                    <div class="mb-4">
                        <label class="form-label" for="date_end">Fermeture</label>
                        <input class="form-control" id="date_end" name="date_end" type="datetime-local"
                               value="{{ old('date_end', $dateOpe?->date_end->format('Y-m-d\TH:i')) }}" required>
                    </div>

                    <button class="btn btn-primary" type="submit">Enregistrer</button>
                </form>
            </div>
        </div>
    </div>

    <div class="col-12 col-xl-6">
        <div class="card h-100">
            <div class="card-header border-bottom border-translucent">
                <h4 class="mb-0">État actuel</h4>
            </div>
            <div class="card-body">
                @if($dateOpe)
                    @php
                        $now = \Carbon\Carbon::now();
                        if ($now->lt($dateOpe->date_start)) {
                            $statut = ['À venir', 'warning', 'Les joueurs voient la page « patience ».'];
                        } elseif ($now->gt($dateOpe->date_end)) {
                            $statut = ['Terminée', 'danger', 'Les joueurs voient la page « fin de l\'opération ».'];
                        } else {
                            $statut = ['En cours', 'success', 'Le quiz est jouable.'];
                        }
                    @endphp
                    <span class="badge badge-phoenix badge-phoenix-{{ $statut[1] }} mb-3">{{ $statut[0] }}</span>
                    <p class="mb-0">{{ $statut[2] }}</p>
                @else
                    <p class="mb-0 text-body-tertiary">Aucune date enregistrée : le quiz est ouvert en permanence.</p>
                @endif
            </div>
        </div>
    </div>
</div>

@endsection