@extends('layouts.app')

@section('title', $plan->title.' · FranCoach')

@section('content')
<x-breadcrumbs :items="[
    ['label' => 'Nutrizione', 'url' => route('coach.nutrition.dashboard')],
    ['label' => 'Piani', 'url' => route('coach.nutrition.plans.index')],
    ['label' => $plan->title],
]" />

<div class="d-flex flex-wrap justify-content-between align-items-start gap-3 mb-4">
    <div>
        <div class="d-flex flex-wrap align-items-center gap-2">
            <h1 class="h2 mb-0">{{ $plan->title }}</h1>
            <x-nutrition.status-badge :status="$plan->status" />
        </div>
        <p class="text-body-secondary mb-0 mt-2">
            Versione {{ $plan->version }}
            · {{ $plan->start_date->format('d/m/Y') }} – {{ $plan->end_date->format('d/m/Y') }}
            · {{ $plan->duration_days }} giorni
        </p>
    </div>
    <div class="d-flex flex-wrap gap-2">
        <a class="btn btn-outline-secondary" href="{{ route('coach.nutrition.plans.preview', $plan) }}">Anteprima atleta</a>
        <a class="btn btn-outline-primary" href="{{ route('coach.nutrition.plans.edit', $plan) }}"><i class="bi bi-pencil" aria-hidden="true"></i> Modifica dati</a>
        <a class="btn btn-primary" href="{{ route('coach.nutrition.plans.editor', $plan) }}"><i class="bi bi-list-check" aria-hidden="true"></i> Modifica giornate e pasti</a>
    </div>
</div>

<div class="row g-3 mb-4">
    <div class="col-6 col-xl-3"><x-dashboard-stat label="Giornate" :value="$summary['days']" icon="bi-calendar-week" /></div>
    <div class="col-6 col-xl-3"><x-dashboard-stat label="Pasti" :value="$summary['meals']" icon="bi-cup-hot" /></div>
    <div class="col-6 col-xl-3"><x-dashboard-stat label="Pietanze" :value="$summary['items']" icon="bi-basket" /></div>
    <div class="col-6 col-xl-3"><x-dashboard-stat label="Assegnazioni" :value="$plan->assignments->count()" icon="bi-people" /></div>
</div>

<div class="row g-3 mb-4">
    <div class="col-12 col-xl-7">
        <section class="card border-0 shadow-sm h-100">
            <div class="card-body">
                <h2 class="h5 mb-3">Riepilogo del piano</h2>
                <dl class="row mb-0">
                    <dt class="col-sm-4">Obiettivo</dt><dd class="col-sm-8">{{ $plan->objective ?: '—' }}</dd>
                    <dt class="col-sm-4">Descrizione</dt><dd class="col-sm-8 text-preline">{{ $plan->description ?: '—' }}</dd>
                    <dt class="col-sm-4">Note generali</dt><dd class="col-sm-8 text-preline">{{ $plan->general_notes ?: '—' }}</dd>
                    <dt class="col-sm-4">Note per l’atleta</dt><dd class="col-sm-8 text-preline">{{ $plan->athlete_notes ?: '—' }}</dd>
                    <dt class="col-sm-4">Ultimo aggiornamento</dt><dd class="col-sm-8">{{ francoach_format_datetime($plan->updated_at) }}</dd>
                </dl>
            </div>
        </section>
    </div>
    <div class="col-12 col-xl-5">
        <section class="card border-0 shadow-sm h-100 nutrition-macro-card">
            <div class="card-body">
                <h2 class="h5 mb-3">Media giornaliera</h2>
                @if($summary['days'])
                    <x-nutrition.macro-summary
                        :calories="$summary['calories']"
                        :protein="$summary['protein']"
                        :carbohydrates="$summary['carbohydrates']"
                        :fat="$summary['fat']" />
                    <div class="mt-3">
                        <x-nutrition.macro-chart
                            :protein="$summary['protein']"
                            :carbohydrates="$summary['carbohydrates']"
                            :fat="$summary['fat']"
                            label="Distribuzione media dei macronutrienti del piano" />
                    </div>
                @else
                    <x-empty-state icon="bi-pie-chart" title="Nessuna giornata configurata" />
                @endif
            </div>
        </section>
    </div>
</div>

