@php
    $review = $batch->flavorResult;
    $rating = (int) ($review->rating ?? 0);

    // Tiny helper: a row of filled/empty marks for a 1–5 score.
    $marks = function (int $score, string $glyph, string $on, string $off) {
        $out = '';
        for ($i = 1; $i <= 5; $i++) {
            $color = $i <= $score ? $on : $off;
            $out .= '<span style="color:' . $color . ';font-size:16px;line-height:1;">' . $glyph . '</span> ';
        }
        return rtrim($out);
    };
@endphp

@component('emails.layout', ['subject' => '🎉 ' . $batch->name . ' — tu resumen', 'preview' => 'Tu fermento ha salido genial. Aquí tienes el resumen completo.'])
    <h1 style="margin:0 0 10px;font-family:'Comfortaa','Segoe UI',sans-serif;font-size:22px;color:#1B241D;">
        ¡Enhorabuena! 🎉
    </h1>
    <p style="margin:0 0 18px;">
        Tu lote <strong style="color:#2F3A31;">{{ $batch->name }}</strong>
        @if($batch->guide) de {{ $batch->guide->name }} @endif
        ha terminado con muy buena nota. Aquí tienes su resumen para que lo guardes.
    </p>

    {{-- ── Rating ─────────────────────────────────────────── --}}
    @if($rating > 0)
        <table role="presentation" cellpadding="0" cellspacing="0" width="100%" style="margin:0 0 18px;background:#F0F3CF;border-radius:12px;">
            <tr>
                <td style="padding:16px 20px;text-align:center;">
                    <div style="margin-bottom:4px;">{!! $marks($rating, '★', '#E8B33D', '#D8D2C2') !!}</div>
                    <div style="font-size:15px;font-weight:700;color:#2F3A31;">{{ $rating }}/5</div>
                    @if($review?->overall_comment)
                        <p style="margin:8px 0 0;font-size:13px;color:#56625A;">“{{ $review->overall_comment }}”</p>
                    @endif
                </td>
            </tr>
        </table>
    @endif

    {{-- ── Datos del lote ─────────────────────────────────── --}}
    <h2 style="margin:0 0 8px;font-family:'Comfortaa','Segoe UI',sans-serif;font-size:16px;color:#1B241D;">Datos</h2>
    <table role="presentation" cellpadding="0" cellspacing="0" width="100%" style="margin:0 0 20px;font-size:14px;color:#2F3A31;border-collapse:collapse;">
        @php
            $rows = array_filter([
                'Fermento'    => $batch->guide?->name,
                'Inicio'      => $batch->start_date?->format('d/m/Y'),
                'Fin'         => ($batch->actual_end_date ?? null)?->format('d/m/Y'),
                'Duración'    => $stats['days'] !== null ? $stats['days'] . ' días' : null,
                'Rendimiento' => $stats['yield'],
            ]);
        @endphp
        @foreach($rows as $label => $value)
            <tr>
                <td style="padding:7px 0;border-bottom:1px solid #EFE9DA;color:#79847B;">{{ $label }}</td>
                <td style="padding:7px 0;border-bottom:1px solid #EFE9DA;text-align:right;font-weight:600;">{{ $value }}</td>
            </tr>
        @endforeach
    </table>

    {{-- ── Estadísticas de seguimiento ────────────────────── --}}
    @if($stats['logs'] || $stats['measurements'] || $stats['ph_last'] !== null || $stats['temp_range'])
        <h2 style="margin:0 0 8px;font-family:'Comfortaa','Segoe UI',sans-serif;font-size:16px;color:#1B241D;">Seguimiento</h2>
        <table role="presentation" cellpadding="0" cellspacing="0" width="100%" style="margin:0 0 20px;font-size:14px;color:#2F3A31;border-collapse:collapse;">
            @php
                $statRows = array_filter([
                    'Registros diarios' => $stats['logs'] ?: null,
                    'Mediciones'        => $stats['measurements'] ?: null,
                    'pH final'          => $stats['ph_last'] !== null ? rtrim(rtrim(number_format($stats['ph_last'], 2, ',', '.'), '0'), ',') : null,
                    'Temperatura'       => $stats['temp_range']
                        ? number_format($stats['temp_range'][0], 0) . '–' . number_format($stats['temp_range'][1], 0) . ' °C'
                        : null,
                ], fn ($v) => $v !== null);
            @endphp
            @foreach($statRows as $label => $value)
                <tr>
                    <td style="padding:7px 0;border-bottom:1px solid #EFE9DA;color:#79847B;">{{ $label }}</td>
                    <td style="padding:7px 0;border-bottom:1px solid #EFE9DA;text-align:right;font-weight:600;">{{ $value }}</td>
                </tr>
            @endforeach
        </table>
    @endif

    {{-- ── Perfil de sabor ────────────────────────────────── --}}
    @if(!empty($flavors))
        <h2 style="margin:0 0 8px;font-family:'Comfortaa','Segoe UI',sans-serif;font-size:16px;color:#1B241D;">Perfil de sabor</h2>
        <table role="presentation" cellpadding="0" cellspacing="0" width="100%" style="margin:0 0 20px;font-size:14px;color:#2F3A31;border-collapse:collapse;">
            @foreach($flavors as $label => $score)
                <tr>
                    <td style="padding:7px 0;border-bottom:1px solid #EFE9DA;color:#79847B;">{{ $label }}</td>
                    <td style="padding:7px 0;border-bottom:1px solid #EFE9DA;text-align:right;">{!! $marks((int) $score, '●', '#4B7A50', '#D8D2C2') !!}</td>
                </tr>
            @endforeach
        </table>
    @endif

    {{-- ── Cronología ─────────────────────────────────────── --}}
    @if($timeline->isNotEmpty())
        <h2 style="margin:0 0 8px;font-family:'Comfortaa','Segoe UI',sans-serif;font-size:16px;color:#1B241D;">Cronología</h2>
        <table role="presentation" cellpadding="0" cellspacing="0" width="100%" style="margin:0 0 22px;font-size:14px;color:#2F3A31;border-collapse:collapse;">
            @foreach($timeline as $step)
                <tr>
                    <td style="padding:7px 0;border-bottom:1px solid #EFE9DA;color:#79847B;width:64px;">
                        @if($step['day'] !== null) Día {{ $step['day'] }} @endif
                    </td>
                    <td style="padding:7px 0;border-bottom:1px solid #EFE9DA;">
                        {{ $step['title'] }}
                        @if($step['state'] === 'skipped')
                            <span style="color:#9aa19a;font-size:12px;"> · saltado</span>
                        @endif
                    </td>
                </tr>
            @endforeach
        </table>
    @endif

    <a href="{{ route('batches.show', $batch->id) }}"
       style="display:inline-block;padding:12px 22px;background:#4B7A50;color:#FCFBF7;text-decoration:none;border-radius:999px;font-weight:600;font-size:14px;">
        Ver lote completo
    </a>
@endcomponent