@extends('layouts.app')

@section('title', 'Diffuser')

@section('content')
<div class="space-y-6 max-w-lg">

    <h1 class="text-2xl font-bold text-slate-800 flex items-center gap-2">
        <i data-lucide="radio" class="w-6 h-6 text-teal-600"></i>
        Diffuser une journée
    </h1>

    <div class="bg-white rounded-xl shadow-sm border border-gray-100 p-4">
        <form method="GET" action="{{ route('diffuser') }}" class="flex items-center gap-3">
            <label class="text-sm font-medium text-slate-700">Journée :</label>
            <select name="jou_id" onchange="this.form.submit()"
                class="border border-gray-300 rounded-lg px-3 py-1.5 text-sm focus:outline-none focus:ring-2 focus:ring-teal-500">
                <option value="">-- Sélectionner --</option>
                @foreach($listeJournee as $j)
                    <option value="{{ $j->jou_id }}" @selected($journee && $j->jou_id == $journee->jou_id)>
                        J{{ $j->jou_numero }} @if($j->jou_retour)(retour)@endif
                    </option>
                @endforeach
            </select>
        </form>
    </div>

    @if($journee)
    <div class="bg-white rounded-xl shadow-sm border border-gray-100 p-6 space-y-4">
        <h2 class="text-base font-semibold text-slate-700">
            J{{ $journee->jou_numero }} — {{ $journee->jou_date_journee?->format('d/m/Y') }}
        </h2>

        <div class="flex flex-col gap-3">
            <form method="POST" action="{{ route('diffuser.command') }}">
                @csrf
                <input type="hidden" name="jou_id" value="{{ $journee->jou_id }}">
                <input type="hidden" name="type" value="pronostics">
                @if($journee->jou_diffuser_pronostics)
                    <div class="flex items-center gap-2 text-green-600 text-sm font-medium">
                        <i data-lucide="circle-check" class="w-4 h-4"></i>
                        Pronostics déjà diffusés
                    </div>
                @else
                    <button type="submit"
                        class="inline-flex items-center gap-2 bg-teal-600 hover:bg-teal-700 text-white text-sm font-semibold px-4 py-2 rounded-lg transition">
                        <i data-lucide="eye" class="w-4 h-4"></i>
                        Diffuser les pronostics
                    </button>
                @endif
            </form>

            <form method="POST" action="{{ route('diffuser.command') }}">
                @csrf
                <input type="hidden" name="jou_id" value="{{ $journee->jou_id }}">
                <input type="hidden" name="type" value="resultats">
                @if($journee->jou_diffuser_resultats)
                    <div class="flex items-center gap-2 text-green-600 text-sm font-medium">
                        <i data-lucide="circle-check" class="w-4 h-4"></i>
                        Résultats déjà diffusés
                    </div>
                @else
                    <button type="submit"
                        class="inline-flex items-center gap-2 bg-teal-600 hover:bg-teal-700 text-white text-sm font-semibold px-4 py-2 rounded-lg transition">
                        <i data-lucide="clipboard-list" class="w-4 h-4"></i>
                        Diffuser les résultats
                    </button>
                @endif
            </form>
        </div>
    </div>
    @endif
</div>
@endsection