@php
    $isEdit = isset($user) && $user->exists;
@endphp

<div class="azp-card">
    <div class="azp-section-title">
        {{ $isEdit ? 'Editar utilizador' : 'Novo utilizador' }}
    </div>

    <p class="azp-page-subtitle" style="margin-bottom:16px;">
        Clube associado: <strong>{{ $club->name }}</strong>
    </p>

    <div class="azp-form-grid">
        <div class="field">
            <label class="label" for="name">Nome</label>
            <input type="text" id="name" name="name" value="{{ old('name', $user->name) }}" required>
            @error('name')
            <div class="hint" style="color:#b42318;">{{ $message }}</div>
            @enderror
        </div>

        <div class="field">
            <label class="label" for="email">Email</label>
            <input type="email" id="email" name="email" value="{{ old('email', $user->email) }}">
            @error('email')
            <div class="hint" style="color:#b42318;">{{ $message }}</div>
            @enderror
        </div>

        <div class="field">
            <label class="label" for="phone">Telemóvel</label>
            <input type="text" id="phone" name="phone" value="{{ old('phone', $user->phone) }}">
            @error('phone')
            <div class="hint" style="color:#b42318;">{{ $message }}</div>
            @enderror
        </div>

        <div class="field">
            <label class="label" for="nif">NIF</label>
            <input type="text" id="nif" name="nif" value="{{ old('nif', $user->nif) }}">
            @error('nif')
            <div class="hint" style="color:#b42318;">{{ $message }}</div>
            @enderror
        </div>

        <div class="field">
            <label class="label" for="birth_date">Data de nascimento</label>
            <input type="date" id="birth_date" name="birth_date" value="{{ old('birth_date', $user->birth_date) }}">
            @error('birth_date')
            <div class="hint" style="color:#b42318;">{{ $message }}</div>
            @enderror
        </div>

        <div class="field">
            <label class="label" for="level">Nível</label>
            <input type="number" id="level" name="level" min="0" max="255" value="{{ old('level', $user->level) }}">
            @error('level')
            <div class="hint" style="color:#b42318;">{{ $message }}</div>
            @enderror
        </div>

        <div class="field" style="grid-column:1/-1;">
            <label class="label" for="address">Morada</label>
            <input type="text" id="address" name="address" value="{{ old('address', $user->address) }}">
            @error('address')
            <div class="hint" style="color:#b42318;">{{ $message }}</div>
            @enderror
        </div>

        <div class="field">
            <label class="label" for="password">
                {{ $isEdit ? 'Nova password' : 'Password' }}
            </label>
            <input type="password" id="password" name="password">
            <div class="hint">
                {{ $isEdit ? 'Preencher apenas se quiser alterar a password.' : 'Opcional.' }}
            </div>
            @error('password')
            <div class="hint" style="color:#b42318;">{{ $message }}</div>
            @enderror
        </div>

        <div class="field">
            <label class="label" for="password_confirmation">Confirmar password</label>
            <input type="password" id="password_confirmation" name="password_confirmation">
        </div>
    </div>

    <div class="form-actions" style="margin-top:18px;">
        <button type="submit" class="btn primary">
            {{ $isEdit ? 'Guardar alterações' : 'Criar utilizador' }}
        </button>

        <a href="{{ route('admin.clubs.show', ['club' => $club->id, 'tab' => 'tab-users']) }}" class="btn outline">
            Cancelar
        </a>
    </div>
</div>