@extends('layouts.app')

@section('content')
@php($catalogs = config('colvadres_catalogs', []))

<div class="topbar">
    <div>
        <h1 style="margin:0;">{{ $meta['label'] }}</h1>
        <div class="muted">Administración básica del catálogo desde COLVADRES.</div>
    </div>
    <a class="btn" href="{{ route('catalogos.create', $catalogKey) }}">Nuevo</a>
</div>

<div class="catalog-tabs">
    @foreach($catalogs as $key => $catalogMeta)
        <a href="{{ route('catalogos.index', $key) }}" class="{{ $catalogKey === $key ? 'active' : '' }}">{{ $catalogMeta['label'] }}</a>
    @endforeach
</div>

<div class="stats-inline">
    <div class="stat-box"><div class="label">Total</div><div class="value">{{ number_format($items->total()) }}</div></div>
    <div class="stat-box"><div class="label">Catálogo actual</div><div class="value" style="font-size:18px;">{{ $meta['label'] }}</div></div>
    <div class="stat-box"><div class="label">Estado visible</div><div class="value" style="font-size:18px;">{{ ($filters['activo'] ?? '') === '0' ? 'Inactivos' : (($filters['activo'] ?? '') === '1' ? 'Activos' : 'Todos') }}</div></div>
    <div class="stat-box"><div class="label">Acción rápida</div><div style="padding-top:8px;"><a class="btn" href="{{ route('catalogos.create', $catalogKey) }}">Crear ahora</a></div></div>
</div>

<div class="panel" style="margin-bottom:16px;">
    <form method="GET" class="grid-3">
        <div>
            <label>Búsqueda</label>
            <input type="text" name="q" value="{{ $filters['q'] ?? '' }}" placeholder="Código, nombre o descripción">
        </div>
        <div>
            <label>Estado</label>
            <select name="activo">
                <option value="">Todos</option>
                <option value="1" @selected(($filters['activo'] ?? '') === '1')>Activos</option>
                <option value="0" @selected(($filters['activo'] ?? '') === '0')>Inactivos</option>
            </select>
        </div>
        @if($catalogKey === 'subseries')
        <div>
            <label>Serie</label>
            <select name="serie_id">
                <option value="">Todas</option>
                @foreach($series as $serie)
                    <option value="{{ $serie->id }}" @selected((string)($filters['serie_id'] ?? '') === (string)$serie->id)>{{ $serie->nombre }}</option>
                @endforeach
            </select>
        </div>
        @else
        <div></div>
        @endif
        <div style="display:flex;gap:10px;align-items:flex-end;">
            <button class="btn" type="submit">Buscar</button>
            <a class="btn-outline" href="{{ route('catalogos.index', $catalogKey) }}">Limpiar</a>
        </div>
    </form>
</div>

<div class="panel">
    <table class="table">
        <thead>
            <tr>
                <th>ID</th>
                @if(in_array('codigo', $meta['fields']))<th>Código</th>@endif
                <th>Nombre</th>
                @if($catalogKey === 'subseries')<th>Serie</th>@endif
                @if(in_array('ubicacion', $meta['fields']))<th>Ubicación</th>@endif
                <th>Estado</th>
                <th>Acciones</th>
            </tr>
        </thead>
        <tbody>
            @forelse($items as $item)
                <tr>
                    <td>{{ $item->id }}</td>
                    @if(in_array('codigo', $meta['fields']))<td>{{ $item->codigo ?: '—' }}</td>@endif
                    <td>{{ $item->nombre }}</td>
                    @if($catalogKey === 'subseries')<td>{{ optional($item->serie)->nombre ?: '—' }}</td>@endif
                    @if(in_array('ubicacion', $meta['fields']))<td>{{ $item->ubicacion ?: '—' }}</td>@endif
                    <td>
                        @if(!isset($item->activo) || $item->activo)
                            <span class="badge badge-green">Activo</span>
                        @else
                            <span class="badge badge-red">Inactivo</span>
                        @endif
                    </td>
                    <td><a href="{{ route('catalogos.edit', [$catalogKey, $item->id]) }}">Editar</a></td>
                </tr>
            @empty
                <tr><td colspan="6">No hay resultados para este catálogo.</td></tr>
            @endforelse
        </tbody>
    </table>

    <div style="margin-top:16px;">{{ $items->links() }}</div>
</div>
@endsection