{{--
    Formulário compartilhado de professor e cliente.

    NÃO TEM CAMPO DE PERFIL, e isso é a metade visível de uma trava. O perfil é
    aplicado pelo MemberController a partir da rota, e o StoreMemberRequest nem
    aceita `role_id` — então nem o formulário oferece, nem o servidor aceitaria.
    Acrescentar um seletor aqui reabriria o caminho para transformar um cliente
    em administrador por uma tela que não tem as regras da tela de equipe.

    Também não tem senha: professores e clientes ainda não acessam o sistema, e
    o controller grava um valor aleatório para satisfazer a coluna.

    @param \App\Models\User|null $member  Nulo ao criar.
    @param array $labels
--}}
@php($editing = isset($member))

<div class="mb-3">
    <label for="name" class="form-label">Nome</label>
    <input id="name" type="text" name="name"
           value="{{ old('name', $editing ? $member->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="email" class="form-label">E-mail</label>
    <input id="email" type="email" name="email"
           value="{{ old('email', $editing ? $member->email : '') }}"
           class="form-control @error('email') is-invalid @enderror" required>
    @error('email')<div class="invalid-feedback">{{ $message }}</div>@enderror
    <div class="form-text">Usado para identificar a pessoa e, no futuro, dar acesso ao sistema.</div>
</div>

<div class="row">
    <div class="col-md-6 mb-3">
        <label for="cpf" class="form-label">
            CPF <span class="text-body-secondary fw-normal">(opcional)</span>
        </label>
        {{-- Máscara `cpf`: só pessoa física neste campo, sem alternar para
             CNPJ. É conveniência visual — o servidor normaliza e valida de
             novo. --}}
        <input id="cpf" type="text" name="cpf" inputmode="numeric"
               value="{{ old('cpf', $editing ? $member->formattedCpf() : '') }}"
               data-mask="cpf" maxlength="14"
               class="form-control @error('cpf') is-invalid @enderror">
        @error('cpf')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>

    <div class="col-md-6 mb-3">
        <label for="phone" class="form-label">
            Telefone <span class="text-body-secondary fw-normal">(opcional)</span>
        </label>
        <input id="phone" type="text" name="phone" inputmode="tel"
               value="{{ old('phone', $editing ? $member->formattedPhone() : '') }}"
               data-mask="phone"
               class="form-control @error('phone') is-invalid @enderror">
        @error('phone')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>
</div>

@if ($managesModalities ?? false)
    {{-- Modalidades atendidas pelo professor. Só aparece na tela de professor
         (o MemberController liga `managesModalities`); a de cliente não tem o
         campo, nem o servidor sincroniza vínculos para clientes.

         `data-multiselect`: o resources/js/multiselect.js transforma este
         <select> no mesmo campo com busca e chips usado nas reservas. 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($selected = collect(old('modality_ids', $selectedModalityIds ?? []))->map(fn ($id) => (string) $id))
            @foreach ($modalities as $modality)
                <option value="{{ $modality->id }}" @selected($selected->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 este professor dá aula.</div>
        @endif
    </div>
@endif

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

    <input id="active" class="form-check-input" type="checkbox" name="active" value="1"
           @checked(old('active', $editing ? $member->active : true))>
    <label for="active" class="form-check-label">{{ Str::ucfirst($labels['singular']) }} ativo</label>
</div>