@extends('layouts.app')

@section('title', 'Logs — ' . $batch->name)

@section('content')

<div class="mb-3">
    <a href="{{ route('batches.show', $batch) }}" class="btn-back">← {{ $batch->name }}</a>
</div>

<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        <div class="page-title">{{ __('batches.show.logs_title') }}</div>
        <p class="page-subtitle mb-0">{{ $batch->guide->name }}@if($batch->recipe) · Receta: {{ $batch->recipe->name }}@endif</p>
    </div>
    @if($batch->status === 'active')
        <a href="{{ route('batches.logs.create', $batch) }}" class="btn btn-fermenty-orange btn-sm">
            + Log de hoy
        </a>
    @endif
</div>

{{-- Receta e ingredientes, plegados: a un vistazo cuál fue la receta base y qué se
     echó (las cantidades congeladas al crear la tanda). Sobre todo en una terminada. --}}
@php
    $user       = auth()->user();
    $inicioReal = $batch->start_date ? $user->aSuHora($batch->fermentationStartedAt()) : null;
    $conHora    = $batch->start_date && $batch->fermentationStartedAt()->format('H:i:s') !== '00:00:00';
@endphp
<details class="fermenty-card mb-3" style="padding:0;">
    <summary style="list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:14px 18px;">
        <i class="fa-solid fa-scroll" style="color:var(--green-600,#4B7A50);"></i>
        <span style="flex:1;">
            <span style="display:block;font-weight:700;">Receta e ingredientes</span>
            <span class="text-muted" style="font-size:.85rem;">
                {{ $batch->recipe?->name ?? 'Sin receta base' }}
                @if($batch->target_yield_value) · {{ rtrim(rtrim(number_format((float) $batch->target_yield_value, 2, ',', '.'), '0'), ',') }} {{ $batch->target_yield_unit }}@endif
                @if($inicioReal) · inicio {{ $inicioReal->format('d/m/Y') }}@if($conHora) {{ $inicioReal->format('H:i') }}@endif @endif
            </span>
        </span>
        <i class="fa-solid fa-chevron-down" style="opacity:.5;"></i>
    </summary>
    <div style="padding:0 18px 16px;border-top:1px solid var(--border-subtle,#ece2d4);">
        @if($batch->recipe)
            <div style="margin-top:12px;">
                <div style="font:600 10px/1.2 var(--font-sans);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);">Receta base</div>
                <div style="font-weight:700;margin-top:2px;">{{ $batch->recipe->name }}@if($batch->recipe->is_official) <span class="fermenty-badge badge-paused" style="font-size:.7rem;">Clásica</span>@endif</div>
                @if($batch->recipe->description)<p class="text-muted mb-0" style="font-size:.85rem;line-height:1.5;">{{ $batch->recipe->description }}</p>@endif
            </div>
        @endif
        @forelse($ingredientesPorPaso as $titulo => $lineas)
            <div style="margin-top:12px;">
                <div style="font:600 10px/1.2 var(--font-sans);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);">{{ $titulo !== '' ? 'Paso ' . $titulo : 'Ingredientes' }}</div>
                <ul class="list-unstyled mb-0" style="margin-top:4px;">
                    @foreach($lineas as $ing)
                        <li style="display:flex;justify-content:space-between;gap:10px;font-size:.9rem;padding:3px 0;">
                            <span>{{ $ing->name }}</span>
                            <span class="numeric" style="font-weight:700;color:var(--green-700,#3a6b3e);white-space:nowrap;">
                                @if($ing->quantity !== null){{ app(\App\Services\UnitService::class)->format((float) $ing->quantity, $ing->unit ?? 'unit', $user) }}@else — @endif
                            </span>
                        </li>
                    @endforeach
                </ul>
            </div>
        @empty
            <p class="text-muted mb-0" style="margin-top:12px;font-size:.9rem;">Esta tanda no guardó ingredientes.</p>
        @endforelse
    </div>
</details>

@forelse($logs as $log)
    <div class="fermenty-card mb-3">
        <div class="d-flex justify-content-between align-items-start mb-2">
            <div>
                <span class="batch-card-name numeric">Día {{ $log->day_number }}</span>
                <span class="batch-card-date ms-2 numeric">{{ $log->date->format('d/m/Y') }}</span>
            </div>
            @if($log->mood)
                <span class="fermenty-badge badge-{{ $log->mood === 'good' ? 'active' : ($log->mood === 'bad' ? 'failed' : 'paused') }}">
                    {{ $log->mood === 'good' ? '😊 Bien' : ($log->mood === 'bad' ? '😟 Mal' : '🤔 Raro') }}
                </span>
            @endif
        </div>
        @if($log->notes)
            {{-- Cada apunte lleva su hora en la línea («08:15 · …», DailyLog::anotar). --}}
            <p class="step-desc mb-2" style="white-space:pre-line;">{{ $log->notes }}</p>
        @endif
        @if($log->measurements->count() > 0)
            @php $frases = $frases ?? $batch->frasesDeCata(); @endphp
            <div class="d-flex gap-2 flex-wrap">
                @foreach($log->measurements as $m)
                    {{-- Con la HORA de cada medida o cata: en un fermento de horas es el dato. --}}
                    @php $horaM = $m->created_at ? $user->aSuHora($m->created_at)->format('H:i') : null; @endphp
                    @if($m->type === 'cata')
                        {{-- La DECISIÓN a paladar, con su frase — es el hilo del
                             bucle 2, no un número (correctura 10-ago). --}}
                        <span class="fermenty-badge badge-paused">
                            @if($horaM)<span class="numeric" style="opacity:.7;margin-right:4px;">{{ $horaM }}</span>@endif👅 {{ $frases[(int) $m->value] ?? 'Cata' }}
                        </span>
                    @else
                        <span class="fermenty-badge badge-active">
                            @if($horaM)<span class="numeric" style="opacity:.7;margin-right:4px;">{{ $horaM }}</span>@endif{{ \App\Models\Measurement::LABELS[$m->type] ?? $m->type }}: <span class="numeric">{{ rtrim(rtrim(number_format((float) $m->value, 2, ',', ''), '0'), ',') }} {{ $m->unit }}</span>
                        </span>
                    @endif
                @endforeach
            </div>
        @endif
    </div>
@empty
    <div class="fermenty-card">
        <div class="fermenty-empty">
            <div class="empty-icon">📋</div>
            <div class="empty-title">Sin logs todavía</div>
            <div class="empty-text">Empieza a registrar el progreso diario</div>
        </div>
    </div>
@endforelse

@if($logs->hasPages())
    <div class="d-flex justify-content-center mt-4">
        {{ $logs->links() }}
    </div>
@endif

@endsection