@extends('layouts.app')

@section('title', 'Dashboard Coach - FranCoach')

@section('content')
    <div class="dashboard-page">
        <div class="dashboard-heading">
            <div>
                <x-breadcrumbs :items="[['label' => 'Dashboard']]" />
                <h1>{{ $dashboard['greeting'] }}</h1>
                <p>{{ $dashboard['athlete'] ? 'Panoramica di allenamenti, progressi e comunicazioni.' : 'Riepilogo degli atleti seguiti.' }}</p>
            </div>
            <span class="dashboard-heading__date">
                <i class="bi bi-calendar3" aria-hidden="true"></i>
                {{ now()->isoFormat('dddd D MMMM') }}
            </span>
        </div>

        @if (! $dashboard['athlete'])
            <div class="row g-3 mb-4">
                @foreach([
                    ['Totale atleti',$dashboard['management']['total'],'bi-people'],
                    ['Attivi',$dashboard['management']['active'],'bi-person-check'],
                    ['Da attivare',$dashboard['management']['pending'],'bi-envelope'],
                    ['In scadenza 30 gg',$dashboard['management']['next30'],'bi-hourglass-split'],
                    ['Scaduti',$dashboard['management']['expired'],'bi-calendar-x'],
                    ['Sospesi',$dashboard['management']['suspended'],'bi-pause-circle'],
                ] as [$label,$value,$icon])
                    <div class="col-6 col-xl-2"><x-dashboard-stat :label="$label" :value="$value" :icon="$icon" tone="primary" /></div>
                @endforeach
            </div>
        @endif

        @if($dashboard['athlete'] && $dashboard['management']['imminent']->isNotEmpty())
            <section class="card-francoach p-4 mb-4" aria-labelledby="expiring-athletes-title">
                <div class="d-flex justify-content-between align-items-center mb-3"><h2 id="expiring-athletes-title" class="h5 mb-0">Scadenze imminenti</h2><a href="{{ route('coach.athletes.index',['status'=>'expiring']) }}">Tutti gli atleti</a></div>
                <div class="table-responsive"><table class="table align-middle mb-0"><thead><tr><th>Atleta</th><th>Scadenza</th><th>Giorni</th><th>Stato</th><th></th></tr></thead><tbody>
                @foreach($dashboard['management']['imminent'] as $item)<tr><td>{{ $item['athlete']->displayName() }}</td><td>{{ francoach_format_date($item['expiresAt']) }}</td><td>{{ $item['remainingDays'] }}</td><td>{{ $item['status'] }}</td><td class="text-end"><div class="d-flex justify-content-end gap-2"><a class="btn btn-sm btn-outline-primary" href="{{ route('coach.athletes.subscription.show',$item['athlete']) }}">Proroga</a><form method="POST" action="{{ route('coach.athletes.reminder.send',$item['athlete']) }}">@csrf<input type="hidden" name="confirm" value="1"><button class="btn btn-sm btn-outline-secondary">Promemoria</button></form></div></td></tr>@endforeach
                </tbody></table></div>
            </section>
        @endif

        @if (! $dashboard['athlete'])
            <section class="card-francoach p-4" aria-labelledby="athletes-overview-title">
                <div class="d-flex flex-wrap justify-content-between align-items-center gap-3 mb-3">
                    <div>
                        <h2 id="athletes-overview-title" class="h4 mb-1">Atleti seguiti</h2>
                        <p class="text-body-secondary mb-0">Seleziona un atleta dalla barra superiore per aprire il resoconto completo.</p>
                    </div>
                    <a href="{{ route('coach.athletes.index') }}" class="btn btn-outline-primary">Gestisci atleti</a>
                </div>
                @if ($dashboard['athletesOverview']->isEmpty())
                    <x-empty-state icon="bi-person-x" title="Nessun atleta seguito" />
                @else
                    <div class="table-responsive">
                        <table class="table align-middle mb-0">
                            <thead>
                                <tr>
                                    <th>Atleta</th>
                                    <th>Allenamenti</th>
                                    <th>Alimentazione</th>
                                    <th>Media carichi</th>
                                    <th>Peso</th>
                                    <th>Abbonamento</th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($dashboard['athletesOverview'] as $item)
                                    <tr>
                                        <td>
                                            <strong data-bs-toggle="tooltip" title="{{ $item['athlete']->email }}">{{ $item['athlete']->displayName() }}</strong>
                                        </td>
                                        <td data-bs-toggle="tooltip" title="{{ $item['workoutsDone'] }} allenamenti completati su {{ $item['workoutsDone'] + $item['workoutsRemaining'] }}">
                                            <strong>{{ $item['workoutsDone'] }}/{{ $item['workoutsDone'] + $item['workoutsRemaining'] }}</strong>
                                        </td>
                                        <td data-bs-toggle="tooltip" title="{{ $item['nutritionDone'] }} giorni completati su {{ $item['nutritionDone'] + $item['nutritionRemaining'] }}">
                                            <strong>{{ $item['nutritionDone'] }}/{{ $item['nutritionDone'] + $item['nutritionRemaining'] }}</strong>
                                        </td>
                                        <td data-bs-toggle="tooltip" title="Variazione della media dei carichi rispetto alla sessione precedente">
                                            @if (is_null($item['loadDelta']))
                                                <span class="text-body-secondary">Dati insufficienti</span>
                                            @elseif ($item['loadDelta'] > 0)
                                                <span class="text-success"><i class="bi bi-arrow-up" aria-hidden="true"></i> +{{ number_format($item['loadDelta'], 2, ',', '.') }} kg</span>
                                            @elseif ($item['loadDelta'] < 0)
                                                <span class="text-danger"><i class="bi bi-arrow-down" aria-hidden="true"></i> {{ number_format($item['loadDelta'], 2, ',', '.') }} kg</span>
                                            @else
                                                <span class="text-body-secondary"><i class="bi bi-dash" aria-hidden="true"></i> 0,00 kg</span>
                                            @endif
                                        </td>
                                        <td data-bs-toggle="tooltip" title="Percentuale rispetto alla prima rilevazione; peso attuale e precedente">
                                            @if (is_null($item['weightDeltaPercentage']))
                                                <span class="text-body-secondary">Dati insufficienti</span>
                                            @elseif ($item['weightDeltaPercentage'] > 0)
                                                <span class="text-success" title="Variazione dalla prima rilevazione"><i class="bi bi-arrow-up" aria-hidden="true"></i> +{{ number_format($item['weightDeltaPercentage'], 2, ',', '.') }}%</span>
                                            @elseif ($item['weightDeltaPercentage'] < 0)
                                                <span class="text-danger" title="Variazione dalla prima rilevazione"><i class="bi bi-arrow-down" aria-hidden="true"></i> {{ number_format($item['weightDeltaPercentage'], 2, ',', '.') }}%</span>
                                            @else
                                                <span class="text-body-secondary"><i class="bi bi-dash" aria-hidden="true"></i> 0,00%</span>
                                            @endif
                                            @if (! is_null($item['currentWeight']))
                                                <strong class="text-body ms-1">{{ number_format($item['currentWeight'], 2, ',', '.') }} kg</strong>
                                                <span class="text-body-secondary">({{ is_null($item['previousWeight']) ? '—' : number_format($item['previousWeight'], 2, ',', '.').' kg' }})</span>
                                            @endif
                                        </td>
                                        <td>
                                            @if ($item['subscriptionExpiresAt'])
                                                <strong data-bs-toggle="tooltip" title="Data di scadenza dell’abbonamento">{{ francoach_format_date($item['subscriptionExpiresAt']) }}</strong>
                                            @else
                                                <span class="text-body-secondary">Nessun abbonamento</span>
                                            @endif
                                        </td>
                                        <td class="text-end">
                                            <a href="{{ route('coach.dashboard.athlete', $item['athlete']) }}" class="btn btn-sm btn-outline-primary">Apri</a>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @endif
            </section>
        @else
            @php
                $selectedPhoneLink = $dashboard['athlete']['phone'] ? preg_replace('/[^\d+]/', '', $dashboard['athlete']['phone']) : null;
                $selectedWhatsappNumber = $dashboard['athlete']['phone'] ? preg_replace('/\D/', '', $dashboard['athlete']['phone']) : null;
                if ($selectedWhatsappNumber && str_starts_with($selectedWhatsappNumber, '00')) {
                    $selectedWhatsappNumber = substr($selectedWhatsappNumber, 2);
                }
            @endphp
            <section class="athlete-summary card-francoach" aria-labelledby="athlete-summary-title">
                <div class="athlete-summary__avatar">
                    @if ($dashboard['athlete']['avatar'])
                        <img src="{{ asset('storage/'.$dashboard['athlete']['avatar']) }}"
                             alt="Foto profilo di {{ $dashboard['athlete']['name'] }}">
                    @else
                        <span class="avatar-fallback">{{ francoach_initials($dashboard['athlete']['name']) }}</span>
                    @endif
                </div>
                <div class="athlete-summary__copy">
                    <span class="badge rounded-pill text-bg-primary">Atleta seguito</span>
                    <h2 id="athlete-summary-title" data-bs-toggle="tooltip" title="{{ $dashboard['athlete']['email'] }}">{{ $dashboard['athlete']['name'] }}</h2>
                    <div class="d-flex flex-wrap gap-2 mt-3" aria-label="Azioni rapide atleta">
                        <a href="mailto:{{ $dashboard['athlete']['email'] }}" class="btn btn-sm btn-outline-primary"><i class="bi bi-envelope" aria-hidden="true"></i> Email</a>
                        @if ($selectedPhoneLink)
                            <a href="https://wa.me/{{ $selectedWhatsappNumber }}" 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:{{ $selectedPhoneLink }}" class="btn btn-sm btn-outline-secondary"><i class="bi bi-telephone" aria-hidden="true"></i> Chiama</a>
                        @endif
                        <a href="{{ route('coach.athlete.show') }}" class="btn btn-sm btn-outline-primary"><i class="bi bi-person-vcard" aria-hidden="true"></i> Profilo</a>
                    </div>
                </div>
                <dl class="athlete-summary__meta">
                    <div>
                        <dt>Età</dt>
                        <dd>{{ $dashboard['athlete']['age'] ? $dashboard['athlete']['age'].' anni' : 'Non disponibile' }}</dd>
                    </div>
                    <div>
                        <dt>Altezza</dt>
                        <dd>{{ $dashboard['athlete']['height'] ? number_format($dashboard['athlete']['height'], 0, ',', '.').' cm' : 'Non disponibile' }}</dd>
                    </div>
                    <div>
                        <dt>Seguito dal</dt>
                        <dd>{{ $dashboard['athlete']['coachingSince'] ?? 'Non disponibile' }}</dd>
                    </div>
                </dl>
            </section>

            <div class="row g-3">
                <div class="col-6 col-xl-3">
                    <x-dashboard-stat
                        label="Completati questa settimana"
                        :value="$dashboard['weekly']['completed']"
                        icon="bi-check2-circle"
                        tone="success"
                        :href="route('coach.journal.index')" />
                </div>
                <div class="col-6 col-xl-3">
                    <x-dashboard-stat
                        label="Allenamenti saltati"
                        :value="$dashboard['weekly']['missed']"
                        icon="bi-x-circle"
                        tone="danger"
                        :href="route('coach.assignments.index')" />
                </div>
                <div class="col-6 col-xl-3">
                    <x-dashboard-stat
                        label="Aderenza"
                        :value="is_null($dashboard['weekly']['adherence']) ? '—' : $dashboard['weekly']['adherence'].'%'"
                        icon="bi-bullseye"
                        tone="primary"
                        :href="route('coach.journal.index')"
                        :detail="is_null($dashboard['weekly']['adherence']) ? 'Dati insufficienti' : null" />
                </div>
                <div class="col-6 col-xl-3">
                    <x-dashboard-stat
                        label="Notifiche non lette"
                        :value="$dashboard['notifications']['unreadCount']"
                        icon="bi-bell"
                        tone="warning"
                        :href="route('notifications.index')" />
                </div>
            </div>

            <div class="row g-3">
                <div class="col-12 col-xl-8">
                    <div class="row g-3 h-100">
                        <div class="col-12 col-md-6">
                            <section class="feature-card feature-card--dark h-100" aria-labelledby="today-workout-title">
                                <span class="feature-card__eyebrow">Allenamento previsto oggi</span>
                                @if ($dashboard['todayWorkout'])
                                    <h2 id="today-workout-title">{{ $dashboard['todayWorkout']['name'] }}</h2>
                                    <p>{{ $dashboard['todayWorkout']['date'] }}</p>
                                    <span class="badge rounded-pill text-bg-light">{{ $dashboard['todayWorkout']['status'] }}</span>
                                @else
                                    <h2 id="today-workout-title">Nessun allenamento</h2>
                                    <p>Oggi non risultano sessioni pianificate.</p>
                                @endif
                                <a href="{{ route('coach.assignments.index') }}" class="feature-card__link">Apri allenamenti <i class="bi bi-arrow-right" aria-hidden="true"></i></a>
                            </section>
                        </div>
                        <div class="col-12 col-md-6">
                            <section class="feature-card h-100" aria-labelledby="active-plan-title">
                                <span class="feature-card__icon"><i class="bi bi-journal-check" aria-hidden="true"></i></span>
                                <span class="feature-card__eyebrow">Scheda attiva</span>
                                @if ($dashboard['activePlan'])
                                    <h2 id="active-plan-title">{{ $dashboard['activePlan']['name'] }}</h2>
                                    <p>Versione {{ $dashboard['activePlan']['version'] }} · dal {{ $dashboard['activePlan']['startDate'] }}</p>
                                @else
                                    <h2 id="active-plan-title">Nessuna scheda assegnata</h2>
                                    <p>Non è presente un piano attivo.</p>
                                @endif
                                <a href="{{ route('coach.assignments.index') }}" class="feature-card__link">Apri schede assegnate <i class="bi bi-arrow-right" aria-hidden="true"></i></a>
                            </section>
                        </div>
                        <div class="col-12 col-md-5">
                            <section class="dashboard-card card-francoach h-100" aria-labelledby="adherence-chart-title">
                                <div class="dashboard-card__header">
                                    <div>
                                        <span class="dashboard-card__eyebrow">Settimana corrente</span>
                                        <h2 id="adherence-chart-title">Aderenza allenamenti</h2>
                                    </div>
                                    <a href="{{ route('coach.journal.index') }}" class="dashboard-card__section-link" aria-label="Apri diario allenamenti"><i class="bi bi-arrow-right" aria-hidden="true"></i></a>
                                </div>
                                @if ($dashboard['weekly']['total'])
                                    <div class="chart-wrap chart-wrap--doughnut">
                                        <canvas
                                            data-dashboard-chart
                                            data-chart-type="doughnut"
                                            data-chart-labels='@json($dashboard['weekly']['chart']['labels'])'
                                            data-chart-values='@json($dashboard['weekly']['chart']['values'])'
                                            aria-label="Grafico aderenza degli allenamenti settimanali"
                                            role="img"></canvas>
                                    </div>
                                @else
                                    <x-empty-state icon="bi-pie-chart" title="Nessun allenamento in settimana" />
                                @endif
                            </section>
                        </div>
                        <div class="col-12 col-md-7">
                            <section class="dashboard-card card-francoach h-100" aria-labelledby="weight-chart-title">
                                <div class="dashboard-card__header">
                                    <div>
                                        <span class="dashboard-card__eyebrow">Misurazioni</span>
                                        <h2 id="weight-chart-title">Andamento peso</h2>
                                    </div>
                                    @if (! is_null($dashboard['weight']['latest']))
                                        <strong class="dashboard-card__metric">{{ number_format($dashboard['weight']['latest'], 1, ',', '.') }} {{ $dashboard['weight']['unit'] }}</strong>
                                    @endif
                                    <a href="{{ route('coach.progress.index') }}" class="dashboard-card__section-link" aria-label="Apri progressi"><i class="bi bi-arrow-right" aria-hidden="true"></i></a>
                                </div>
                                @if (count($dashboard['weight']['trend']) > 1)
                                    <div class="chart-wrap">
                                        <canvas
                                            data-dashboard-chart
                                            data-chart-type="line"
                                            data-chart-labels='@json(array_column($dashboard['weight']['trend'], 'label'))'
                                            data-chart-values='@json(array_column($dashboard['weight']['trend'], 'value'))'
                                            aria-label="Grafico andamento del peso"
                                            role="img"></canvas>
                                    </div>
                                @else
                                    <x-empty-state icon="bi-graph-up" title="Storico peso non disponibile" message="Servono almeno due misurazioni per mostrare il grafico." />
                                @endif
                            </section>
                        </div>
                    </div>
                </div>

                <div class="col-12 col-xl-4">
                    <section class="dashboard-card card-francoach mb-3" aria-labelledby="weight-summary-title">
                        <div class="dashboard-card__header">
                            <div>
                                <span class="dashboard-card__eyebrow">Corpo</span>
                                <h2 id="weight-summary-title">Ultimo peso</h2>
                            </div>
                            <a href="{{ route('coach.progress.index') }}" class="dashboard-card__section-link" aria-label="Apri misurazioni"><i class="bi bi-arrow-right" aria-hidden="true"></i></a>
                        </div>
                        @if (! is_null($dashboard['weight']['latest']))
                            <div class="weight-summary">
                                <strong>{{ number_format($dashboard['weight']['latest'], 1, ',', '.') }} <small>{{ $dashboard['weight']['unit'] }}</small></strong>
                                @if (! is_null($dashboard['weight']['variation']))
                                    <span class="trend-badge {{ $dashboard['weight']['variation'] <= 0 ? 'trend-badge--positive' : 'trend-badge--negative' }}">
                                        {{ $dashboard['weight']['variation'] > 0 ? '+' : '' }}{{ number_format($dashboard['weight']['variation'], 1, ',', '.') }} {{ $dashboard['weight']['unit'] }}
                                    </span>
                                @endif
                            </div>
                            <p class="small text-secondary mb-0">Registrato il {{ $dashboard['weight']['date'] }}</p>
                        @else
                            <x-empty-state icon="bi-speedometer" title="Peso non registrato" />
                        @endif
                    </section>

                    <section class="dashboard-card card-francoach mb-3" aria-labelledby="last-workout-title">
                        <div class="dashboard-card__header">
                            <div>
                                <span class="dashboard-card__eyebrow">Diario</span>
                                <h2 id="last-workout-title">Ultimo allenamento</h2>
                            </div>
                            <a href="{{ route('coach.journal.index') }}" class="dashboard-card__section-link" aria-label="Apri diario allenamenti"><i class="bi bi-arrow-right" aria-hidden="true"></i></a>
                        </div>
                        @if ($dashboard['lastWorkout'])
                            <div class="workout-result">
                                <span class="workout-result__icon"><i class="bi bi-trophy" aria-hidden="true"></i></span>
                                <div>
                                    <strong>{{ $dashboard['lastWorkout']['name'] }}</strong>
                                    <span>{{ $dashboard['lastWorkout']['date'] }}</span>
                                    <small>
                                        {{ $dashboard['lastWorkout']['exercises'] }} esercizi
                                        @if ($dashboard['lastWorkout']['duration'])
                                            · {{ $dashboard['lastWorkout']['duration'] }} min
                                        @endif
                                    </small>
                                </div>
                            </div>
                        @else
                            <x-empty-state icon="bi-calendar-x" title="Nessun allenamento completato" />
                        @endif
                    </section>

                    <section class="dashboard-card card-francoach" aria-labelledby="quick-actions-title">
                        <div class="dashboard-card__header">
                            <h2 id="quick-actions-title">Azioni rapide</h2>
                            <a href="{{ route('coach.athlete.show') }}" class="dashboard-card__section-link" aria-label="Apri profilo atleta"><i class="bi bi-arrow-right" aria-hidden="true"></i></a>
                        </div>
                        <x-quick-actions :actions="$dashboard['quickActions']" />
                    </section>
                </div>
            </div>

            <div class="row g-3">
                <div class="col-12 col-xl-7">
                    <section class="dashboard-card card-francoach h-100" aria-labelledby="recent-activity-title">
                        <div class="dashboard-card__header">
                            <div>
                                <span class="dashboard-card__eyebrow">Aggiornamenti</span>
                                <h2 id="recent-activity-title">Attività recente</h2>
                            </div>
                            <a href="{{ route('coach.reports.index') }}" class="dashboard-card__section-link" aria-label="Apri report"><i class="bi bi-arrow-right" aria-hidden="true"></i></a>
                        </div>
                        @if ($dashboard['activity'])
                            <div class="table-responsive">
                                <table class="table activity-table align-middle mb-0">
                                    <caption class="visually-hidden">Ultime attività dell’atleta selezionato</caption>
                                    <thead>
                                        <tr>
                                            <th scope="col">Tipo</th>
                                            <th scope="col">Dettaglio</th>
                                            <th scope="col">Quando</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($dashboard['activity'] as $activity)
                                            <tr>
                                                <td><span class="activity-type"><i class="bi {{ $activity['icon'] }}" aria-hidden="true"></i>{{ $activity['type'] }}</span></td>
                                                <td>{{ $activity['description'] }}</td>
                                                <td class="text-nowrap text-secondary">{{ $activity['date'] }}</td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        @else
                            <x-empty-state icon="bi-clock-history" title="Nessuna attività recente" />
                        @endif
                    </section>
                </div>

                <div class="col-12 col-md-6 col-xl-2">
                    <section class="dashboard-card card-francoach h-100" aria-labelledby="messages-title">
                        <div class="dashboard-card__header">
                            <h2 id="messages-title">Ultimi messaggi</h2>
                            <a href="{{ route('coach.reports.index') }}" class="dashboard-card__section-link" aria-label="Apri report messaggi"><i class="bi bi-arrow-right" aria-hidden="true"></i></a>
                        </div>
                        @forelse ($dashboard['messages'] as $message)
                            <article class="message-preview">
                                <strong>{{ $message['sender'] }}</strong>
                                <p>{{ \Illuminate\Support\Str::limit($message['body'], 58) }}</p>
                                <small>{{ $message['date'] }}</small>
                            </article>
                        @empty
                            <x-empty-state icon="bi-chat-square-text" title="Nessun messaggio" />
                        @endforelse
                    </section>
                </div>

                <div class="col-12 col-md-6 col-xl-3">
                    <section class="dashboard-card card-francoach h-100" aria-labelledby="notifications-title">
                        <div class="dashboard-card__header">
                            <h2 id="notifications-title">Notifiche</h2>
                            @if ($dashboard['notifications']['unreadCount'])
                                <span class="badge rounded-pill text-bg-primary">{{ $dashboard['notifications']['unreadCount'] }} non lette</span>
                            @endif
                            <a href="{{ route('notifications.index') }}" class="dashboard-card__section-link" aria-label="Apri notifiche"><i class="bi bi-arrow-right" aria-hidden="true"></i></a>
                        </div>
                        @forelse ($dashboard['notifications']['items'] as $notification)
                            <article class="notification-preview {{ $notification['isUnread'] ? 'is-unread' : '' }}">
                                <strong>{{ $notification['title'] }}</strong>
                                @if ($notification['body'])
                                    <p>{{ \Illuminate\Support\Str::limit($notification['body'], 72) }}</p>
                                @endif
                                <small>{{ $notification['date'] }}</small>
                            </article>
                        @empty
                            <x-empty-state icon="bi-bell-slash" title="Nessuna notifica" />
                        @endforelse
                    </section>
                </div>
            </div>
        @endif
    </div>
@endsection