@php
    /** @var \Illuminate\Pagination\LengthAwarePaginator $news */
    $pageTitle = 'Notícias Arquivadas';
@endphp

@extends('v2-cms::layouts.app', [
    'title' => $pageTitle,
])

@section('page-breadcrumbs')
    @include('v2-cms::partials.breadcrumb', ['items' => [
        ['label' => 'Publicações'],
        ['label' => 'Notícias'],
        ['label' => 'Arquivadas'],
    ]])
@endsection

@section('css')
    @parent
    @include('v2-noticias::cms.includes.styles')
@endsection

@section('content')
    <p class="text-muted mb-3">{{ $news->total() }} registros encontrados</p>

    @if($news->count() > 0)
        <div class="row row-cols-1 row-cols-md-2 row-cols-xl-4 g-2" role="list" aria-label="Lista de notícias arquivadas">
            @foreach($news as $item)
                <div class="col" role="listitem">
                <article class="news-card-compact">
                    @php $coverUrl = $item->getCoverImageUrl(); @endphp
                    <div class="news-card-compact-thumb">
                        @if($coverUrl)
                            <img src="{{ $coverUrl }}" loading="lazy" alt="Capa da notícia (arquivada)">
                        @else
                            <div class="news-card-compact-thumb-placeholder">
                                <i class="bi bi-newspaper"></i>
                            </div>
                        @endif
                    </div>

                    <div class="news-card-compact-body">
                        <div class="news-card-compact-top">
                            <span class="status-dot bg-secondary" title="Arquivada"></span>
                            <span class="news-card-compact-status text-secondary">Arquivada</span>
                        </div>

                        <h5 class="news-card-compact-title" title="{{ $item->title }}">
                            <a href="{{ route('v2.noticias.cms.edit', ['id' => $item->id]) }}" class="text-decoration-none stretched-link"></a>
                            {{ $item->title }}
                        </h5>

                        <div class="news-card-compact-meta">
                            <span><i class="bi bi-calendar3"></i> {{ $item->created_at->format('d/m/Y') }}</span>
                            <span><i class="bi bi-archive"></i> {{ $item->deleted_at->format('d/m/Y') }}</span>
                        </div>

                        @if($item->category || ($item->relationLoaded('tags') && $item->tags->count() > 0))
                        <div class="news-card-compact-taxonomy">
                            @if($item->category)
                                <span class="news-card-compact-cat"><i class="bi bi-folder2"></i> {{ $item->category->name }}</span>
                            @endif
                            @if($item->relationLoaded('tags') && $item->tags->count() > 0)
                                @foreach($item->tags->take(2) as $tag)
                                    <span class="news-card-compact-tag">{{ $tag->name }}</span>
                                @endforeach
                                @if($item->tags->count() > 2)
                                    <span class="news-card-compact-tag">+{{ $item->tags->count() - 2 }}</span>
                                @endif
                            @endif
                        </div>
                        @endif

                        <div class="news-card-compact-actions">
                            <a href="{{ route('v2.noticias.cms.edit', ['id' => $item->id]) }}"
                               class="btn-icon" title="Editar" aria-label="Editar">
                                <i class="bi bi-pencil"></i>
                            </a>
                            @php $restoreFormId = 'restore-form-' . $item->id; @endphp
                            <form action="{{ route('v2.noticias.cms.restore', ['id' => $item->id]) }}"
                                  method="POST" class="d-inline" id="{{ $restoreFormId }}">
                                {{ csrf_field() }}
                                <button type="button" class="btn-icon text-success"
                                        data-confirm-modal
                                        data-confirm-title="Reativar Notícia"
                                        data-confirm-body='Deseja reativar "{{ $item->title }}" como rascunho?'
                                        data-confirm-icon="bi-arrow-counterclockwise"
                                        data-confirm-btn-text="Reativar"
                                        data-confirm-btn-class="btn-success"
                                        data-confirm-form-id="{{ $restoreFormId }}"
                                        title="Reativar">
                                    <i class="bi bi-arrow-counterclockwise"></i>
                                </button>
                            </form>
                        </div>
                    </div>
                </article>
                </div>
            @endforeach
        </div>

        @if($news->hasPages())
        <div class="d-flex justify-content-center mt-4">
            {{ $news->appends(request()->except('page'))->links('v2-cms::partials.pagination') }}
        </div>
        @endif
    @else
        <div class="text-center py-5">
            <i class="bi bi-archive" style="font-size: 3rem; color: var(--bs-secondary-color);" aria-hidden="true"></i>
            <h2 class="h5 mt-3 text-muted">Nenhuma notícia arquivada</h2>
            <p class="text-muted">Notícias arquivadas aparecerão aqui.</p>
            <a href="{{ route('v2.noticias.cms.index') }}" class="btn btn-outline-primary">
                <i class="bi bi-arrow-left me-1" aria-hidden="true"></i>
                Voltar para Notícias
            </a>
        </div>
    @endif

    @include('v2-noticias::cms.includes._confirm-modal')
@endsection

@push('scripts')
    @include('v2-noticias::cms.includes.scripts')
@endpush