@php
    use App\Enums\QuestionBatteryStatus;
    use Illuminate\Support\Carbon;

    $formatDateTimeLocal = static function ($date): string {
        if (! $date instanceof Carbon) {
            return '';
        }

        try {
            return $date->timezone(config('app.timezone'))->format('Y-m-d\TH:i');
        } catch (Throwable) {
            return '';
        }
    };

    $startsAtValue = old('starts_at', $formatDateTimeLocal($battery->starts_at));
    $endsAtValue = old('ends_at', $formatDateTimeLocal($battery->ends_at));
    $currentStatus = QuestionBatteryStatus::tryFrom((string) $battery->status);
    $isExpired = $battery->ends_at instanceof Carbon && $battery->ends_at->lt(now());
    $isNotYetAvailable = $battery->starts_at instanceof Carbon && $battery->starts_at->gt(now());
@endphp

@can('update', $battery)
    <section class="mb-8 rounded-lg border border-gray-200 bg-gray-50 p-4">
        <div class="mb-3 flex flex-wrap items-center gap-2">
            <h2 class="text-sm font-semibold text-gray-900">Disponibilidade no portal</h2>
            @if($isExpired)
                <span class="inline-flex items-center rounded-full bg-red-100 px-2.5 py-0.5 text-xs font-medium text-red-800">
                    Encerrada
                </span>
            @elseif($isNotYetAvailable)
                <span class="inline-flex items-center rounded-full bg-amber-100 px-2.5 py-0.5 text-xs font-medium text-amber-900">
                    Ainda não iniciou
                </span>
            @elseif($currentStatus === QuestionBatteryStatus::Published)
                <span class="inline-flex items-center rounded-full bg-green-100 px-2.5 py-0.5 text-xs font-medium text-green-800">
                    Ativa no portal
                </span>
            @endif
        </div>

        <p class="mb-4 text-sm text-gray-600">
            Alterar datas ou status <strong>não apaga</strong> quem já participou — sessões e respostas permanecem na bateria.
            Para reabrir após o prazo, estenda a <strong>data de fim</strong> e mantenha o status <strong>Publicada</strong>.
        </p>

        <form
            method="post"
            action="{{ route('training.question-batteries.update', $battery) }}"
            class="grid grid-cols-1 gap-4 sm:grid-cols-2"
        >
            @csrf
            @method('PATCH')

            <div class="sm:col-span-2">
                <x-form.label for="battery_status" value="Status" />
                <select
                    name="status"
                    id="battery_status"
                    class="block w-full max-w-md rounded-lg border border-gray-300 bg-white px-3 py-2 text-gray-900 shadow-sm focus:border-blue-500 focus:ring-2 focus:ring-blue-500/40"
                    required
                >
                    @foreach(QuestionBatteryStatus::cases() as $statusOption)
                        <option
                            value="{{ $statusOption->value }}"
                            @selected(old('status', $battery->status) === $statusOption->value)
                        >
                            {{ $statusOption->label() }}
                        </option>
                    @endforeach
                </select>
                <x-form.error name="status" />
            </div>

            <div>
                <x-form.label for="battery_starts_at" value="Data de início (opcional)" />
                <x-form.input
                    id="battery_starts_at"
                    name="starts_at"
                    type="datetime-local"
                    :value="$startsAtValue"
                />
                <x-form.error name="starts_at" />
            </div>

            <div>
                <x-form.label for="battery_ends_at" value="Data de fim (opcional)" />
                <x-form.input
                    id="battery_ends_at"
                    name="ends_at"
                    type="datetime-local"
                    :value="$endsAtValue"
                />
                <x-form.error name="ends_at" />
            </div>

            <div class="sm:col-span-2">
                <x-ui.button type="submit">
                    Salvar disponibilidade
                </x-ui.button>
            </div>
        </form>
    </section>
@endcan