@extends('admin.layouts.admin')

@section('title', 'Consejos')

@php
    // El eje de la pantalla es la clasificación (level): cuatro niveles, en su orden.
    $niveles = [
        'general'  => ['nombre' => 'General',   'sub' => 'Valen para cualquier fermento. Los diarios rotan en portada.'],
        'category' => ['nombre' => 'Categoría', 'sub' => 'Remedios por estante (solucionador). Categoría es alcance, no destino.'],
        'ferment'  => ['nombre' => 'Fermento',  'sub' => 'Remedios del fermento (solucionador).'],
        'step'     => ['nombre' => 'Paso',      'sub' => 'El consejo proactivo: sale en la guía, dentro de una tanda (Pro).'],
    ];
    $idiomas = \App\Http\Controllers\Admin\HintController::LOCALES;
    $recuentosDesiguales = $diariosPorIdioma->unique()->count() > 1;
@endphp

@section('content')

<div class="d-flex justify-content-between align-items-center mb-2">
    <div>
        <div class="admin-page-title">Consejos</div>
        <p class="admin-page-sub mb-0">
            El conocimiento editorial del mentor: cuatro niveles, tres idiomas, tres ventanas.
            <strong>Solo consejos</strong> — los avisos del motor y los insights no se editan aquí.
        </p>
    </div>
    <a href="{{ route('admin.consejos.create') }}" class="btn btn-fermenty-primary btn-sm">+ Nuevo consejo</a>
</div>

{{-- El recuento de diarios por idioma: la rotación depende de él (briefing §6) --}}
<div class="admin-card mb-3 py-2">
    <span class="admin-page-sub" style="font-weight:600;">Consejo del día por idioma:</span>
    @foreach($idiomas as $idioma)
        <span class="fermenty-badge {{ ($diariosPorIdioma[$idioma] ?? 0) > 0 ? 'badge-active' : '' }} ms-1">
            {{ $idioma }}: {{ $diariosPorIdioma[$idioma] ?? 0 }}
        </span>
    @endforeach
    @if($recuentosDesiguales)
        <span class="fermenty-badge badge-premium ms-2" title="La rotación es (día del año % recuento): con recuentos distintos, dos idiomas enseñan consejos distintos el mismo día.">
            ⚠ recuentos desiguales — la rotación diverge entre idiomas
        </span>
    @endif
</div>

{{-- Filtros: tres desplegables, no un panel --}}
<form method="GET" class="d-flex gap-2 align-items-center mb-3">
    <select name="nivel" class="form-select form-select-sm" style="max-width:170px" onchange="this.form.submit()">
        <option value="">Todos los niveles</option>
        @foreach($niveles as $clave => $n)
            <option value="{{ $clave }}" @selected(request('nivel') === $clave)>{{ $n['nombre'] }}</option>
        @endforeach
    </select>
    <select name="dueno" class="form-select form-select-sm" style="max-width:230px" onchange="this.form.submit()">
        <option value="">Todos los dueños</option>
        <optgroup label="Categorías">
            @foreach($categorias as $cat)
                <option value="cat:{{ $cat->id }}" @selected(request('dueno') === 'cat:'.$cat->id)>{{ $cat->name }}</option>
            @endforeach
        </optgroup>
        <optgroup label="Fermentos (con sus pasos)">
            @foreach($guias as $guia)
                <option value="guia:{{ $guia->id }}" @selected(request('dueno') === 'guia:'.$guia->id)>{{ $guia->name }}</option>
            @endforeach
        </optgroup>
    </select>
    <select name="idioma" class="form-select form-select-sm" style="max-width:120px" onchange="this.form.submit()">
        <option value="">Idiomas</option>
        @foreach($idiomas as $idioma)
            <option value="{{ $idioma }}" @selected(request('idioma') === $idioma)>{{ $idioma }}</option>
        @endforeach
    </select>
    @if(request()->hasAny(['nivel', 'dueno', 'idioma']))
        <a href="{{ route('admin.consejos.index', ['limpiar' => 1]) }}" class="btn-xs-admin">Quitar filtros</a>
    @endif
</form>

@if($porNivel->isEmpty())
    <div class="admin-card">
        <div class="fermenty-empty">
            <div class="empty-title">Nada con estos filtros</div>
            <div class="empty-text">Prueba a quitarlos, o crea el primer consejo.</div>
        </div>
    </div>
