{{-- La bitácora: lo que mediste y anotaste, por día, con lo más reciente arriba.
     Se alimenta del quick-log y se puede revisar tanto en curso como al terminar.
     Lee b.daily_logs (BatchResource); sin helpers, encaja en asistente y resumen. --}}
<template x-if="b.daily_logs && b.daily_logs.length">
    <div>
        <div class="fm-sectitle"><span>Bitácora</span></div>
        <div class="fm-stack" style="gap:8px;">
            {{-- :key por FECHA, no por day_number: dos fechas podían compartir
                 número (numeración por reloj de antes) y Alpine, con claves
                 repetidas, dejaba filas sin pintar — apuntes «desaparecidos». --}}
            <template x-for="l in b.daily_logs" :key="l.date">
                <div class="fm-card fm-stack" style="gap:9px;">
                    <div class="fm-row" style="justify-content:space-between;align-items:baseline;">
                        <span class="fm-eyebrow" x-text="'Día ' + l.day_number"></span>
                        <span class="fm-muted" style="font-size:12px;" x-text="new Date(l.date).toLocaleDateString('es-ES', { day: 'numeric', month: 'short' })"></span>
                    </div>
                    <template x-if="l.measurements.length">
                        <div class="fm-row" style="gap:6px;flex-wrap:wrap;">
                            <template x-for="(m, i) in l.measurements" :key="i">
                                <span style="display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;background:var(--paper-2);white-space:nowrap;">
                                    {{-- La HORA de cada medida o cata: en un fermento de horas es el dato
                                         (la cata de las 8:00 no es la de las 21:00). `at` viene en UTC. --}}
                                    <span class="fm-data" style="font:600 10.5px var(--font-sans);color:var(--green-700);" x-show="m.at" x-text="m.at ? new Date(m.at).toLocaleTimeString('es-ES', { hour: '2-digit', minute: '2-digit' }) : ''"></span>
                                    <span class="fm-muted" style="font:600 11.5px var(--font-sans);" x-text="m.label"></span>
                                    <span class="fm-data" style="font:700 12.5px var(--font-sans);color:var(--text-primary);" x-text="m.display"></span>
                                </span>
                            </template>
                        </div>
                    </template>
                    {{-- Las notas llegan con su hora en la propia línea («08:15 · …»,
                         DailyLog::anotar): una línea por apunte, pre-line las separa. --}}
                    <template x-if="l.notes">
                        <p style="margin:0;font:500 13px/1.55 var(--font-sans);color:var(--text-secondary);white-space:pre-line;" x-text="l.notes"></p>
                    </template>
                </div>
            </template>
        </div>
    </div>
</template>