@use('Core\Localization\LocalizedDate')

{{--
    Tela de CMS do módulo Demo: o módulo informa `title`/`breadcrumbs` e preenche **apenas** o
    conteúdo — a estrutura (header/regiões/navegação) é do shell (ADR-009/ADR-036).
--}}
@php
    /** @var \Illuminate\Support\Collection<int, \Modules\Desenvolvimento\Demo\Database\Models\Milestone> $milestones */
    $statuses = [
        'pending' => 'demo::cms.status_pending',
        'completed' => 'demo::cms.status_completed',
        'blocked' => 'demo::cms.status_blocked',
    ];
@endphp

<x-layout::cms
    :title="__('demo::cms.title')"
    :breadcrumbs="[
        ['label' => __('demo::menu.title')],
        ['label' => __('demo::cms.title')],
    ]">
    <x-cms::card>
        @if ($milestones->isEmpty())
            <x-cms::empty-state />
        @else
            <x-cms::table :caption="__('demo::cms.caption')">
                <thead>
                    <tr>
                        <th scope="col">{{ __('demo::cms.name') }}</th>
                        <th scope="col">{{ __('demo::cms.deadline') }}</th>
                        <th scope="col">{{ __('demo::cms.status') }}</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($milestones as $milestone)
                        <tr>
                            <td>{{ $milestone->title }}</td>
                            <td>{{ LocalizedDate::short($milestone->deadline) }}</td>
                            <td>
                                <x-cms::badge :variant="$milestone->status === 'completed' ? 'success' : 'warning'">
                                    {{ __($statuses[$milestone->status] ?? $milestone->status) }}
                                </x-cms::badge>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </x-cms::table>
        @endif
    </x-cms::card>
</x-layout::cms>