@endif

@foreach($niveles as $clave => $nivel)
    @php $delNivel = $porNivel[$clave] ?? collect(); @endphp
    @continue($delNivel->isEmpty())

    <div class="admin-card mb-3">
        <div class="d-flex justify-content-between align-items-baseline">
            <div>
                <span class="admin-user-name">{{ $nivel['nombre'] }}</span>
                <span class="fermenty-badge ms-1">{{ $delNivel->count() }}</span>
            </div>
            <span class="admin-page-sub" style="font-size:0.78rem;">{{ $nivel['sub'] }}</span>
        </div>

        @php
            // Agrupado por dueño: es lo que permite ver el hueco (briefing §6).
            $grupos = match ($clave) {
                'category' => $delNivel->groupBy(fn ($h) => $h->category?->name ?? '—'),
                'ferment'  => $delNivel->groupBy(fn ($h) => $h->guide?->name ?? '—'),
                'step'     => $delNivel->groupBy(fn ($h) => ($h->guideStep?->guide?->name ?? '—')
                                  . ' · paso ' . ($h->guideStep?->step_number ?? '?')
                                  . ' — ' . ($h->guideStep?->title ?? 'sin paso')),
                default    => $delNivel->groupBy(fn ($h) => $h->is_daily ? 'Diarios (rotación de portada)' : 'Sueltos'),
            };
        @endphp

        @foreach($grupos as $dueno => $filas)
            <div class="admin-page-sub mt-3 mb-1" style="font-weight:600;font-size:0.82rem;">{{ $dueno }}</div>
            <table class="table table-sm align-middle mb-0" style="font-size:0.85rem;">
                <tbody>
                @foreach($filas as $consejo)
                    @php
                        $esDiario   = $consejo->is_daily;
                        $sinVentana = $clave === 'general' && ! $esDiario && $consejo->symptom === null;
                    @endphp
                    <tr>
                        <td style="width:2.2rem;" class="text-muted">{{ $consejo->order }}</td>
                        <td style="width:3rem;"><span class="fermenty-badge">{{ $consejo->locale }}</span></td>
                        <td>
                            @if($consejo->title)<strong>{{ $consejo->title }}.</strong>@endif
                            {{ \Illuminate\Support\Str::limit($consejo->content, 140) }}
                        </td>
                        <td class="text-end" style="white-space:nowrap;">
                            @if($esDiario)
                                <span class="fermenty-badge badge-active" title="Rota en la portada de la web y la PWA">diario</span>
                            @endif
                            @if($consejo->symptom)
                                <span class="fermenty-badge">{{ $consejo->symptom }}</span>
                            @endif
                            @if($consejo->symptom)
                                {{-- El distintivo de §4: pista de despegue, no cajón --}}
                                <span class="fermenty-badge badge-premium" title="El solucionador aún no está construido: esta fila espera a su ventana.">🔜 sin ventana todavía</span>
                            @elseif($sinVentana)
                                <span class="fermenty-badge badge-premium" title="Ni diario, ni síntoma, ni paso: no hay ventana que enseñe esta fila.">sin ventana</span>
                            @endif
                        </td>
                        <td class="text-end" style="width:9rem;white-space:nowrap;">
                            <a href="{{ route('admin.consejos.edit', $consejo) }}" class="btn-xs-admin">Editar</a>
                            <form method="POST" action="{{ route('admin.consejos.destroy', $consejo) }}" class="d-inline"
                                  onsubmit="return confirm(@js($esDiario
                                      ? "Es un consejo del día: borrarlo descoloca la rotación entera de «{$consejo->locale}» y desiguala los idiomas. ¿Eliminar?"
                                      : ($clave === 'step'
                                          ? '¿Eliminar? Deja de salir en la guía dentro de la tanda (Pro). Es el único sitio donde se muestra.'
                                          : '¿Eliminar? Esta fila aún no sale en ninguna pantalla.')))">
                                @csrf @method('DELETE')
                                <button type="submit" class="btn-xs-admin" style="color:#7A1A1A;">Eliminar</button>
                            </form>
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        @endforeach
    </div>
@endforeach

@endsection