@extends('layouts.app2')

@section('content')
<div class="container py-4">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h2 class="mb-0">Acceso a Información Pública</h2>
        <a href="{{ route('accesoinformacionformulario.show') }}" class="btn btn-success">
            Formulario de Acceso a la Información Pública
        </a>
    </div>

    <div class="row">
        @forelse ($items as $item)
            <div class="col-md-6 mb-4">
                <div class="card h-100">
                    <div class="card-body">
                        <h5 class="card-title">{{ $item['title'] }}</h5>
                        <p class="card-text">{{ Str::limit($item['description'], 120) }}</p>
                        <a href="{{ route('accesoinformacion.public.show', $item['id']) }}" class="btn btn-outline-primary btn-sm">
                            Ver detalles
                        </a>
                    </div>
                </div>
            </div>
        @empty
            <p>No hay información disponible.</p>
        @endforelse
    </div>
</div>
@endsection