@php
    $visita = $this->visitaNutrizionale;
    $cliente = $visita?->cliente;
    $riepilogo = $this->riepilogoPianoPerGiorno;
    $macroSelezionato = $this->riepilogoMacroGiornalieroSelezionato;
    $datiGiorno = $riepilogo[$giornoSelezionato] ?? null;

    $giorniShort = [
        'Lunedi' => ['short' => 'Lun', 'num' => ''],
        'Martedi' => ['short' => 'Mar', 'num' => ''],
        'Mercoledi' => ['short' => 'Mer', 'num' => ''],
        'Giovedi' => ['short' => 'Gio', 'num' => ''],
        'Venerdi' => ['short' => 'Ven', 'num' => ''],
        'Sabato' => ['short' => 'Sab', 'num' => ''],
        'Domenica' => ['short' => 'Dom', 'num' => ''],
    ];
@endphp

<div class="nutritionpro-report">
    @if(!$this->canManualiDieta())
        <div class="alert alert-info mb-0">
            Il resoconto del piano nutrizionale è disponibile solo per i profili abilitati al modulo diete manuali.
        </div>
    @elseif(!$this->pianoManualeVisita)
        <div class="alert alert-warning mb-0">
            Nessun piano nutrizionale settimanale trovato per questa visita.
            Completa lo <strong>step 4 - Pasti</strong> per poter visualizzare il resoconto.
        </div>
    @else
        <div class="nutritionpro-layout">
            {{-- Colonna principale: intestazione giorno + pasti --}}
            <div class="nutritionpro-main">
                <div class="nutritionpro-header">
                    <div class="nutritionpro-brand">
                        <div class="nutritionpro-brand-icon">
                            <i class="fas fa-apple-alt"></i>
                        </div>
                        <div>
                            @if($cliente)
                                <h4 class="nutritionpro-brand-title">{{ $cliente->Nome }}</h4>
                            @endif
                        </div>
                    </div>
                    <div class="nutritionpro-days">
                        @foreach(\App\Services\PianoSettimanaleNutrizionaleService::GIORNI_SETTIMANA as $giorno)
                            @php
                                $cfg = $giorniShort[$giorno] ?? ['short' => strtoupper(substr($giorno,0,3)), 'num' => ''];
                                $attivo = $giornoSelezionato === $giorno;
                            @endphp
                            <button type="button"
                                    class="nutritionpro-day-btn {{ $attivo ? 'nutritionpro-day-btn--active' : '' }}"
                                    wire:click="selezionaGiorno('{{ $giorno }}')">
                                <span class="nutritionpro-day-short">{{ $cfg['short'] }}</span>
                                @if($cfg['num'] !== '')
                                    <span class="nutritionpro-day-num">{{ $cfg['num'] }}</span>
                                @endif
                            </button>
                        @endforeach
                    </div>
                </div>

                <div class="nutritionpro-title-row">
                    <div class="d-flex justify-content-between align-items-center w-100">
                        <div>
                            <h5 class="nutritionpro-section-title mb-0">
                                Pasti di {{ $giornoSelezionato }}
                            </h5>
                            <span class="nutritionpro-planned-kcal">
                                {{ $macroSelezionato['energia_kcal'] }} kcal totali
                            </span>
                        </div>
                        @if($visita?->id)
                            <div class="d-flex gap-2">
                                <a href="{{ route('visita-nutrizionale.piano.pdf', ['visitaNutrizionale' => $visita->id]) }}"
                                   target="_blank"
                                   class="btn btn-sm btn-outline-secondary">
                                    <i class="fas fa-file-pdf me-1"></i>
                                    Anteprima PDF piano
                                </a>
                                <a href="{{ route('visita-nutrizionale.piano.report-sintetico', ['visitaNutrizionale' => $visita->id]) }}"
                                   target="_blank"
                                   class="btn btn-sm btn-outline-secondary">
                                    <i class="fas fa-file-alt me-1"></i>
                                    Report sintetico
                                </a>
                            </div>
                        @endif
                    </div>
                </div>

                @if($datiGiorno)
                    @php
                        // Icone pasti in stile Font Awesome, coerenti con il resto del wizard
                        $iconePasti = [
                            'Colazione' => 'fa-coffee',
                            'spuntino_mattutino' => 'fa-cookie-bite',
                            'pranzo' => 'fa-utensils',
                            'spuntino_pomeridiano' => 'fa-apple-alt',
                            'cena' => 'fa-drumstick-bite',
                        ];
                    @endphp

                    @foreach($datiGiorno['pasti'] as $pastoKey => $pasto)
                        @php
                            $totPasto = $pasto['totali_pasto'] ?? ['energia_kcal' => 0, 'proteine_g' => 0];
                            $calories = (int) round($totPasto['energia_kcal'] ?? 0);
                            $proteine = (float) ($totPasto['proteine_g'] ?? 0);
                            $carboidrati = (float) ($totPasto['carboidrati_g'] ?? 0);
                            $grassi = (float) ($totPasto['lipidi_g'] ?? 0);
                            $urlIconaPasto = asset($pastoKey . '.png');
                        @endphp
                        <div class="nutritionpro-meal-card">
                            <div class="nutritionpro-meal-label" style="background-image: url('{{ $urlIconaPasto }}');">

                            </div>
                            <div class="nutritionpro-meal-content">
                                <div class="nutritionpro-meal-main">
                                    <div class="nutritionpro-meal-header">
                                        <span class="nutritionpro-meal-icon">
                                            <i class="fas {{ $iconePasti[$pastoKey] ?? 'fa-utensils' }}"></i>
                                        </span>
                                        <div>
                                            <h6 class="nutritionpro-meal-title">{{ $pasto['label'] }}</h6>
                                            @php
                                                $alimentiPasto = $pasto['alimenti'] ?? [];
                                            @endphp
                                            @if(!empty($alimentiPasto))
                                                <div class="nutritionpro-meal-subtitle">
                                                    @foreach($alimentiPasto as $alimento)
                                                        <div>
                                                            {{ $alimento['nome'] ?? 'Alimento' }}
                                                            ({{ (int) ($alimento['quantita_g'] ?? 0) }}g)
                                                        </div>
                                                    @endforeach
                                                </div>
                                            @else
                                                <div class="nutritionpro-meal-subtitle">
                                                    Nessun alimento inserito per questo pasto.
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="nutritionpro-meal-footer">
                                        <div class="nutritionpro-meal-macros">
                                            <div class="nutritionpro-meal-macro">
                                                <span class="nutritionpro-macro-label">Calorie</span>
                                                <span class="nutritionpro-macro-value">{{ $calories }} kcal</span>
                                            </div>
                                            <div class="nutritionpro-meal-macro">
                                                <span class="nutritionpro-macro-label">Proteine</span>
                                                <span class="nutritionpro-macro-value">{{ number_format($proteine, 0, ',', '.') }}g</span>
                                            </div>
                                            <div class="nutritionpro-meal-macro">
                                                <span class="nutritionpro-macro-label">Carboidrati</span>
                                                <span class="nutritionpro-macro-value">{{ number_format($carboidrati, 0, ',', '.') }}g</span>
                                            </div>
                                            <div class="nutritionpro-meal-macro">
                                                <span class="nutritionpro-macro-label">Grassi</span>
                                                <span class="nutritionpro-macro-value">{{ number_format($grassi, 0, ',', '.') }}g</span>
                                            </div>
                                        </div>
                                        <button type="button" class="nutritionpro-chevron-btn" disabled>
                                            <i class="fas fa-chevron-right"></i>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endforeach
                @endif
            </div>

            {{-- Colonna laterale: Daily Summary + Hydration (layout ispirato al design) --}}
            <aside class="nutritionpro-aside">
                <div class="nutritionpro-summary card">
                    <div class="card-body">
                        <h6 class="nutritionpro-summary-title">Daily Summary</h6>

                        <div class="nutritionpro-ring-wrapper">
                            <div class="nutritionpro-ring">
                                <div class="nutritionpro-ring-inner">
                                    <span class="nutritionpro-ring-value">
                                        {{ $macroSelezionato['energia_kcal'] }}
                                    </span>
                                    <span class="nutritionpro-ring-label">kcal assunte</span>
                                </div>
                            </div>
                        </div>

                        @php
                            $macro = $macroSelezionato;
                            $protPct = $macro['proteine']['target'] > 0 ? min(100, ($macro['proteine']['attuali'] / $macro['proteine']['target']) * 100) : 0;
                            $carbPct = $macro['carboidrati']['target'] > 0 ? min(100, ($macro['carboidrati']['attuali'] / $macro['carboidrati']['target']) * 100) : 0;
                            $fatPct  = $macro['lipidi']['target'] > 0 ? min(100, ($macro['lipidi']['attuali'] / $macro['lipidi']['target']) * 100) : 0;
                        @endphp

                        <div class="nutritionpro-progress-list">
                            <div class="nutritionpro-progress-item">
                                <div class="nutritionpro-progress-header">
                                    <span>Proteine</span>
                                    <span class="nutritionpro-progress-text">
                                        {{ number_format($macro['proteine']['attuali'], 0, ',', '.') }}g /
                                        {{ number_format($macro['proteine']['target'], 0, ',', '.') }}g
                                    </span>
                                </div>
                                <div class="nutritionpro-progress-bar">
                                    <div class="nutritionpro-progress-fill nutritionpro-progress-fill--proteine"
                                         style="width: {{ $protPct }}%"></div>
                                </div>
                            </div>

                            <div class="nutritionpro-progress-item">
                                <div class="nutritionpro-progress-header">
                                    <span>Carboidrati</span>
                                    <span class="nutritionpro-progress-text">
                                        {{ number_format($macro['carboidrati']['attuali'], 0, ',', '.') }}g /
                                        {{ number_format($macro['carboidrati']['target'], 0, ',', '.') }}g
                                    </span>
                                </div>
                                <div class="nutritionpro-progress-bar">
                                    <div class="nutritionpro-progress-fill nutritionpro-progress-fill--carboidrati"
                                         style="width: {{ $carbPct }}%"></div>
                                </div>
                            </div>

                            <div class="nutritionpro-progress-item">
                                <div class="nutritionpro-progress-header">
                                    <span>Grassi</span>
                                    <span class="nutritionpro-progress-text">
                                        {{ number_format($macro['lipidi']['attuali'], 0, ',', '.') }}g /
                                        {{ number_format($macro['lipidi']['target'], 0, ',', '.') }}g
                                    </span>
                                </div>
                                <div class="nutritionpro-progress-bar">
                                    <div class="nutritionpro-progress-fill nutritionpro-progress-fill--lipidi"
                                         style="width: {{ $fatPct }}%"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="nutritionpro-hydration card">
                    <div class="card-body">
                        <div class="nutritionpro-hydration-header">
                            <i class="fas fa-tint"></i>
                            <h6>Idratazione</h6>
                        </div>
                        <p class="nutritionpro-hydration-text">
                            {{ $visita?->acqua_raccomandata ?: 'Imposta un obiettivo di idratazione nello step impostazioni piano.' }}
                        </p>
                    </div>
                </div>
            </aside>
        </div>
    @endif
</div>