@extends('admin.layouts.admin')

@section('title', 'Clasificación de fermentación')

@section('content')

<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        <div class="admin-page-title">Tipos de fermentación</div>
        <p class="admin-page-sub mb-0">
            Clasificación de navegación (bebidas, vegetales, vinagres…). Cada guía cuelga de un estante y agrupa el catálogo de recetas.
        </p>
    </div>
    <a href="{{ route('admin.clasificacion.create') }}" class="btn btn-fermenty-primary btn-sm">+ Nueva</a>
</div>

@if($categories->isEmpty())
    <div class="admin-card">
        <div class="fermenty-empty">
            <div class="empty-title">Sin clasificaciones</div>
            <div class="empty-text">Crea la primera (p.ej. Láctica).</div>
        </div>
    </div>
@else
    <div class="row g-3">
        @foreach($categories as $cat)
            @php $catRecipes = $cat->guides->flatMap->recipes; @endphp
            <div class="col-12 col-md-6">
                <div class="admin-card">
                    <div class="d-flex justify-content-between align-items-start mb-1">
                        <div>
                            <div class="admin-user-name">{{ $cat->name }}</div>
                            <div class="admin-user-email">orden {{ $cat->position }}</div>
                        </div>
                        <div class="d-flex gap-1">
                            <span class="fermenty-badge badge-active">{{ $cat->guides_count }} guías</span>
                        </div>
                    </div>
                    @if($cat->description)
                        <p class="step-desc mb-2">{{ $cat->description }}</p>
                    @endif

                    {{-- Recetas aplicadas a esta clasificación --}}
                    <div class="admin-page-sub mb-1" style="font-weight:600;font-size:0.8rem;">Recetas</div>
                    @if($catRecipes->isEmpty())
                        <div class="empty-text mb-2" style="font-size:0.82rem;">Sin recetas todavía.</div>
                    @else
                        <ul class="list-unstyled mb-2">
                            @foreach($catRecipes as $recipe)
                                <li class="d-flex justify-content-between align-items-center py-1" style="border-bottom:1px dashed #eee;">
                                    <a href="{{ route('admin.fermentos.recetas.edit', [$recipe->guide_id, $recipe]) }}"
                                       style="text-decoration:none;color:inherit;">
                                        {{ $recipe->name }}
                                        @if($recipe->is_official)
                                            <span class="fermenty-badge badge-active" style="font-size:0.62rem;">oficial</span>
                                        @endif
                                    </a>
                                    <span class="admin-user-email">{{ $recipe->guide?->name }}</span>
                                </li>
                            @endforeach
                        </ul>
                    @endif

                    <div class="d-flex gap-2 mt-2">
                        <a href="{{ route('admin.clasificacion.edit', $cat) }}" class="btn-xs-admin">Editar</a>
                        <form method="POST" action="{{ route('admin.clasificacion.destroy', $cat) }}"
                              onsubmit="return confirm('¿Eliminar esta clasificación? Los fermentos quedarán sin clasificar.')">
                            @csrf @method('DELETE')
                            <button type="submit" class="btn-xs-admin" style="color:#7A1A1A;">Eliminar</button>
                        </form>
                    </div>
                </div>
            </div>
        @endforeach
    </div>
@endif

@endsection