@extends('exposicao.layout')
@section('content')
    <div class="container py-5">

        <div class="text-center mb-5">
            <h2 class="fw-bold">Acervo do Tribunal</h2>
            <p class="text-muted">Explore as categorias do património institucional</p>
        </div>

        <div class="row g-4">
            @php
                $categorias = [
                    ['nome' => 'Documentos históricos', 'icon' => 'fa-file-lines', 'desc' => 'Evolução do Direito e decisões judiciais.'],
                    ['nome' => 'Objetos institucionais', 'icon' => 'fa-building-columns', 'desc' => 'Elementos administrativos do tribunal.'],
                    ['nome' => 'Trajes e insígnias', 'icon' => 'fa-scale-balanced', 'desc' => 'Símbolos do poder judicial.'],
                    ['nome' => 'Mobiliário histórico', 'icon' => 'fa-chair', 'desc' => 'Ambiente das salas de audiência.'],
                    ['nome' => 'Fotografias e registos visuais', 'icon' => 'fa-camera', 'desc' => 'Memória visual institucional.'],
                    ['nome' => 'Objectos relacionados com processos históricos', 'icon' => 'fa-gavel', 'desc' => 'Casos e julgamentos marcantes.'],
                    ['nome' => 'Elementos arquitetónicos', 'icon' => 'fa-landmark', 'desc' => 'Identidade do tribunal.'],
                ];
            @endphp

            @foreach ($categorias as $cat)
                <div class="col-lg-4 col-md-6 d-flex">
                    <a href="{{ route('exposicao.categoria', Str::slug($cat['nome'])) }}" class="categoria-link w-100">
                        <div class="categoria-box w-100 h-100 d-flex flex-column justify-content-between">
                            <div>
                                <i class="fa-solid {{ $cat['icon'] }}"></i>
                                <h5 class="mt-3">{{ $cat['nome'] }}</h5>
                                <p>{{ $cat['desc'] }}</p>
                            </div>
                        </div>
                    </a>
                </div>
            @endforeach

        </div>
    </div>
@endsection