{{-- Listagem de notícias das páginas de órgãos (NOTICIAS e HTML_NOTICIAS); usa Bootstrap 5. --}}
<div class="row mx-4 g-4">
    @for ($index = 0; $index < 2 && $index < count($noticias); $index++)
        @php
            $noticia = $noticias[$index];
            $slugDate = date('d-m-Y', strtotime($noticia->created_at));
            $noticiaUrl = route('paginas.slug', [$slugDate, $noticia->slug]);
            $titulo = html_entity_decode($noticia->title, ENT_QUOTES, 'UTF-8');
            $resumo = html_entity_decode($noticia->summary, ENT_QUOTES, 'UTF-8');
        @endphp
        <div class="col-12 col-md-6">
            <a href="{{ $noticiaUrl }}" class="text-reset text-decoration-none d-block h-100">
                <article class="card h-100 border-0 shadow-sm overflow-hidden rounded-3">
                    <div class="ratio ratio-4x3 bg-body-tertiary">
                        <img src="{{ asset($noticia->featuredPhoto) }}" class="object-fit-cover" alt="{{ __('Capa da notícia') }}: {{ strip_tags($titulo) }}" />
                    </div>
                    <div class="card-body px-3 pt-3 pb-4">
                        <h3 class="news-title lh-sm mb-2 mb-md-3 ps-0">{{ $titulo }}</h3>
                        <p class="card-text small text-body-secondary mb-2 mb-md-3 org-news-lead ps-0">{{ $resumo }}</p>
                        <time class="news-date small text-body-secondary d-block ps-0" datetime="{{ $noticia->created_at }}">
                            {{ app(App\Http\Controllers\Controller::class)->formatDateToPortuguese($noticia->created_at) }}
                        </time>
                    </div>
                </article>
            </a>
        </div>
    @endfor
</div>

<div class="row mx-4 g-4 mt-1">
    @for ($index = 2; $index < count($noticias); $index++)
        @php
            $noticia = $noticias[$index];
            $slugDate = date('d-m-Y', strtotime($noticia->created_at));
            $noticiaUrl = route('paginas.slug', [$slugDate, $noticia->slug]);
            $titulo = html_entity_decode($noticia->title, ENT_QUOTES, 'UTF-8');
            $resumo = html_entity_decode($noticia->summary, ENT_QUOTES, 'UTF-8');
        @endphp
        <div class="col-12">
            <a href="{{ $noticiaUrl }}" class="text-reset text-decoration-none d-block">
                <article class="card border-0 shadow-sm overflow-hidden rounded-3 mb-1 mb-md-0">
                    <div class="row g-0 align-items-stretch">
                        <div class="col-12 col-md-4">
                            <div class="ratio ratio-4x3 bg-body-tertiary">
                                <img src="{{ asset($noticia->featuredPhoto) }}" class="object-fit-cover" alt="{{ __('Capa da notícia') }}: {{ strip_tags($titulo) }}" />
                            </div>
                        </div>
                        <div class="col-12 col-md-8">
                            <div class="card-body py-3 px-3">
                                <h3 class="news-title org-news-title-compact lh-sm mb-2 ps-0">{{ $titulo }}</h3>
                                <p class="card-text small text-body-secondary mb-2 org-news-list-excerpt ps-0">
                                    {{ Str::limit(strip_tags($resumo), 160) }}
                                </p>
                                <time class="news-date small text-body-secondary d-block ps-0" datetime="{{ $noticia->created_at }}">
                                    {{ app(App\Http\Controllers\Controller::class)->formatDateToPortuguese($noticia->created_at) }}
                                </time>
                            </div>
                        </div>
                    </div>
                </article>
            </a>
        </div>
    @endfor
</div>

@if ($noticias->hasPages())
    <div class="row mt-4">
        <div class="col-12">
            <div class="d-flex justify-content-center px-2 overflow-x-auto">{!! $noticias->links() !!}</div>
        </div>
    </div>
@endif