@extends('admin.layouts.admin')

@section('title', 'Fermentos')

@section('content')

<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        <div class="admin-page-title">Fermentos</div>
        <p class="admin-page-sub mb-0">Gestión del catálogo de fermentos</p>
    </div>
    <a href="{{ route('admin.fermentos.create') }}" class="btn btn-fermenty-primary btn-sm">
        + Nuevo fermento
    </a>
</div>

@php
    $sortLink = function ($key, $label) use ($sort, $dir) {
        $nextDir = ($sort === $key && $dir === 'asc') ? 'desc' : 'asc';
        $arrow   = $sort === $key ? ($dir === 'asc' ? ' ▲' : ' ▼') : '';
        $url     = request()->fullUrlWithQuery(['sort' => $key, 'dir' => $nextDir, 'page' => 1]);
        return '<a href="' . $url . '" class="admin-sort-link" style="color:inherit;text-decoration:none;white-space:nowrap;">' . $label . $arrow . '</a>';
    };
@endphp

<div class="admin-card">
    <div class="admin-table-wrap">
        <table class="admin-table">
            <thead>
                <tr>
                    <th>Imagen</th>
                    <th>{!! $sortLink('name', 'Nombre') !!}</th>
                    <th>{!! $sortLink('category', 'Categoría') !!}</th>
                    <th>{!! $sortLink('difficulty', 'Dificultad') !!}</th>
                    <th>{!! $sortLink('duration', 'Duración') !!}</th>
                    <th>{!! $sortLink('plan', 'Plan') !!}</th>
                    <th>{!! $sortLink('batches', 'Lotes') !!}</th>
                    <th>Recetas</th>
                    <th>{!! $sortLink('status', 'Estado') !!}</th>
                    <th>Acciones</th>
                </tr>
            </thead>
            <tbody>
                @foreach($ferments as $ferment)
                    <tr>
                        <td>
                            @if($ferment->image_url)
                                <img src="{{ $ferment->image_url }}" alt="{{ $ferment->name }}" style="width: 56px; height: 40px; object-fit: cover; border-radius: 8px;">
                            @else
                                <span class="text-muted" style="font-size:0.8rem;">Sin imagen</span>
                            @endif
                        </td>
                        <td>
                            <div class="admin-user-name">{{ $ferment->name }}</div>
                            <div class="admin-user-email">{{ $ferment->slug }}</div>
                        </td>
                        <td>
                            @if($ferment->category)
                                <span class="fermenty-badge badge-active" style="font-size:0.72rem;">{{ $ferment->category->name }}</span>
                            @else
                                <span class="text-muted" style="font-size:0.8rem;">—</span>
                            @endif
                        </td>
                        <td>
                            <span class="catalogue-card-difficulty difficulty-{{ $ferment->difficulty_level }}">
                                {{ __('general.difficulty.' . $ferment->difficulty_level) }}
                            </span>
                        </td>
                        <td class="admin-user-email">{{ $ferment->default_duration_days }} días</td>
                        <td>
                            <span class="fermenty-badge badge-{{ $ferment->plan_required }}">
                                {{ ucfirst($ferment->plan_required) }}
                            </span>
                        </td>
                        <td>{{ $ferment->batches_count }}</td>
                        <td>{{ $ferment->recipes_count }}</td>
                        <td>
                            <span class="fermenty-badge {{ $ferment->is_active ? 'badge-active' : 'badge-paused' }}">
                                {{ $ferment->is_active ? 'Activo' : 'Inactivo' }}
                            </span>
                        </td>
                        <td>
                            <div class="d-flex gap-1">
                                <a href="{{ route('admin.fermentos.show', $ferment) }}"
                                   class="btn-xs-admin">Ver</a>
                                <a href="{{ route('admin.fermentos.edit', $ferment) }}"
                                   class="btn-xs-admin">Editar</a>
                                <a href="{{ route('admin.fermentos.ficha.edit', $ferment) }}"
                                   class="btn-xs-admin">Ficha</a>
                            </div>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
    @if($ferments->hasPages())
        <div class="d-flex justify-content-center mt-3">
            {{ $ferments->links() }}
        </div>
    @endif
</div>

@endsection