{{-- /fermentos/{slug} — la ficha del fermento (docs/paginas/ficha-fermento.md).
     Dos trabajos, en este orden: la mejor página en español sobre cómo hacer
     este fermento, y después la puerta a formular una tanda. Voz Fermenty —
     el mentor no aparece aquí: no hay tanda de la que hablar. --}}
@extends('layouts.web')

{{-- Todo el PHP de la vista en UN solo bloque: mezclar @php(...) en línea con
     bloques @php…@endphp rompe el compilador de Blade (se traga lo intermedio). --}}
@php
    $app    = rtrim((string) config('app.mobile_url'), '/');
    $nombre = mb_strtolower($guide->name);
    $temp   = $guide->ficha['tempIdeal'] ?? null;
@endphp

@section('seo')
<x-seo :title="'Cómo hacer ' . $nombre . ' en casa — guía completa'"
       :description="\Illuminate\Support\Str::limit((string) $guide->intro, 155)"
       :image="$guide->cover_image_url"
       type="article"
       :canonical="ruta('fermentos.show', $guide->slug)" />
@endsection

@push('head')
<link rel="stylesheet" href="{{ asset_v('landing/pages/fermentos.css') }}">
@php
    $ldRecipe = array_filter([
        '@context'           => 'https://schema.org',
        '@type'              => 'Recipe',
        'name'               => 'Cómo hacer ' . $nombre . ' en casa',
        'description'        => $guide->intro,
        'image'              => $guide->cover_image_url,
        'recipeCategory'     => $guide->category?->name,
        'recipeYield'        => $guide->base_yield_value ? rtrim(rtrim(number_format((float) $guide->base_yield_value, 3, '.', ''), '0'), '.') . ' ' . $guide->base_yield_unit : null,
        // El esquema espera una duración, no una horquilla: se usa el MÍNIMO y
        // el rango se explica en el texto visible (nunca inventar un valor exacto).
        'cookTime'           => $guide->duration_min_days ? 'P' . $guide->duration_min_days . 'D' : null,
        'recipeIngredient'   => $ingredientes->map(fn ($i) => trim(
            rtrim(rtrim((string) $i->quantity, '0'), '.') . ' ' . ($i->unit === 'unit' ? 'ud.' : $i->unit) . ' de ' . $i->name
        ))->values()->all() ?: null,
        'recipeInstructions' => $guide->steps->sortBy('step_number')->map(fn ($s) => [
            '@type' => 'HowToStep',
            'name'  => $s->title,
            'text'  => trim(($s->description ? $s->description . ' ' : '') . $s->actions->pluck('description')->implode(' ')),
        ])->values()->all() ?: null,
        // Sin nutrition ni aggregateRating (Voz.md §7 bis; sin valoraciones reales).
    ], fn ($v) => $v !== null && $v !== '');

    $ldCrumbs = ['@context' => 'https://schema.org', '@type' => 'BreadcrumbList', 'itemListElement' => array_values(array_filter([
        ['@type' => 'ListItem', 'position' => 1, 'name' => 'Inicio',    'item' => url('/')],
        ['@type' => 'ListItem', 'position' => 2, 'name' => 'Fermentos', 'item' => ruta('fermentos.index')],
        $guide->category ? ['@type' => 'ListItem', 'position' => 3, 'name' => $guide->category->name, 'item' => ruta('fermentos.show', $guide->category->slug)] : null,
        ['@type' => 'ListItem', 'position' => $guide->category ? 4 : 3, 'name' => $guide->name, 'item' => ruta('fermentos.show', $guide->slug)],
    ]))];
@endphp
<script type="application/ld+json">{!! json_encode($ldRecipe, JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE) !!}</script>
<script type="application/ld+json">{!! json_encode($ldCrumbs, JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE) !!}</script>
@endpush

@section('content')
<section class="section--tight" style="padding-top:48px">
  <div class="wrap ficha-wrap">
    <div class="ficha-crumb reveal">
      <a href="{{ url('/') }}">Inicio</a> › <a href="{{ ruta('fermentos.index') }}">Fermentos</a>
      @if($guide->category) › <a href="{{ ruta('fermentos.show', $guide->category->slug) }}">{{ $guide->category->name }}</a>@endif
      › {{ $guide->name }}
    </div>
    <h1 class="reveal">Cómo hacer {{ $nombre }} en casa</h1>
    <p class="ficha-lede reveal">{{ $guide->intro }}</p>

    <div class="ficha-datos reveal">
      @if($guide->horquilla())<span>Horquilla <strong>{{ $guide->horquilla() }}</strong></span>@endif
      @if($guide->difficulty_level)<span>Dificultad <strong>{{ mb_strtolower(__('general.difficulty.' . $guide->difficulty_level)) }}</strong></span>@endif
      @if($guide->category)<span><strong>{{ $guide->category->name }}</strong></span>@endif
      @if($temp)<span>Temperatura <strong>{{ $temp['min'] }}-{{ $temp['max'] }} °C</strong></span>@endif
    </div>
    <p class="ficha-nota reveal">Es la horquilla general. Tu ventana depende de la temperatura de tu cocina — <a href="{{ $app }}/register" data-app-link>crea una tanda y la calculamos con la tuya</a>.</p>

    {{-- La guía y su afinador se enlazan en las dos direcciones: contenido y
         herramienta del mismo fermento reforzándose (Afinador_Kefir_Web.md
         §1 bis). Dato en config/web.php: el tercer afinador es una línea allí. --}}
    @if($rutaAfinador = config('web.afinadores.' . $guide->slug))
      <p class="ficha-nota reveal">¿Quieres empezar hoy? <a href="{{ ruta($rutaAfinador) }}">Calcula tu tanda con el afinador</a>: cantidades y horas con la temperatura de tu casa, gratis y sin registro.</p>
    @endif

    @if($guide->cover_image_url)
      {{-- Sin lazy: este cover es (o puede ser) el LCP de la ficha. El aspect-ratio
           lo fija el CSS para que la caja reserve sitio (CLS, fase 5). --}}
      <div class="ficha-cover reveal"><img src="{{ $guide->cover_webp_url }}" alt="{{ $guide->name }}" decoding="async"></div>
    @endif
  </div>
