@extends('layouts.app')

@section('titulo', $cfg['titulo'])

@section('contenido')
    @php
        $listar = array_filter($cfg['campos'], fn ($c) => ! empty($c['listar']));
        $a = $cfg['auditoria'];
    @endphp

    <div class="d-flex flex-wrap gap-2 justify-content-between align-items-center mb-3">
        <form class="d-flex gap-2" method="GET">
            <input name="q" value="{{ $buscar }}" class="form-control form-control-sm" placeholder="Buscar..." style="min-width:220px">
            <button class="btn btn-sm btn-outline-secondary"><i class="bi bi-search"></i></button>
            @if ($buscar !== '')
                <a href="{{ route('catalogos.index', $slug) }}" class="btn btn-sm btn-link">Limpiar</a>
            @endif
        </form>
        <a href="{{ route('catalogos.create', $slug) }}" class="btn btn-sm btn-primary">
            <i class="bi bi-plus-lg"></i> Nuevo
        </a>
    </div>

    <div class="card">
        <div class="table-responsive">
            <table class="table table-sm table-hover align-middle mb-0">
                <thead class="table-light">
                <tr>
                    <th>#</th>
                    @foreach ($listar as $c)
                        <th>{{ $c['label'] }}</th>
                    @endforeach
                    <th class="d-none d-md-table-cell">Creado por</th>
                    <th class="d-none d-lg-table-cell">Modificado</th>
                    <th class="text-end">Acciones</th>
                </tr>
                </thead>
                <tbody>
                @forelse ($registros as $r)
                    @php($id = $r->{$cfg['pk']})
                    <tr>
                        <td class="text-muted">{{ $id }}</td>
                        @foreach ($listar as $col => $c)
                            <td>
                                @include('catalogos._valor', ['valor' => $r->{$col} ?? null, 'campo' => $c, 'mapa' => $opciones[$col] ?? null])
                            </td>
                        @endforeach
                        <td class="d-none d-md-table-cell small">{{ $r->_creado_por }}</td>
                        <td class="d-none d-lg-table-cell small">
                            {{ $r->_modificado_por }}
                            @if (! empty($a['modificado_en']) && ! empty($r->{$a['modificado_en']}))
                                <div class="text-muted">{{ \Illuminate\Support\Carbon::parse($r->{$a['modificado_en']})->format('d/m/Y H:i') }}</div>
                            @endif
                        </td>
                        <td class="text-end text-nowrap">
                            <a href="{{ route('catalogos.edit', [$slug, $id]) }}" class="btn btn-sm btn-outline-primary" title="Modificar">
                                <i class="bi bi-pencil"></i>
                            </a>
                            <form method="POST" action="{{ route('catalogos.destroy', [$slug, $id]) }}" class="d-inline"
                                  onsubmit="return confirm('¿Eliminar este registro?')">
                                @csrf @method('DELETE')
                                <button class="btn btn-sm btn-outline-danger" title="Eliminar"><i class="bi bi-trash"></i></button>
                            </form>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="{{ count($listar) + 4 }}" class="text-center text-muted py-4">No hay registros.</td></tr>
                @endforelse
                </tbody>
            </table>
        </div>
    </div>

    <div class="mt-3">{{ $registros->links() }}</div>
@endsection