<section class="mb-4" aria-labelledby="plan-days-title">
    <div class="d-flex flex-wrap justify-content-between align-items-center gap-2 mb-3">
        <div>
            <span class="dashboard-card__eyebrow">Piano completo</span>
            <h2 id="plan-days-title" class="h4 mb-0">Riepilogo giorno per giorno</h2>
        </div>
        <a class="btn btn-sm btn-outline-primary" href="{{ route('coach.nutrition.plans.editor', $plan) }}">Modifica contenuti</a>
    </div>

    @if($plan->days->isEmpty())
        <x-empty-state icon="bi-calendar-x" title="Nessuna giornata" message="Apri l’editor per aggiungere la prima giornata alimentare." />
    @else
        <div class="accordion nutrition-plan-summary" id="nutrition-plan-days">
            @foreach($plan->days as $day)
                <section class="accordion-item card border-0 shadow-sm mb-3 overflow-hidden">
                    <h3 class="accordion-header">
                        <button class="accordion-button {{ $loop->first ? '' : 'collapsed' }}"
                                type="button"
                                data-bs-toggle="collapse"
                                data-bs-target="#plan-day-summary-{{ $day->id }}"
                                aria-expanded="{{ $loop->first ? 'true' : 'false' }}"
                                aria-controls="plan-day-summary-{{ $day->id }}">
                            <span class="d-flex flex-wrap align-items-center gap-2 w-100 pe-3">
                                <strong>Giorno {{ $day->day_number }} · {{ $day->title }}</strong>
                                <span class="small text-body-secondary">{{ number_format((float) $day->total_calories, 0, ',', '.') }} kcal</span>
                                <span class="small text-body-secondary">{{ $day->meals->count() }} {{ $day->meals->count() === 1 ? 'pasto' : 'pasti' }}</span>
                            </span>
                        </button>
                    </h3>
                    <div id="plan-day-summary-{{ $day->id }}"
                         class="accordion-collapse collapse {{ $loop->first ? 'show' : '' }}"
                         data-bs-parent="#nutrition-plan-days">
                        <div class="accordion-body">
                            @if($day->description)<p>{{ $day->description }}</p>@endif
                            <div class="row g-3 align-items-center mb-4">
                                <div class="col-12 col-lg-8">
                                    <x-nutrition.macro-summary
                                        :calories="$day->total_calories"
                                        :protein="$day->protein_grams"
                                        :carbohydrates="$day->carbohydrate_grams"
                                        :fat="$day->fat_grams"
                                        :warning="$day->macroCalculation?->has_warning" />
                                    @if($day->fiber_grams || $day->water_liters)
                                        <p class="small text-body-secondary mt-2 mb-0">
                                                @if($day->fiber_grams)
                                                    Fibre {{ number_format((float) $day->fiber_grams, 1, ',', '.') }} g
                                                @endif
                                                @if($day->fiber_grams && $day->water_liters)
                                                    ·
                                                @endif
                                                @if($day->water_liters)
                                                    Acqua {{ number_format((float) $day->water_liters, 1, ',', '.') }} l
                                                @endif
                                        </p>
                                    @endif
                                </div>
                                <div class="col-12 col-lg-4">
                                    <x-nutrition.macro-chart
                                        :protein="$day->protein_grams"
                                        :carbohydrates="$day->carbohydrate_grams"
                                        :fat="$day->fat_grams"
                                        :label="'Macronutrienti del giorno '.$day->day_number" />
                                </div>
                            </div>

                            @forelse($day->meals as $meal)
                                <x-nutrition.meal-section :meal="$meal" />
                            @empty
                                <p class="text-body-secondary mb-0">Nessun pasto configurato per questa giornata.</p>
                            @endforelse

                            @if($day->notes)
                                <div class="alert alert-info mt-3 mb-0"><strong>Note della giornata:</strong> {{ $day->notes }}</div>
                            @endif
                        </div>
                    </div>
                </section>
            @endforeach
        </div>
    @endif
</section>

<section class="card border-0 shadow-sm mb-4" aria-labelledby="plan-assignments-title">
    <div class="card-header d-flex flex-wrap justify-content-between align-items-center gap-2">
        <h2 id="plan-assignments-title" class="h5 mb-0">Atleti assegnati</h2>
        <a class="btn btn-sm btn-outline-primary" href="{{ route('coach.nutrition.assignments.index') }}">Gestisci assegnazioni</a>
    </div>
    <div class="card-body">
        @if($plan->assignments->isEmpty())
            <p class="text-body-secondary mb-0">Il piano non è ancora assegnato.</p>
        @else
            <div class="table-responsive">
                <table class="table align-middle mb-0">
                    <thead><tr><th>Atleta</th><th>Periodo</th><th>Stato</th><th>Corrente</th></tr></thead>
                    <tbody>
                        @foreach($plan->assignments->sortByDesc('assigned_at') as $assignment)
                            <tr>
                                <td>{{ $assignment->athlete?->displayName() ?? 'Atleta non disponibile' }}</td>
                                <td>{{ francoach_format_date($assignment->start_date) }} – {{ francoach_format_date($assignment->end_date) }}</td>
                                <td><x-nutrition.status-badge :status="$assignment->status" /></td>
                                <td>{{ $assignment->is_current ? 'Sì' : 'No' }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @endif
    </div>
</section>

<div class="d-flex flex-wrap gap-2">
    @if($plan->status === \App\Enums\NutritionPlanStatus::Draft)
        <form method="POST" action="{{ route('coach.nutrition.plans.publish', $plan) }}">
            @csrf
            @method('PATCH')
            <button class="btn btn-success">Pubblica</button>
        </form>
    @endif
    @foreach([[\App\Enums\NutritionPlanStatus::Suspended, 'Sospendi'], [\App\Enums\NutritionPlanStatus::Archived, 'Archivia']] as [$status, $label])
        <form method="POST" action="{{ route('coach.nutrition.plans.status', $plan) }}" data-confirm="{{ $label }} questo piano?">
            @csrf
            @method('PATCH')
            <input type="hidden" name="status" value="{{ $status->value }}">
            <button class="btn btn-outline-secondary">{{ $label }}</button>
        </form>
    @endforeach
    <form method="POST" action="{{ route('coach.nutrition.plans.duplicate', $plan) }}">
        @csrf
        <button class="btn btn-outline-primary">Duplica</button>
    </form>
</div>
@endsection