@php
    $selected = old('clubs', isset($coach) ? $coach->clubs->pluck('id')->toArray() : []);
    $r = isset($coach) ? $coach->rates : null;
@endphp

<div class="azp-card">
    <div class="azp-form-grid">
        <div class="field">
            <div class="label">Nome</div>
            <input type="text" name="name" value="{{ old('name', $coach->name ?? '') }}" required>
        </div>

        <div class="field">
            <div class="label">NIF</div>
            <input type="text" name="nif" value="{{ old('nif', $coach->nif ?? '') }}">
        </div>

        <div class="field">
            <div class="label">Email</div>
            <input type="email" name="email" value="{{ old('email', $coach->email ?? '') }}">
        </div>

        <div class="field">
            <div class="label">Contacto</div>
            <input type="text" name="phone" value="{{ old('phone', $coach->phone ?? '') }}">
        </div>

        <div class="field" style="grid-column:1/-1;">
            <div class="label">Imagem</div>
            <input type="file" name="image" accept="image/*">
            <div class="hint">PNG/JPG/WebP. Recomendo 500x500.</div>

            @if(!empty($coach) && $coach->image_path)
                <div style="margin-top:10px; display:flex; gap:10px; align-items:center;">
                    <div style="width:64px; height:64px; border-radius:16px; overflow:hidden; background:#f3f3f3; border:1px solid #e6e6e6;">
                        <img src="{{ asset('storage/'.$coach->image_path) }}" alt="" style="width:100%; height:100%; object-fit:cover;">
                    </div>
                    <div class="azp-muted" style="font-size:12px;">Imagem atual</div>
                </div>
            @endif
        </div>
    </div>
</div>

<div class="azp-card" style="margin-top:14px;">
    <div class="azp-section-title">Clubes</div>
    <div style="display:flex; flex-wrap:wrap; gap:10px; margin-top:10px;">
        @foreach($clubs as $club)
            <label style="display:flex; align-items:center; gap:8px;">
                <input type="checkbox" name="clubs[]" value="{{ $club->id }}"
                    {{ in_array($club->id, $selected) ? 'checked' : '' }}>
                <span>{{ $club->name }}</span>
            </label>
        @endforeach
    </div>
</div>

<div class="azp-card" style="margin-top:14px;">
    <div class="azp-section-title">Preços a pagar ao professor</div>

    <div class="azp-form-grid" style="margin-top:10px;">
        <div class="field">
            <div class="label">1h / OFF</div>
            <input type="number" step="0.01" min="0" name="off_60" value="{{ old('off_60', $r->off_60 ?? 0) }}" required>
        </div>

        <div class="field">
            <div class="label">1,5h / OFF</div>
            <input type="number" step="0.01" min="0" name="off_90" value="{{ old('off_90', $r->off_90 ?? 0) }}" required>
        </div>

        <div class="field">
            <div class="label">1h / PEAK</div>
            <input type="number" step="0.01" min="0" name="peak_60" value="{{ old('peak_60', $r->peak_60 ?? 0) }}" required>
        </div>

        <div class="field">
            <div class="label">1,5h / PEAK</div>
            <input type="number" step="0.01" min="0" name="peak_90" value="{{ old('peak_90', $r->peak_90 ?? 0) }}" required>
        </div>
    </div>
</div>

<div class="form-actions" style="margin-top:14px;">
    <button class="btn primary">{{ $submitLabel }}</button>
    <a href="{{ route('admin.coaches.index') }}" class="btn outline">Cancelar</a>
</div>