{{-- /fermentos/{categoria} — la página de estante (docs/paginas/fermentos.md §4).
     Página de pleno derecho, no un filtro: H1 en forma de búsqueda, intro
     propia, rejilla y el bloque «¿cuál elijo?». --}}
@extends('layouts.web')

@php($titulo = $categoria->web_title ?: $categoria->name)
@php($publicadas = $categoria->guides->filter->esPublicadaWeb()->values())

@section('seo')
<x-seo :title="$titulo"
       :description="\Illuminate\Support\Str::limit(strip_tags((string) ($categoria->intro ?: $categoria->description)), 155)"
       :canonical="ruta('fermentos.show', $categoria->slug)" />
@endsection

@push('head')
<link rel="stylesheet" href="{{ asset_v('landing/pages/fermentos.css') }}">
@php($ld = [
    ['@context' => 'https://schema.org', '@type' => 'CollectionPage', 'name' => $titulo, 'url' => ruta('fermentos.show', $categoria->slug),
     'mainEntity' => ['@type' => 'ItemList', 'itemListElement' => $publicadas->map(fn ($g, $i) => [
         '@type' => 'ListItem', 'position' => $i + 1, 'name' => $g->name, 'url' => ruta('fermentos.show', $g->slug)])->all()]],
    ['@context' => 'https://schema.org', '@type' => 'BreadcrumbList', 'itemListElement' => [
        ['@type' => 'ListItem', 'position' => 1, 'name' => 'Inicio',    'item' => url('/')],
        ['@type' => 'ListItem', 'position' => 2, 'name' => 'Fermentos', 'item' => ruta('fermentos.index')],
        ['@type' => 'ListItem', 'position' => 3, 'name' => $categoria->name, 'item' => ruta('fermentos.show', $categoria->slug)],
    ]],
])
@foreach($ld as $bloque)
<script type="application/ld+json">{!! json_encode($bloque, JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE) !!}</script>
@endforeach
@endpush

@section('content')
<section class="section--tight" style="padding-top:48px">
  <div class="wrap">
    <div class="ficha-crumb reveal">
      <a href="{{ url('/') }}">Inicio</a> › <a href="{{ ruta('fermentos.index') }}">Fermentos</a> › {{ $categoria->name }}
    </div>
    <h1 class="reveal">{{ $titulo }}</h1>
    @if($categoria->intro)
      <div class="cat-intro reveal" style="margin-top:16px">
        @foreach(preg_split('/\n\n+/', $categoria->intro) as $p)
          <p>{{ $p }}</p>
        @endforeach
      </div>
    @endif
  </div>
</section>

<section class="section" style="padding-top:10px">
  <div class="wrap">
    <div class="fgrid reveal">
      @foreach($categoria->guides as $g)
        <x-tarjeta-fermento :guide="$g" :show-cat="false" :eager="$loop->index < 2" />
      @endforeach
    </div>

    @if($categoria->chooser)
      <div class="cat-chooser reveal">
        <h2>¿Cuál elijo?</h2>
        <p>{{ $categoria->chooser }}</p>
      </div>
    @endif

    @if($otras->isNotEmpty())
      <p class="eyebrow eyebrow--muted" style="margin:34px 0 10px">Los otros estantes</p>
      <div class="cat-otras reveal">
        <a href="{{ ruta('fermentos.index') }}">Todos los fermentos</a>
        @foreach($otras as $o)
          <a href="{{ ruta('fermentos.show', $o->slug) }}">{{ $o->name }}</a>
        @endforeach
      </div>
    @endif
  </div>
</section>
@endsection