</section>

<section class="section ficha" style="padding-top:0">
  <div class="wrap ficha-wrap">

    {{-- 2.2 Qué necesitas --}}
    @if($ingredientes->isNotEmpty())
      <h2>Qué necesitas</h2>
      @if($guide->base_yield_value)
        <p style="color:var(--ink-500);font-size:14.5px;margin:0 0 14px">Cantidades para {{ rtrim(rtrim(number_format((float) $guide->base_yield_value, 3, ',', '.'), '0'), ',') }} {{ $guide->base_yield_unit }}. Al crear la tanda se recalculan para tu volumen.</p>
      @endif
      <ul class="ing-list">
        @foreach($ingredientes as $ing)
          <li>
            <span>{{ $ing->name }}@if($ing->papel)<span class="ing-papel">{{ $ing->papel }}</span>@endif</span>
            <span class="ing-q">{{ rtrim(rtrim((string) $ing->quantity, '0'), '.') }} {{ $ing->unit === 'unit' ? 'ud.' : $ing->unit }}</span>
          </li>
        @endforeach
      </ul>
    @endif

    {{-- 2.3 El proceso --}}
    @if($guide->steps->isNotEmpty())
      <h2>El proceso</h2>
      @foreach($guide->steps->sortBy('step_number') as $paso)
        <div class="paso">
          <span class="paso__num">{{ $paso->step_number }}</span>
          <h3>{{ $paso->title }}@if($paso->is_optional)<span class="paso__opt">Opcional</span>@endif</h3>
          @if($paso->description)<p>{{ $paso->description }}</p>@endif
          @if($paso->actions->isNotEmpty())
            <ul>
              @foreach($paso->actions as $a)<li>{{ $a->description }}</li>@endforeach
            </ul>
          @endif
          {{-- Sin consejos de paso: su ventana es la tanda, y es Pro (Planes.md §2) --}}
        </div>
      @endforeach
    @endif

    {{-- 2.4 Cuándo está en su punto --}}
    <h2>¿Cuántos días?</h2>
    <div class="ficha-punto">
      <p>La horquilla general de {{ $nombre }} son {{ $guide->duration_min_days }}-{{ $guide->duration_max_days }} días, pero eso es una media de cocinas ajenas. Cada 10 °C de más, la fermentación va al doble de velocidad: la misma tanda puede entrar en su punto días antes en agosto que en enero.</p>
      <p style="margin-bottom:0">El punto no lo decide el calendario, lo decides tú catando. Fermenty calcula tu ventana con tu temperatura y la mueve cuando cuentas cómo va.</p>
    </div>
    <p style="margin-top:16px">
      <a class="btn btn--primary" href="{{ $app }}/register" data-app-link>Empezar una tanda de {{ $nombre }}</a>
    </p>

    {{-- 2.5 Problemas frecuentes --}}
    @if($guide->faqs)
      <h2>Problemas frecuentes</h2>
      <div class="ficha-faq">
        @foreach($guide->faqs as $faq)
          <details>
            <summary>{{ $faq['q'] }}</summary>
            <p>{{ $faq['a'] }}</p>
          </details>
        @endforeach
      </div>
    @endif

    {{-- 2.6 Variaciones — oculto mientras todas las recetas sean sombras --}}
    @if($variaciones->isNotEmpty())
      <h2>Variaciones</h2>
      <div class="fgrid">
        @foreach($variaciones->take(6) as $v)
          <a class="fcard" href="{{ ruta('recetas.show', $v->slug) }}">
            <div class="fcard__cover" style="background-image:url('{{ $v->cover_image_url }}')"></div>
            <div class="fcard__body"><span class="fcard__name">{{ $v->name }}</span></div>
          </a>
        @endforeach
      </div>
    @endif

    {{-- 2.7 Cierre --}}
    <h2>¿Lo fermentamos juntos?</h2>
    <p style="color:var(--ink-700);line-height:1.65">Crea la tanda y Fermenty lleva la cuenta: te calcula las cantidades para tu volumen, te dice en qué días entra en su ventana y te avisa cuando toque catar.</p>
    <p style="margin-top:14px">
      <a class="btn btn--primary btn--lg" href="{{ $app }}/register" data-app-link>Crear cuenta gratis</a>
    </p>
  </div>
</section>

{{-- 2.8 Relacionados --}}
@if($relacionados->isNotEmpty())
<section class="section" style="background:var(--bg-canvas-deep)">
  <div class="wrap">
    <h2 style="font-family:var(--font-display);margin:0 0 18px">Del mismo estante</h2>
    <div class="fgrid">
      @foreach($relacionados as $r)
        <x-tarjeta-fermento :guide="$r" />
      @endforeach
    </div>
  </div>
</section>
@endif
@endsection