{{--
    Formulário compartilhado de plano.

    Campos:
      - name      nome do plano, único dentro da arena.
      - weeks[]   dias da semana (checkboxes); as chaves vêm de Weekday.
      - schedules linhas dinâmicas de horário (início/fim); o JS em plans.js
                  adiciona e remove linhas, o servidor normaliza tudo de novo.
      - price     valor em reais; o servidor converte para centavos.

    @param \App\Models\Plan|null            $plan      Nulo ao criar.
    @param array<int, \App\Enums\Weekday>   $weekdays  Semana na ordem certa.
--}}
@php($editing = isset($plan))
@php($selectedWeeks = old('weeks', $editing ? $plan->weekdays()->keys() : []))
{{-- Um único horário por plano. `schedules` continua uma lista no banco, então
     usamos sempre o índice 0 — o value object aceita a lista com um item só. --}}
@php($scheduleRows = old('schedules', $editing ? $plan->scheduleList()->all() : []))
@php($scheduleRow = $scheduleRows[0] ?? ['start' => '', 'end' => ''])
@php($priceCents = old('price', $editing ? $plan->price : null))
@php($priceValue = $priceCents !== null && $priceCents !== '' ? number_format(((int) $priceCents) / 100, 2, ',', '.') : '')

{{--
    Marcas de horário oferecidas nos selects, já restritas ao funcionamento da
    arena nos dias marcados (interseção). São a versão SEM JS: o servidor
    renderiza as opções válidas para a seleção inicial; o plans.js as recalcula
    quando os dias mudam. Fonte única da janela: PlanOperatingWindow.
--}}
@php($planWindow = \App\Support\PlanOperatingWindow::for(
    \App\Support\WeeklySchedule::fromStored($schedule ?? []),
    \App\Support\PlanWeekdays::fromInput($selectedWeeks)->keys(),
))
@php($timeMarks = $planWindow->marks(30))

<div class="mb-4">
    <label for="name" class="form-label">Nome do plano</label>
    <input id="name" type="text" name="name"
           value="{{ old('name', $editing ? $plan->name : '') }}"
           class="form-control @error('name') is-invalid @enderror"
           placeholder="Plano Mensal, Passe Livre…" required autofocus>
    @error('name')<div class="invalid-feedback">{{ $message }}</div>@enderror
    <div class="form-text">O nome do plano, único dentro da sua arena.</div>
</div>

<div class="mb-4">
    <span class="form-label d-block">Dias da semana</span>
    <div class="d-flex flex-wrap gap-3">
        @foreach ($weekdays as $weekday)
            <div class="form-check">
                <input class="form-check-input" type="checkbox"
                       name="weeks[]" value="{{ $weekday->value }}"
                       id="week-{{ $weekday->value }}"
                       @checked(in_array($weekday->value, $selectedWeeks, true))>
                <label class="form-check-label" for="week-{{ $weekday->value }}">
                    {{ $weekday->label() }}
                </label>
            </div>
        @endforeach
    </div>
    @error('weeks')<div class="text-danger small mt-1">{{ $message }}</div>@enderror
    <div class="form-text">Em quais dias o plano dá acesso.</div>
</div>

<div class="mb-4" data-plan-hours data-schedule='@json($schedule ?? [])'>
    <span class="form-label d-block">Horários</span>

    {{-- Preenchido pelo JS conforme os dias marcados: a janela em que a arena
         abre em TODOS eles. Sem JS, some sem atrapalhar — o servidor valida
         igual. --}}
    <p class="form-text mt-0 mb-2" data-schedule-hint hidden></p>

    <div class="row g-2 align-items-center" data-schedule-row>
        <div class="col-auto">
            <select class="form-select @error('schedules.0.start') is-invalid @enderror"
                    name="schedules[0][start]" data-schedule-start
                    data-selected="{{ $scheduleRow['start'] ?? '' }}" aria-label="Início" style="min-width: 6rem;">
                <option value="">--:--</option>
                @foreach ($timeMarks as $mark)
                    <option value="{{ $mark }}" @selected(($scheduleRow['start'] ?? '') === $mark)>{{ $mark }}</option>
                @endforeach
            </select>
        </div>
        <div class="col-auto text-body-secondary">até</div>
        <div class="col-auto">
            <select class="form-select @error('schedules.0.end') is-invalid @enderror"
                    name="schedules[0][end]" data-schedule-end
                    data-selected="{{ $scheduleRow['end'] ?? '' }}" aria-label="Fim" style="min-width: 6rem;">
                <option value="">--:--</option>
                @foreach ($timeMarks as $mark)
                    <option value="{{ $mark }}" @selected(($scheduleRow['end'] ?? '') === $mark)>{{ $mark }}</option>
                @endforeach
            </select>
        </div>
        @error('schedules.0.end')
            <div class="col-12"><div class="text-danger small">{{ $message }}</div></div>
        @enderror
        @error('schedules')
            <div class="col-12"><div class="text-danger small">{{ $message }}</div></div>
        @enderror
    </div>

    <div class="form-text">O horário liberado pelo plano. Deixe em branco se não se aplica.</div>
</div>

<div class="mb-4">
    <label for="price" class="form-label">Valor</label>
    <div class="input-group" style="max-width: 12rem;">
        <span class="input-group-text">R$</span>
        <input id="price" type="text" name="price" inputmode="decimal"
               value="{{ $priceValue }}"
               class="form-control @error('price') is-invalid @enderror"
               placeholder="50,00">
        @error('price')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
    <div class="form-text">O valor cobrado pelo plano.</div>
</div>