{{--
    Formulário compartilhado de quadra.

    @param \App\Models\Court|null $court  Nulo ao criar.
--}}
@php($editing = isset($court))

<div class="mb-3">
    <label for="name" class="form-label">Nome</label>
    <input id="name" type="text" name="name"
           value="{{ old('name', $editing ? $court->name : '') }}"
           class="form-control @error('name') is-invalid @enderror" required autofocus>
    @error('name')<div class="invalid-feedback">{{ $message }}</div>@enderror
</div>

<div class="mb-3">
    <label for="description" class="form-label">
        Descrição <span class="text-body-secondary fw-normal">(opcional)</span>
    </label>
    <textarea id="description" name="description" rows="3"
              class="form-control @error('description') is-invalid @enderror"
              placeholder="Piso, cobertura, dimensões…">{{ old('description', $editing ? $court->description : '') }}</textarea>
    @error('description')<div class="invalid-feedback">{{ $message }}</div>@enderror
</div>

{{-- Modalidades atendidas pela quadra. Mesmo campo dos professores:
     `data-multiselect` faz o resources/js/multiselect.js transformar este
     <select> no campo com busca e chips. Sem JS, segue um multi-select nativo
     funcional. --}}
<div class="mb-4">
    <label for="modality_ids" class="form-label">
        Modalidades <span class="text-body-secondary fw-normal">(opcional)</span>
    </label>
    <select id="modality_ids" name="modality_ids[]" multiple
            data-multiselect data-placeholder="Selecione uma ou mais modalidades"
            class="form-select @error('modality_ids') is-invalid @enderror @error('modality_ids.*') is-invalid @enderror">
        @php($selectedModalities = collect(old('modality_ids', $selectedModalityIds ?? []))->map(fn ($id) => (string) $id))
        @foreach ($modalities as $modality)
            <option value="{{ $modality->id }}" @selected($selectedModalities->contains((string) $modality->id))>
                {{ $modality->name }}
            </option>
        @endforeach
    </select>
    @error('modality_ids')<div class="invalid-feedback">{{ $message }}</div>@enderror
    @error('modality_ids.*')<div class="invalid-feedback">{{ $message }}</div>@enderror
    @if ($modalities->isEmpty())
        <div class="form-text">
            Nenhuma modalidade cadastrada ainda.
            <a href="{{ route('modalities.create') }}">Cadastrar uma</a>.
        </div>
    @else
        <div class="form-text">Os esportes que se pode praticar nesta quadra.</div>
    @endif
</div>

{{-- Planos oferecidos pela quadra. Mesmo campo com busca e chips das
     modalidades. Lista TODOS os planos da arena, sem restrição de sobreposição:
     uma quadra pode ter quantos planos quiser. O rótulo mostra dias e horário
     só para ajudar a reconhecer cada plano. --}}
<div class="mb-4">
    <label for="plan_ids" class="form-label">
        Planos <span class="text-body-secondary fw-normal">(opcional)</span>
    </label>
    <select id="plan_ids" name="plan_ids[]" multiple
            data-multiselect data-placeholder="Selecione um ou mais planos"
            class="form-select @error('plan_ids') is-invalid @enderror @error('plan_ids.*') is-invalid @enderror">
        @php($selectedPlans = collect(old('plan_ids', $selectedPlanIds ?? []))->map(fn ($id) => (string) $id))
        @foreach ($plans as $plan)
            <option value="{{ $plan->id }}" @selected($selectedPlans->contains((string) $plan->id))>{{ $plan->name }} — {{ $plan->weekdays()->summary() }} · {{ $plan->scheduleList()->summary() }}</option>
        @endforeach
    </select>
    @error('plan_ids')<div class="invalid-feedback">{{ $message }}</div>@enderror
    @error('plan_ids.*')<div class="invalid-feedback">{{ $message }}</div>@enderror
    @if ($plans->isEmpty())
        <div class="form-text">
            Nenhum plano cadastrado ainda.
            <a href="{{ route('plans.create') }}">Cadastrar um</a>.
        </div>
    @else
        <div class="form-text">Os planos que esta quadra oferece.</div>
    @endif
</div>

<div class="mb-4">
    <label class="form-label d-block">Cor da quadra</label>

    {{-- Color picker: uma grade de radios estilizados como quadradinhos. A cor
         escolhida vira a identidade visual da quadra no calendário. Cada cor só
         pode ser de uma quadra na arena — as já usadas por OUTRAS quadras vêm
         desabilitadas do controller (`$takenColors`) e aparecem riscadas. --}}
    <div class="court-color-picker @error('color') is-invalid @enderror"
         role="radiogroup" aria-label="Cor da quadra">
        @foreach ($palette as $swatch)
            @php($isTaken = in_array($swatch, $takenColors, true))
            <label class="court-color-picker__swatch @if ($isTaken) is-taken @endif"
                   style="--swatch: {{ $swatch }}"
                   title="{{ $isTaken ? 'Já usada por outra quadra' : $swatch }}">
                <input type="radio" name="color" value="{{ $swatch }}"
                       class="court-color-picker__input"
                       @checked(old('color', $editing ? $court->color : null) === $swatch)
                       @disabled($isTaken)>
                <i class="bi bi-check-lg court-color-picker__check" aria-hidden="true"></i>
            </label>
        @endforeach
    </div>

    @error('color')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
    <div class="form-text">Escolha uma cor livre. Cada quadra tem a sua.</div>
</div>

<div class="form-check form-switch mb-3">
    {{-- Campo oculto antes do checkbox: um checkbox desmarcado não é enviado
         pelo navegador, e sem este `0` a regra `sometimes` puliria o campo —
         tirar a quadra da manutenção não teria efeito nenhum. --}}
    <input type="hidden" name="maintenance" value="0">

    <input id="maintenance" class="form-check-input" type="checkbox" name="maintenance" value="1"
           @checked(old('maintenance', $editing ? $court->maintenance : false))>
    <label for="maintenance" class="form-check-label">Em manutenção</label>
    <div class="form-text">Uma quadra em manutenção está temporariamente fora. Independe de ela estar ativa.</div>
</div>

<div class="form-check form-switch mb-4">
    {{-- Mesmo par oculto + checkbox do campo de manutenção, pela mesma razão. --}}
    <input type="hidden" name="active" value="0">

    <input id="active" class="form-check-input" type="checkbox" name="active" value="1"
           @checked(old('active', $editing ? $court->active : true))>
    <label for="active" class="form-check-label">Quadra ativa</label>
    <div class="form-text">Uma quadra inativa some do catálogo, esteja ou não em manutenção.</div>
</div>