@extends('layouts.app')

@section('title', 'Gestión de Juzgados')

@section('content')
<div class="row mb-4 align-items-center">
    <div class="col-md-6">
        <h2 class="fw-bold"><i class="fa-solid fa-scale-balanced text-primary me-2"></i> Gestión de Juzgados</h2>
        <p class="text-muted">Administra los juzgados y órganos jurisdiccionales del sistema.</p>
    </div>
    <div class="col-md-6 text-md-end">
        <a href="{{ route('juzgados.create') }}" class="btn btn-primary-gradient px-4 py-2 rounded-3">
            <i class="fa-solid fa-plus me-2"></i> Nuevo Juzgado
        </a>
    </div>
</div>

<div class="card border-0 shadow-sm rounded-4">
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-hover align-middle mb-0">
                <thead class="table-light">
                    <tr>
                        <th class="ps-4">ID</th>
                        <th>Nombre / Denominación</th>
                        <th>Distrito Judicial</th>
                        <th>Expedientes Asignados</th>
                        <th class="text-end pe-4">Acciones</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($juzgados as $juzgado)
                        <tr>
                            <td class="ps-4 fw-semibold text-muted">#{{ $juzgado->id }}</td>
                            <td>
                                <div class="fw-bold text-dark">{{ $juzgado->nombre }}</div>
                            </td>
                            <td>{{ $juzgado->distrito_judicial }}</td>
                            <td>
                                <span class="badge bg-secondary rounded-pill px-3">{{ $juzgado->expedientes_count ?? 0 }}</span>
                            </td>
                            <td class="text-end pe-4">
                                <div class="d-flex justify-content-end gap-2">
                                    <a href="{{ route('juzgados.edit', $juzgado->id) }}" class="btn btn-light btn-sm rounded-circle p-2" title="Editar">
                                        <i class="fa-solid fa-pen text-primary"></i>
                                    </a>
                                    <form action="{{ route('juzgados.destroy', $juzgado->id) }}" method="POST" onsubmit="return confirm('¿Está seguro de que desea eliminar este juzgado?');">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" class="btn btn-light btn-sm rounded-circle p-2" title="Eliminar">
                                            <i class="fa-solid fa-trash text-danger"></i>
                                        </button>
                                    </form>
                                </div>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="5" class="text-center py-5 text-muted">
                                <i class="fa-solid fa-scale-balanced fa-3x mb-3 text-light"></i>
                                <p class="mb-0">No se encontraron juzgados registrados.</p>
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>

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