@use('Core\Localization\LocalizedDate')

{{--
    Catálogo público de dados abertos (ADR-018): o módulo define **apenas** o conteúdo central e os
    campos padrão do shell (ADR-016).
--}}
<x-layout::portal
    preset="padrao"
    :title="__('dados_abertos::index.title')"
    :description="__('dados_abertos::index.description')"
    :breadcrumbs="[
        ['label' => __('layout::shell.home'), 'url' => localized_url('/')],
        ['label' => __('dados_abertos::index.title')],
    ]"
    :schemas="[[
        '@context' => 'https://schema.org',
        '@type' => 'CollectionPage',
        'name' => __('dados_abertos::index.title'),
        'url' => localized_url('/dados-abertos'),
    ]]"
>
    <div class="flex flex-col gap-2 border-b border-civic-border pb-6">
        <h1 class="text-3xl font-extrabold tracking-tight text-civic-ink">{{ __('dados_abertos::index.title') }}</h1>
        <p class="text-civic-outline">{{ __('dados_abertos::index.lead') }}</p>
    </div>

    @if ($datasets->isEmpty())
        <div class="mt-8 flex flex-col items-center gap-4 rounded-2xl border-2 border-dashed border-civic-border bg-surface px-6 py-16 text-center">
            <x-ui::icon name="database" class="h-10 w-10 text-civic-outline" />
            <div>
                <h2 class="text-xl font-bold text-civic-ink">{{ __('dados_abertos::index.empty_title') }}</h2>
                <p class="mt-1 text-civic-outline">{{ __('dados_abertos::index.empty_lead') }}</p>
            </div>
        </div>
    @else
        <p class="mt-6 text-sm text-civic-outline">
            {{ $datasets->total() }} {{ trans_choice('dados_abertos::index.count', $datasets->total()) }}
        </p>

        <ul class="mt-4 grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3" role="list">
            @foreach ($datasets as $dataset)
                <li class="flex flex-col gap-3 rounded-2xl border-2 border-civic-border bg-surface p-6 shadow-sm transition-shadow hover:shadow-md">
                    <a href="{{ route('dados-abertos.show', ['slug' => $dataset->slug]) }}" class="text-xl font-bold leading-snug text-civic-ink transition-colors hover:text-civic-link">
                        {{ $dataset->title }}
                    </a>

                    @if ($dataset->summary)
                        <p class="text-civic-outline">{{ $dataset->summary }}</p>
                    @endif

                    <dl class="mt-auto grid grid-cols-1 gap-1 text-sm text-civic-outline">
                        @if ($dataset->publisher)
                            <div class="flex items-center gap-2">
                                <x-ui::icon name="building-2" class="h-4 w-4" />
                                <dt class="sr-only">{{ __('dados_abertos::show.publisher') }}</dt>
                                <dd>{{ $dataset->publisher }}</dd>
                            </div>
                        @endif
                        <div class="flex items-center gap-2">
                            <x-ui::icon name="calendar" class="h-4 w-4" />
                            <dt class="sr-only">{{ __('dados_abertos::show.updated') }}</dt>
                            <dd>{{ LocalizedDate::short($dataset->updated_at) }}</dd>
                        </div>
                    </dl>
                </li>
            @endforeach
        </ul>

        @if ($datasets->hasPages())
            <div class="mt-10">
                {{ $datasets->links() }}
            </div>
        @endif
    @endif
</x-layout::portal>