@extends('layouts.app')

@section('title', 'Profilo atleta - FranCoach')

@section('content')
    @php
        $phoneLink = $athlete->phone ? preg_replace('/[^\d+]/', '', $athlete->phone) : null;
        $whatsappNumber = $athlete->phone ? preg_replace('/\D/', '', $athlete->phone) : null;
        if ($whatsappNumber && str_starts_with($whatsappNumber, '00')) {
            $whatsappNumber = substr($whatsappNumber, 2);
        }
    @endphp
    <div class="profile-page">
        <div class="dashboard-heading">
            <div>
                <x-breadcrumbs :items="[
                    ['label' => 'Dashboard', 'url' => route('coach.dashboard')],
                    ['label' => 'Atleta'],
                ]" />
                <h1>Profilo di {{ $athlete->displayName() }}</h1>
                <p>Anagrafica, obiettivi e informazioni operative dell’atleta.</p>
            </div>
            <div class="d-flex flex-wrap align-items-center gap-2">
                <a href="{{ route('coach.athletes.show', $athlete) }}" class="btn btn-outline-primary"><i class="bi bi-person-gear" aria-hidden="true"></i> Gestione atleta</a>
                <span class="profile-status {{ $athlete->is_active ? 'is-active' : 'is-inactive' }}">
                    {{ $athlete->is_active ? 'Attivo' : 'Disattivato' }}
                </span>
            </div>
        </div>

        <section class="profile-identity card-francoach" aria-labelledby="athlete-name">
            <div class="profile-identity__avatar">
                @if ($athlete->avatar_path)
                    <img src="{{ asset('storage/'.$athlete->avatar_path) }}" alt="Foto profilo di {{ $athlete->displayName() }}">
                @else
                    <span class="avatar-fallback">{{ francoach_initials($athlete->displayName()) }}</span>
                @endif
            </div>
            <div>
                <span class="badge rounded-pill text-bg-primary">Atleta</span>
                <h2 id="athlete-name">{{ $athlete->displayName() }}</h2>
                <p>{{ $athlete->email }}{{ $athlete->phone ? ' · '.$athlete->phone : '' }}</p>
                <div class="d-flex flex-wrap gap-2 mt-3" aria-label="Contatti rapidi">
                    <a href="mailto:{{ $athlete->email }}" class="btn btn-sm btn-outline-primary"><i class="bi bi-envelope" aria-hidden="true"></i> Email</a>
                    @if ($phoneLink)
                        <a href="https://wa.me/{{ $whatsappNumber }}" target="_blank" rel="noopener noreferrer" class="btn btn-sm btn-outline-success"><i class="bi bi-whatsapp" aria-hidden="true"></i> WhatsApp</a>
                        <a href="tel:{{ $phoneLink }}" class="btn btn-sm btn-outline-secondary"><i class="bi bi-telephone" aria-hidden="true"></i> Chiama</a>
                    @endif
                </div>
            </div>
            <dl>
                <div>
                    <dt>Inizio percorso</dt>
                    <dd>{{ $profile->started_coaching_on?->isoFormat('D MMM YYYY') ?? 'Non indicato' }}</dd>
                </div>
                <div>
                    <dt>Obiettivo principale</dt>
                    <dd>{{ $goals->firstWhere('is_primary', true)?->title ?? 'Non definito' }}</dd>
                </div>
                <div>
                    <dt>Disponibilità</dt>
                    <dd>{{ count($profile->available_days ?? []) }} giorni</dd>
                </div>
            </dl>
        </section>

        <nav class="profile-section-nav" aria-label="Sezioni profilo">
            <a href="#personal">Dati personali</a>
            <a href="#goals">Obiettivi</a>
            <a href="#experience">Esperienza</a>
            <a href="#availability">Disponibilità</a>
            <a href="#equipment">Attrezzatura</a>
            <a href="#limitations">Limitazioni</a>
            <a href="#notes">Note private</a>
            <a href="#timeline">Timeline</a>
        </nav>

        <div class="row g-3 align-items-start">
            <div class="col-12 col-xl-7">
                <section id="personal" class="profile-section card-francoach" aria-labelledby="personal-title">
                    <div class="profile-section__header">
                        <div>
                            <span class="dashboard-card__eyebrow">Anagrafica</span>
                            <h2 id="personal-title">Dati personali</h2>
                        </div>
                        <span class="dashboard-card__icon"><i class="bi bi-person-vcard" aria-hidden="true"></i></span>
                    </div>
                    <form method="POST" action="{{ route('coach.athlete.update') }}" class="row g-3">
                        @csrf
                        @method('PUT')
                        <div class="col-md-6">
                            <label for="coach-first-name" class="form-label">Nome</label>
                            <input id="coach-first-name" name="first_name" class="form-control" required maxlength="100"
                                   value="{{ old('first_name', $athlete->first_name) }}">
                        </div>
                        <div class="col-md-6">
                            <label for="coach-last-name" class="form-label">Cognome</label>
                            <input id="coach-last-name" name="last_name" class="form-control" required maxlength="100"
                                   value="{{ old('last_name', $athlete->last_name) }}">
                        </div>
                        <div class="col-md-7">
                            <label for="coach-email" class="form-label">Email</label>
                            <input id="coach-email" name="email" type="email" class="form-control" required
                                   value="{{ old('email', $athlete->email) }}">
                        </div>
                        <div class="col-md-5">
                            <label for="coach-phone" class="form-label">Telefono</label>
                            <input id="coach-phone" name="phone" class="form-control" maxlength="30"
                                   value="{{ old('phone', $athlete->phone) }}">
                        </div>
                        <div class="col-md-4">
                            <label for="coach-birth-date" class="form-label">Data di nascita</label>
                            <input id="coach-birth-date" name="date_of_birth" type="date" class="form-control"
                                   value="{{ old('date_of_birth', $athlete->date_of_birth?->format('Y-m-d')) }}">
                        </div>
                        <div class="col-md-4">
                            <label for="coach-gender" class="form-label">Sesso</label>
                            <select id="coach-gender" name="gender" class="form-select">
                                <option value="">Non specificato</option>
                                @foreach ($options['genders'] as $gender)
                                    <option value="{{ $gender->value }}" @selected(old('gender', $athlete->gender?->value) === $gender->value)>
                                        {{ $gender->label() }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-4">
                            <label for="coach-height" class="form-label">Altezza (cm)</label>
                            <input id="coach-height" name="height_cm" type="number" step="0.1" min="80" max="250" class="form-control"
                                   value="{{ old('height_cm', $athlete->height_cm) }}">
                        </div>
                        <div class="col-md-6">
                            <label for="coach-start-date" class="form-label">Data inizio percorso</label>
                            <input id="coach-start-date" name="started_coaching_on" type="date" class="form-control"
                                   value="{{ old('started_coaching_on', $profile->started_coaching_on?->format('Y-m-d')) }}">
                        </div>
                        <div class="col-md-6">
                            <label for="coach-status" class="form-label">Stato account</label>
                            <select id="coach-status" name="is_active" class="form-select">
                                <option value="1" @selected(old('is_active', $athlete->is_active ? '1' : '0') === '1')>Attivo</option>
                                <option value="0" @selected(old('is_active', $athlete->is_active ? '1' : '0') === '0')>Disattivato</option>
                            </select>
                        </div>
                        <div class="col-12 text-end">
                            <button type="submit" class="btn btn-primary">Salva dati personali</button>
                        </div>
                    </form>
                </section>

                <section id="experience" class="profile-section card-francoach" aria-labelledby="experience-title">
                    <div class="profile-section__header">
                        <div>
                            <span class="dashboard-card__eyebrow">Contesto</span>
                            <h2 id="experience-title">Esperienza e preferenze</h2>
                        </div>
                        <span class="dashboard-card__icon"><i class="bi bi-stars" aria-hidden="true"></i></span>
                    </div>
                    <form method="POST" action="{{ route('coach.athlete.update') }}" class="row g-3">
                        @csrf
                        @method('PUT')
                        <div class="col-md-6">
                            <label for="profession" class="form-label">Professione</label>
                            <input id="profession" name="profession" class="form-control" maxlength="120"
                                   value="{{ old('profession', $profile->profession) }}">
                        </div>
                        <div class="col-md-6">
                            <label for="experience-level" class="form-label">Livello di esperienza</label>
                            <select id="experience-level" name="experience_level" class="form-select">
                                <option value="">Non indicato</option>
                                @foreach ($options['experienceLevels'] as $level)
                                    <option value="{{ $level->value }}" @selected(old('experience_level', $profile->experience_level?->value) === $level->value)>
                                        {{ $level->label() }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-6">
                            <label for="activity-level" class="form-label">Livello di attività</label>
                            <select id="activity-level" name="activity_level" class="form-select">
                                <option value="">Non indicato</option>
                                @foreach ($options['activityLevels'] as $level)
                                    <option value="{{ $level->value }}" @selected(old('activity_level', $profile->activity_level?->value) === $level->value)>
                                        {{ $level->label() }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-6">
                            <label for="initial-weight" class="form-label">Peso iniziale (kg)</label>
                            <input id="initial-weight" name="initial_weight_kg" type="number" min="20" max="400" step="0.1" class="form-control"
                                   value="{{ old('initial_weight_kg', $profile->initial_weight_kg) }}">
                        </div>
                        <div class="col-12">
                            <label for="preferences" class="form-label">Preferenze</label>
                            <textarea id="preferences" name="preferences" class="form-control" rows="4" maxlength="5000">{{ old('preferences', $profile->preferences) }}</textarea>
                        </div>
                        <div class="col-12 text-end">
                            <button type="submit" class="btn btn-primary">Salva esperienza</button>
                        </div>
                    </form>
                </section>

                <section id="availability" class="profile-section card-francoach" aria-labelledby="availability-title">
                    <div class="profile-section__header">
                        <div>
                            <span class="dashboard-card__eyebrow">Organizzazione</span>
                            <h2 id="availability-title">Disponibilità</h2>
                        </div>
                        <span class="dashboard-card__icon"><i class="bi bi-calendar-week" aria-hidden="true"></i></span>
                    </div>
                    <form method="POST" action="{{ route('coach.athlete.update') }}" class="row g-3">
                        @csrf
                        @method('PUT')
                        <input type="hidden" name="availability_section" value="1">
                        <div class="col-md-7">
                            <label for="training-location" class="form-label">Luogo di allenamento</label>
                            <input id="training-location" name="training_location" class="form-control" maxlength="150"
                                   value="{{ old('training_location', $profile->training_location) }}">
                        </div>
                        <div class="col-md-5">
                            <label for="workout-duration" class="form-label">Durata media (minuti)</label>
                            <input id="workout-duration" name="average_workout_minutes" type="number" min="10" max="300" class="form-control"
                                   value="{{ old('average_workout_minutes', $profile->average_workout_minutes) }}">
                        </div>
                        <fieldset class="col-12">
                            <legend class="form-label">Giorni disponibili</legend>
                            <div class="day-picker">
                                @foreach ($options['days'] as $value => $label)
                                    <label>
                                        <input type="checkbox" name="available_days[]" value="{{ $value }}"
                                               @checked(in_array($value, old('available_days', $profile->available_days ?? []), true))>
                                        <span>{{ mb_substr($label, 0, 3) }}</span>
                                    </label>
                                @endforeach
                            </div>
                        </fieldset>
                        <div class="col-12 text-end">
                            <button type="submit" class="btn btn-primary">Salva disponibilità</button>
                        </div>
                    </form>
                </section>

                <section id="goals" class="profile-section card-francoach" aria-labelledby="goals-title">
                    <div class="profile-section__header">
                        <div>
                            <span class="dashboard-card__eyebrow">Direzione</span>
                            <h2 id="goals-title">Obiettivi</h2>
                        </div>
                        <span class="dashboard-card__icon"><i class="bi bi-bullseye" aria-hidden="true"></i></span>
                    </div>

                    <form method="POST" action="{{ route('coach.athlete.goals.store') }}" class="profile-inline-form">
                        @csrf
                        <div class="row g-3">
                            <div class="col-md-6">
                                <label for="new-goal-type" class="form-label">Tipo</label>
                                <select id="new-goal-type" name="goal_type" class="form-select" required>
                                    @foreach ($options['goalTypes'] as $type)
                                        <option value="{{ $type->value }}">{{ $type->label() }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-6">
                                <label for="new-goal-date" class="form-label">Scadenza</label>
                                <input id="new-goal-date" name="target_date" type="date" class="form-control">
                            </div>
                            <div class="col-md-4">
                                <label for="new-start-value" class="form-label">Valore iniziale</label>
                                <input id="new-start-value" name="starting_value" type="number" step="0.01" class="form-control">
                            </div>
                            <div class="col-md-4">
                                <label for="new-target-value" class="form-label">Valore obiettivo</label>
                                <input id="new-target-value" name="target_value" type="number" step="0.01" class="form-control">
                            </div>
                            <div class="col-md-4">
                                <label for="new-goal-status" class="form-label">Stato</label>
                                <select id="new-goal-status" name="status" class="form-select">
                                    @foreach ($options['goalStatuses'] as $status)
                                        <option value="{{ $status->value }}">{{ $status->label() }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-12">
                                <label for="new-goal-notes" class="form-label">Note</label>
                                <textarea id="new-goal-notes" name="notes" class="form-control" rows="2" maxlength="5000"></textarea>
                            </div>
                            <div class="col-12 d-flex align-items-center justify-content-between gap-3">
                                <div class="form-check">
                                    <input id="new-goal-primary" name="is_primary" type="checkbox" value="1" class="form-check-input">
                                    <label for="new-goal-primary" class="form-check-label">Obiettivo principale</label>
                                </div>
                                <button type="submit" class="btn btn-primary">Aggiungi obiettivo</button>
                            </div>
                        </div>
                    </form>

                    <div class="profile-list">
                        @forelse ($goals as $goal)
                            <details class="profile-editable-item">
                                <summary>
                                    <span>
                                        @if ($goal->is_primary)
                                            <span class="badge rounded-pill text-bg-primary">Principale</span>
                                        @endif
                                        <strong>{{ $goal->title }}</strong>
                                        <small>{{ $goal->goal_type->label() }} · {{ $goal->status->label() }}</small>
                                    </span>
                                    <i class="bi bi-chevron-down" aria-hidden="true"></i>
                                </summary>
                                <form method="POST" action="{{ route('coach.athlete.goals.update', $goal) }}" class="row g-3 pt-3">
                                    @csrf
                                    @method('PUT')
                                    <div class="col-md-6">
                                        <label for="goal-title-{{ $goal->id }}" class="form-label">Titolo</label>
                                        <input id="goal-title-{{ $goal->id }}" name="title" class="form-control" required value="{{ $goal->title }}">
                                    </div>
                                    <div class="col-md-6">
                                        <label for="goal-type-{{ $goal->id }}" class="form-label">Tipo</label>
                                        <select id="goal-type-{{ $goal->id }}" name="goal_type" class="form-select">
                                            @foreach ($options['goalTypes'] as $type)
                                                <option value="{{ $type->value }}" @selected($goal->goal_type === $type)>{{ $type->label() }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-md-4">
                                        <label for="goal-start-{{ $goal->id }}" class="form-label">Valore iniziale</label>
                                        <input id="goal-start-{{ $goal->id }}" name="starting_value" type="number" step="0.01" class="form-control" value="{{ $goal->starting_value }}">
                                    </div>
                                    <div class="col-md-4">
                                        <label for="goal-target-{{ $goal->id }}" class="form-label">Valore obiettivo</label>
                                        <input id="goal-target-{{ $goal->id }}" name="target_value" type="number" step="0.01" class="form-control" value="{{ $goal->target_value }}">
                                    </div>
                                    <div class="col-md-4">
                                        <label for="goal-date-{{ $goal->id }}" class="form-label">Scadenza</label>
                                        <input id="goal-date-{{ $goal->id }}" name="target_date" type="date" class="form-control" value="{{ $goal->target_date?->format('Y-m-d') }}">
                                    </div>
                                    <div class="col-md-6">
                                        <label for="goal-status-{{ $goal->id }}" class="form-label">Stato</label>
                                        <select id="goal-status-{{ $goal->id }}" name="status" class="form-select">
                                            @foreach ($options['goalStatuses'] as $status)
                                                <option value="{{ $status->value }}" @selected($goal->status === $status)>{{ $status->label() }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-md-6 d-flex align-items-end">
                                        <div class="form-check mb-2">
                                            <input type="hidden" name="is_primary" value="0">
                                            <input id="goal-primary-{{ $goal->id }}" name="is_primary" type="checkbox" value="1" class="form-check-input" @checked($goal->is_primary)>
                                            <label for="goal-primary-{{ $goal->id }}" class="form-check-label">Obiettivo principale</label>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <label for="goal-notes-{{ $goal->id }}" class="form-label">Note</label>
                                        <textarea id="goal-notes-{{ $goal->id }}" name="notes" class="form-control" rows="2">{{ $goal->notes }}</textarea>
                                    </div>
                                    <div class="col-12 text-end">
                                        <button type="submit" class="btn btn-primary btn-sm">Aggiorna</button>
                                    </div>
                                </form>
                                <form method="POST" action="{{ route('coach.athlete.goals.destroy', $goal) }}" class="text-end mt-2"
                                      data-confirm-form data-confirm-title="Rimuovi obiettivo" data-confirm-message="Vuoi rimuovere questo obiettivo?">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="btn btn-outline-danger btn-sm">Rimuovi</button>
                                </form>
                            </details>
                        @empty
                            <x-empty-state icon="bi-bullseye" title="Nessun obiettivo" message="Aggiungi il primo obiettivo del percorso." />
                        @endforelse
                    </div>
                </section>
            </div>

            <div class="col-12 col-xl-5">
                <section id="equipment" class="profile-section card-francoach" aria-labelledby="equipment-title">
                    <div class="profile-section__header">
                        <div>
                            <span class="dashboard-card__eyebrow">Allenamento</span>
                            <h2 id="equipment-title">Attrezzatura disponibile</h2>
                        </div>
                        <span class="dashboard-card__icon"><i class="bi bi-tools" aria-hidden="true"></i></span>
                    </div>
                    <form method="POST" action="{{ route('coach.athlete.equipment.update') }}">
                        @csrf
                        @method('PUT')
                        <div class="equipment-picker">
                            @foreach ($catalog as $item)
                                <label>
                                    <input type="checkbox" name="equipment_ids[]" value="{{ $item->id }}"
                                           @checked($equipment->contains('id', $item->id))>
                                    <span>
                                        <i class="bi bi-check-circle" aria-hidden="true"></i>
                                        {{ $item->name }}
                                    </span>
                                </label>
                            @endforeach
                        </div>
                        <button type="submit" class="btn btn-primary w-100 mt-3">Salva attrezzatura</button>
                    </form>
                </section>

                <section id="limitations" class="profile-section card-francoach" aria-labelledby="limitations-title">
                    <div class="profile-section__header">
                        <div>
                            <span class="dashboard-card__eyebrow">Salute operativa</span>
                            <h2 id="limitations-title">Limitazioni</h2>
                        </div>
                        <span class="dashboard-card__icon"><i class="bi bi-shield-exclamation" aria-hidden="true"></i></span>
                    </div>
                    <form method="POST" action="{{ route('coach.athlete.limitations.store') }}" class="profile-inline-form row g-3">
                        @csrf
                        <div class="col-12">
                            <label for="limitation-title" class="form-label">Titolo</label>
                            <input id="limitation-title" name="title" class="form-control" required maxlength="150">
                        </div>
                        <div class="col-md-6">
                            <label for="limitation-muscle" class="form-label">Area</label>
                            <select id="limitation-muscle" name="muscle_group_id" class="form-select">
                                <option value="">Generale</option>
                                @foreach ($muscleGroups as $muscleGroup)
                                    <option value="{{ $muscleGroup->id }}">{{ $muscleGroup->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-6">
                            <label for="limitation-severity" class="form-label">Gravità</label>
                            <select id="limitation-severity" name="severity" class="form-select">
                                @foreach ($options['limitationSeverities'] as $severity)
                                    <option value="{{ $severity->value }}">{{ $severity->label() }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-6">
                            <label for="limitation-status" class="form-label">Stato</label>
                            <select id="limitation-status" name="status" class="form-select">
                                @foreach ($options['limitationStatuses'] as $status)
                                    <option value="{{ $status->value }}">{{ $status->label() }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-6">
                            <label for="limitation-started" class="form-label">Data inizio</label>
                            <input id="limitation-started" name="started_on" type="date" class="form-control">
                        </div>
                        <div class="col-12">
                            <label for="limitation-description" class="form-label">Descrizione</label>
                            <textarea id="limitation-description" name="description" class="form-control" rows="3"></textarea>
                        </div>
                        <div class="col-12 text-end">
                            <button type="submit" class="btn btn-primary btn-sm">Aggiungi limitazione</button>
                        </div>
                    </form>

                    <div class="profile-list">
                        @forelse ($limitations as $limitation)
                            <details class="profile-editable-item">
                                <summary>
                                    <span>
                                        <strong>{{ $limitation->title }}</strong>
                                        <small>{{ $limitation->severity->label() }} · {{ $limitation->status->label() }}</small>
                                    </span>
                                    <i class="bi bi-chevron-down" aria-hidden="true"></i>
                                </summary>
                                <form method="POST" action="{{ route('coach.athlete.limitations.update', $limitation) }}" class="row g-3 pt-3">
                                    @csrf
                                    @method('PUT')
                                    <div class="col-12">
                                        <label for="edit-limitation-title-{{ $limitation->id }}" class="form-label">Titolo</label>
                                        <input id="edit-limitation-title-{{ $limitation->id }}" name="title" class="form-control" required value="{{ $limitation->title }}">
                                    </div>
                                    <div class="col-md-6">
                                        <label for="edit-limitation-muscle-{{ $limitation->id }}" class="form-label">Area</label>
                                        <select id="edit-limitation-muscle-{{ $limitation->id }}" name="muscle_group_id" class="form-select">
                                            <option value="">Generale</option>
                                            @foreach ($muscleGroups as $muscleGroup)
                                                <option value="{{ $muscleGroup->id }}" @selected($limitation->muscle_group_id === $muscleGroup->id)>{{ $muscleGroup->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-md-6">
                                        <label for="edit-limitation-severity-{{ $limitation->id }}" class="form-label">Gravità</label>
                                        <select id="edit-limitation-severity-{{ $limitation->id }}" name="severity" class="form-select">
                                            @foreach ($options['limitationSeverities'] as $severity)
                                                <option value="{{ $severity->value }}" @selected($limitation->severity === $severity)>{{ $severity->label() }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-md-6">
                                        <label for="edit-limitation-status-{{ $limitation->id }}" class="form-label">Stato</label>
                                        <select id="edit-limitation-status-{{ $limitation->id }}" name="status" class="form-select">
                                            @foreach ($options['limitationStatuses'] as $status)
                                                <option value="{{ $status->value }}" @selected($limitation->status === $status)>{{ $status->label() }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-md-6">
                                        <label for="edit-limitation-started-{{ $limitation->id }}" class="form-label">Data inizio</label>
                                        <input id="edit-limitation-started-{{ $limitation->id }}" name="started_on" type="date" class="form-control" value="{{ $limitation->started_on?->format('Y-m-d') }}">
                                    </div>
                                    <div class="col-md-6">
                                        <label for="edit-limitation-resolved-{{ $limitation->id }}" class="form-label">Data risoluzione</label>
                                        <input id="edit-limitation-resolved-{{ $limitation->id }}" name="resolved_on" type="date" class="form-control" value="{{ $limitation->resolved_on?->format('Y-m-d') }}">
                                    </div>
                                    <div class="col-12">
                                        <label for="edit-limitation-description-{{ $limitation->id }}" class="form-label">Descrizione</label>
                                        <textarea id="edit-limitation-description-{{ $limitation->id }}" name="description" class="form-control" rows="3">{{ $limitation->description }}</textarea>
                                    </div>
                                    <div class="col-12 text-end">
                                        <button type="submit" class="btn btn-primary btn-sm">Aggiorna</button>
                                    </div>
                                </form>
                                <form method="POST" action="{{ route('coach.athlete.limitations.destroy', $limitation) }}" class="text-end mt-2"
                                      data-confirm-form data-confirm-title="Rimuovi limitazione" data-confirm-message="Vuoi rimuovere questa limitazione?">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="btn btn-outline-danger btn-sm">Rimuovi</button>
                                </form>
                            </details>
                        @empty
                            <x-empty-state icon="bi-shield-check" title="Nessuna limitazione" />
                        @endforelse
                    </div>
                </section>

                <section id="notes" class="profile-section card-francoach" aria-labelledby="notes-title">
                    <div class="profile-section__header">
                        <div>
                            <span class="dashboard-card__eyebrow">Solo coach</span>
                            <h2 id="notes-title">Note private</h2>
                        </div>
                        <span class="dashboard-card__icon"><i class="bi bi-lock" aria-hidden="true"></i></span>
                    </div>
                    <form method="POST" action="{{ route('coach.athlete.notes.store') }}" class="profile-inline-form">
                        @csrf
                        <label for="note-category" class="form-label">Categoria</label>
                        <select id="note-category" name="category" class="form-select mb-3">
                            @foreach ($options['noteCategories'] as $category)
                                <option value="{{ $category->value }}">{{ $category->label() }}</option>
                            @endforeach
                        </select>
                        <label for="note-body" class="form-label">Nota operativa</label>
                        <textarea id="note-body" name="body" class="form-control" rows="4" required maxlength="10000"></textarea>
                        <button type="submit" class="btn btn-primary btn-sm mt-3">Aggiungi nota</button>
                    </form>
                    <div class="private-note-list">
                        @forelse ($notes as $note)
                            <article>
                                <div>
                                    <span class="badge rounded-pill text-bg-dark">{{ $note->category->label() }}</span>
                                    <small>{{ $note->created_at->isoFormat('D MMM YYYY, HH:mm') }}</small>
                                </div>
                                <p>{{ $note->body }}</p>
                                <footer>{{ $note->author?->displayName() ?? 'Coach' }}</footer>
                            </article>
                        @empty
                            <x-empty-state icon="bi-journal" title="Nessuna nota privata" />
                        @endforelse
                    </div>
                </section>

                <section id="timeline" class="profile-section card-francoach" aria-labelledby="timeline-title">
                    <div class="profile-section__header">
                        <div>
                            <span class="dashboard-card__eyebrow">Storico</span>
                            <h2 id="timeline-title">Timeline</h2>
                        </div>
                        <span class="dashboard-card__icon"><i class="bi bi-clock-history" aria-hidden="true"></i></span>
                    </div>
                    @if ($timeline)
                        <ol class="profile-timeline">
                            @foreach ($timeline as $event)
                                <li>
                                    <span class="profile-timeline__dot" aria-hidden="true"></span>
                                    <div>
                                        <strong>{{ $event['label'] }}</strong>
                                        @if ($event['details'])
                                            <p>{{ $event['details'] }}</p>
                                        @endif
                                        <small>{{ $event['actor'] }} · {{ $event['date'] }}</small>
                                    </div>
                                </li>
                            @endforeach
                        </ol>
                    @else
                        <x-empty-state icon="bi-clock-history" title="Nessun evento registrato" />
                    @endif
                </section>
            </div>
        </div>
    </div>
@endsection