{{-- Día 0 — la propuesta del afinador (copy: docs/Afinador_Correos.md §1).
     Sin exclamaciones y sin «¡Hola!»: el tono es el de alguien que sabe de esto
     y te lo cuenta. Sin cálculos intermedios: cantidades, fechas y un trueque. --}}
@php
    $p = $propuesta;
    $r = $p->resultado;
    $volumen = $p->entrada['volumen'] ?? '';
    $preset  = $p->entrada['preset'] ?? '';
    $temp    = $p->entrada['temp'] ?? '';
    $azucar  = collect($r['cantidades'])->firstWhere('rol', 'sustrato');
    $te      = collect($r['cantidades'])->firstWhere('rol', 'medio');
    $arranque= collect($r['cantidades'])->firstWhere('rol', 'arranque');
    $sabor   = collect($r['cantidades'])->firstWhere('rol', 'saborizante');
    $puente  = route('afinador.puente', $p->token);
@endphp
@component('emails.layout', [
    'subject' => 'Tu kombucha: las cantidades y las fechas',
    'preview' => ($azucar['cantidad'] ?? '') . ' g de azúcar, ' . ($te['cantidad'] ?? '') . ' g de té, y un día de corte.',
])

    <p style="margin:0 0 16px;">Hola{{ $p->nombre ? ' ' . $p->nombre : '' }}:</p>

    <p style="margin:0 0 20px;">Aquí tienes la propuesta que acabas de calcular, para que no se te pierda.</p>

    <h2 style="margin:0 0 10px;font-family:'Comfortaa','Segoe UI',sans-serif;font-size:17px;color:#1B241D;">
        Para {{ $volumen }} litros, {{ $preset }}
    </h2>

    <ul style="margin:0 0 20px;padding-left:18px;color:#2F3A31;">
        @if($azucar)<li>Azúcar: <strong>{{ $azucar['cantidad'] }} {{ $azucar['unidad'] }}</strong> ({{ $azucar['nombre'] }})</li>@endif
        @if($te)<li>Té: <strong>{{ $te['cantidad'] }} {{ $te['unidad'] }}</strong> ({{ $te['nombre'] }})</li>@endif
        @if($arranque)<li>Arranque: <strong>{{ $arranque['cantidad'] }} {{ $arranque['unidad'] }}</strong></li>@endif
        @if($sabor)<li>{{ $sabor['nombre'] }}: <strong>{{ $sabor['cantidad'] }} {{ $sabor['unidad'] }}</strong>, en el cierre</li>@endif
    </ul>

    <h2 style="margin:0 0 10px;font-family:'Comfortaa','Segoe UI',sans-serif;font-size:17px;color:#1B241D;">Las fechas</h2>

    <p style="margin:0 0 16px;">
        Si la pones hoy, entra en ventana el <strong>{{ $r['ventana']['fechas'][0] ?? '' }}</strong> y deberías
        cortarla antes del <strong>{{ $r['ventana']['fechas'][1] ?? '' }}</strong>.
        @if(!empty($r['cierre']))Después, la segunda fermentación en botella cerrada.@endif
    </p>

    @if(!empty($r['trueques'][0]))
        <h2 style="margin:0 0 10px;font-family:'Comfortaa','Segoe UI',sans-serif;font-size:17px;color:#1B241D;">Una cosa que decidí por ti</h2>
        <p style="margin:0 0 20px;color:#2F3A31;">{{ $r['trueques'][0] }}</p>
    @endif

    <p style="margin:0 0 16px;color:#56625A;">
        Un aviso honesto: esas fechas salen de suponer {{ $temp }} °C constantes. Tu cocina no es constante —
        sube por la tarde, baja de noche, y en dos semanas no será la misma. La ventana real se mueve con eso.
    </p>

    <p style="margin:0 0 24px;color:#56625A;">
        Eso es justo lo que hace Fermenty: vas registrando la temperatura y lo que catas, y la ventana
        se ajusta contigo en vez de quedarse fija.
    </p>

    <p style="margin:0 0 20px;">
        <a href="{{ $puente }}"
           style="display:inline-block;padding:13px 26px;background:#4B7A50;color:#FCFBF7;text-decoration:none;border-radius:999px;font-weight:700;font-size:15px;">
            Empezar esta tanda en Fermenty
        </a>
    </p>

    <p style="margin:0 0 20px;color:#56625A;font-size:14px;">La propuesta ya va cargada. Solo tienes que pulsar empezar.</p>

    <p style="margin:0 0 24px;color:#56625A;font-size:14px;">Si te atascas o algo no te cuadra, respóndeme a este correo.</p>

    <p style="margin:0;color:#2F3A31;font-size:14px;">— Manu, Fermenty</p>

@endcomponent