@extends('layouts.app')
@section('content')
<div class="page-card">
    <div class="split-header">
        <div>
            <h1 class="page-title">Registros documentales</h1>
            <p class="page-subtitle">Consulta, filtro y trazabilidad de registros con una vista más limpia y operativa.</p>
        </div>
        <a href="{{ url('/documentos/create') }}" class="btn">+ Nuevo registro</a>
    </div>
</div>

<div class="stats-grid" style="margin-bottom:18px;">
    <div class="stat"><span class="stat-label">Total encontrados</span><div class="stat-value">{{ $records->total() ?? $records->count() ?? 0 }}</div></div>
    <div class="stat"><span class="stat-label">Con archivo</span><div class="stat-value">{{ $stats['con_archivo'] ?? 0 }}</div></div>
    <div class="stat"><span class="stat-label">Sin archivo</span><div class="stat-value">{{ $stats['sin_archivo'] ?? 0 }}</div></div>
    <div class="stat"><span class="stat-label">Estado filtro</span><div class="stat-value" style="font-size:18px;">{{ request('estado_registro') ?: 'Todos' }}</div></div>
</div>

<div class="card">
    <div class="card-header"><h2 class="card-title">Filtros</h2><div class="helper">Se corrigió el desorden visual de esta vista.</div></div>
    <form method="GET" class="form-grid">
        <div class="field full">
            <label>Búsqueda general</label>
            <input type="text" name="q" value="{{ request('q') }}" placeholder="ID, asunto, unidad, código, caja, UC...">
        </div>
        <div class="field"><label>ID interno</label><input type="text" name="id_interno" value="{{ request('id_interno') }}"></div>
        <div class="field"><label>Código de barras</label><input type="text" name="codigo_barras" value="{{ request('codigo_barras') }}"></div>
        <div class="field"><label>Caja número</label><input type="text" name="caja_numero" value="{{ request('caja_numero') }}"></div>
        <div class="field"><label>Número UC</label><input type="text" name="numero_uc" value="{{ request('numero_uc') }}"></div>
        <div class="field"><label>Estado registro</label><select name="estado_registro"><option value="">Todos</option><option value="recibido" @selected(request('estado_registro')==='recibido')>Recibido</option><option value="clasificado" @selected(request('estado_registro')==='clasificado')>Clasificado</option><option value="digitalizado" @selected(request('estado_registro')==='digitalizado')>Digitalizado</option><option value="validado" @selected(request('estado_registro')==='validado')>Validado</option><option value="inactivo" @selected(request('estado_registro')==='inactivo')>Inactivo</option></select></div>
        <div class="field"><label>Bodega</label><select name="bodega_id"><option value="">Todas</option>@foreach(($bodegas ?? []) as $item)<option value="{{ $item->id }}" @selected((string)request('bodega_id')===(string)$item->id)>{{ $item->nombre }}</option>@endforeach</select></div>
        <div class="field"><label>Estado digitalización</label><select name="estado_digitalizacion_id"><option value="">Todos</option>@foreach(($estadosDigitalizacion ?? []) as $item)<option value="{{ $item->id }}" @selected((string)request('estado_digitalizacion_id')===(string)$item->id)>{{ $item->nombre }}</option>@endforeach</select></div>
        <div class="field"><label>Serie</label><select name="serie_id"><option value="">Todas</option>@foreach(($series ?? []) as $item)<option value="{{ $item->id }}" @selected((string)request('serie_id')===(string)$item->id)>{{ $item->nombre }}</option>@endforeach</select></div>
        <div class="field"><label>Subserie</label><select name="subserie_id"><option value="">Todas</option>@foreach(($subseries ?? []) as $item)<option value="{{ $item->id }}" @selected((string)request('subserie_id')===(string)$item->id)>{{ $item->nombre }}</option>@endforeach</select></div>
        <div class="field"><label>Oficina productora</label><select name="oficina_productora_id"><option value="">Todas</option>@foreach(($oficinasProductoras ?? []) as $item)<option value="{{ $item->id }}" @selected((string)request('oficina_productora_id')===(string)$item->id)>{{ $item->nombre }}</option>@endforeach</select></div>
        <div class="field"><label>Fecha extrema inicial desde</label><input type="date" name="fecha_extrema_inicial_desde" value="{{ request('fecha_extrema_inicial_desde') }}"></div>
        <div class="field"><label>Fecha extrema final hasta</label><input type="date" name="fecha_extrema_final_hasta" value="{{ request('fecha_extrema_final_hasta') }}"></div>
        <div class="field"><label>Ordenar por</label><select name="sort"><option value="id">ID</option><option value="created_at" @selected(request('sort')==='created_at')>Fecha creación</option><option value="id_interno" @selected(request('sort')==='id_interno')>ID interno</option></select></div>
        <div class="field"><label>Dirección</label><select name="direction"><option value="desc">Descendente</option><option value="asc" @selected(request('direction')==='asc')>Ascendente</option></select></div>
        <div class="field"><label>Archivo</label><select name="archivo"><option value="">Todos</option><option value="con" @selected(request('archivo')==='con')>Solo con archivo</option><option value="sin" @selected(request('archivo')==='sin')>Solo sin archivo</option></select></div>
        <div class="field full">
            <div class="toolbar">
                <button class="btn" type="submit">Buscar</button>
                <a href="{{ url('/documentos') }}" class="btn-secondary">Limpiar</a>
            </div>
        </div>
    </form>
</div>

<div class="card">
    <div class="card-header"><h2 class="card-title">Listado</h2><div class="helper">Vista compacta y legible.</div></div>
    <div class="table-wrap">
        <table>
            <thead><tr><th>ID</th><th>ID interno</th><th>Asunto</th><th>Serie / Subserie</th><th>Caja</th><th>UC</th><th>Bodega</th><th>Digitalización</th><th>Archivo</th><th>Estado</th><th>Acciones</th></tr></thead>
            <tbody>
            @forelse($records as $r)
                <tr>
                    <td>{{ $r->id }}</td>
                    <td><strong>{{ $r->id_interno ?: '—' }}</strong></td>
                    <td>{{ $r->nombre_unidad_documental_asunto ?: $r->asunto ?: '—' }}</td>
                    <td>{{ optional($r->serie)->nombre ?: 'Sin serie' }}<br><span class="muted">{{ optional($r->subserie)->nombre ?: 'Sin subserie' }}</span></td>
                    <td>{{ $r->caja_numero ?: '—' }}</td>
                    <td>{{ $r->numero_uc ?: '—' }}</td>
                    <td>{{ optional($r->bodega)->nombre ?: '—' }}</td>
                    <td>@include('components.status-badge',['value'=>optional($r->estadoDigitalizacion)->nombre ?? ''])</td>
                    <td>@include('components.status-badge',['value'=>$r->files_count ?? ($r->files->count() ?? 0) ? 'si' : 'no'])</td>
                    <td>@include('components.status-badge',['value'=>$r->estado_registro])</td>
                    <td><div class="actions-inline"><a href="{{ url('/documentos/'.$r->id) }}">Ver</a><a href="{{ url('/documentos/'.$r->id.'/edit') }}">Editar</a><a href="{{ url('/documentos/'.$r->id.'/archivos') }}">Archivos</a></div></td>
                </tr>
            @empty
                <tr><td colspan="11"><div class="empty">No se encontraron registros con los filtros actuales.</div></td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
    @if(method_exists($records,'links'))
        <div style="margin-top:16px;">{{ $records->withQueryString()->links() }}</div>
    @endif
</div>
@endsection