@php
    $inj = $r['inyecciones'];
    $caras = \App\Models\EfectoSecundario::CARAS;
    $nombre = $mayor->nombreCorto();
@endphp
<x-layouts.guest :titulo="__('app.familia.resumen_titulo', ['nombre' => $nombre])">
    <p class="-mt-3 mb-6 text-slate-700">
        {{ __('app.familia.resumen_sub') }}
        @if ($ultimaActividad)
            · {{ __('app.familia.ultima_actividad', ['fecha' => \Illuminate\Support\Carbon::parse($ultimaActividad)->diffForHumans()]) }}
        @endif
    </p>

    <div class="space-y-5">
        @if ($inj['pospuestas'] > 0)
            <div class="aviso-alerta flex gap-3"><x-icono nombre="alerta" class="mt-0.5 h-5 w-5 text-amber-600" /> <span>{{ trans_choice('app.familia.pospuestas_aviso', $inj['pospuestas'], ['nombre' => $nombre, 'n' => $inj['pospuestas']]) }}</span></div>
        @endif
        @if ($r['musculo']['alerta'])
            <div class="aviso-alerta flex gap-3"><x-icono nombre="pesa" class="mt-0.5 h-5 w-5 text-amber-600" /> <span>{{ __('app.familia.alerta_musculo', ['nombre' => $nombre]) }}</span></div>
        @endif

        {{-- Inyecciones del mes --}}
        <section class="tarjeta space-y-3">
            <h2 class="flex items-center gap-3"><span class="icono-caja"><x-icono nombre="jeringa" /></span> {{ __('app.familia.inyecciones_mes') }}</h2>
            <div class="grid grid-cols-2 gap-3 text-center">
                <div class="rounded-xl bg-green-50 p-3"><span class="valor-grande block">{{ $inj['a_tiempo'] + $inj['tarde'] }}</span>{{ __('app.familia.aplicadas') }}</div>
                <div class="rounded-xl bg-yellow-50 p-3"><span class="valor-grande block">{{ $inj['pospuestas'] }}</span>{{ __('app.familia.pospuestas') }}</div>
            </div>
            <ul class="space-y-1">
                @foreach ($inj['lista'] as $i)
                    <li class="flex items-center gap-2"><x-icono :nombre="$i['estado'] === 'pospuesta' ? 'alerta' : ($i['estado'] === 'programada' ? 'reloj' : 'check-circulo')" @class(['h-5 w-5', 'text-amber-600' => $i['estado'] === 'pospuesta', 'text-slate-400' => $i['estado'] === 'programada', 'text-green-600' => ! in_array($i['estado'], ['pospuesta', 'programada'])]) />
                        {{ $i['fecha']->translatedFormat(__('app.comun.formato_fecha_corta')) }} — {{ __('app.reporte.estados.'.$i['estado']) }}</li>
                @endforeach
            </ul>
        </section>

        {{-- Peso semanal --}}
        <section class="tarjeta space-y-3">
            <h2 class="flex items-center gap-3"><span class="icono-caja"><x-icono nombre="bascula" /></span> {{ __('app.familia.peso_semanal') }}</h2>
            @if ($r['peso']['cambio'] !== null)
                <p class="text-lg">{{ __('app.familia.cambio_30', ['cambio' => sprintf('%+.1f', $r['peso']['cambio'])]) }}</p>
            @endif
            <ul class="divide-y divide-slate-100">
                @forelse ($pesos as $m)
                    <li class="flex justify-between py-2"><span>{{ $m->fecha->translatedFormat(__('app.comun.formato_fecha_corta')) }}</span><strong>{{ $m->peso_kg }} kg</strong></li>
                @empty
                    <li class="text-slate-600">—</li>
                @endforelse
            </ul>
        </section>

        {{-- Proteína --}}
        <section class="tarjeta space-y-2">
            <h2 class="flex items-center gap-3"><span class="icono-caja"><x-icono nombre="llama" /></span> {{ __('app.familia.proteina') }}</h2>
            <p class="text-lg">{{ __('app.familia.proteina_dias', ['n' => $r['proteina']['dias_con_meta'], 'total' => $r['proteina']['dias_registrados'], 'meta' => $r['proteina']['meta']]) }}</p>
            @if ($r['proteina']['promedio'] !== null)
                <p class="text-slate-700">{{ __('app.familia.proteina_promedio', ['g' => $r['proteina']['promedio']]) }}</p>
            @endif
        </section>

        {{-- Ánimo --}}
        <section class="tarjeta space-y-2">
            <h2>{{ __('app.familia.animo') }}</h2>
            @if ($ultimoAnimo)
                <p class="text-lg"><span class="text-4xl align-middle" aria-hidden="true">{{ $caras[$ultimoAnimo->estado_animo] }}</span>
                    {{ __('app.medicina.animo_'.$ultimoAnimo->estado_animo) }} · {{ $ultimoAnimo->fecha->translatedFormat(__('app.comun.formato_fecha_corta')) }}</p>
            @else
                <p class="text-slate-600">—</p>
            @endif
        </section>

        <p class="aviso-ok flex gap-3"><x-icono nombre="corazon" class="mt-0.5 h-5 w-5 text-green-600" /> <span>{{ __('app.familia.mensaje_animo', ['nombre' => $nombre]) }}</span></p>
    </div>
</x-layouts.guest>