@extends('layout.front.master')

@section('title', $pageTitle)
@section('meta_description', trans('News archive for :period', ['period' => $month ? $startDate->format('F Y') : $year]))

@section('content')
<div class="px-3 px-lg-5">
    <!-- Page Header -->
    <div class="page-header py-0 bg-primary px-3 px-xl-0 border-radius-2-top p-relative mb-5 overflow-hidden">
        <div class="overflow-hidden p-absolute top-0 left-0 bottom-0 h-100 w-100">
            <div class="custom-el-5 custom-pos-4">
                <img class="img-fluid opacity-2 opacity-hover-2" src="{{ asset('cd-project/img/demos/accounting-1/svg/waves.svg') }}" alt="">
            </div>
        </div>
        <div class="container p-relative z-index-1 py-2">
            <div class="row mh-200px mh-lg-300px align-items-center py-4">
                <div class="col">
                    <div class="appear-animation" data-appear-animation="fadeInRightShorter" data-appear-animation-delay="0">
                        <nav aria-label="breadcrumb">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item">
                                    <a href="{{ url('/') }}" class="text-light">{{ trans('Home') }}</a>
                                </li>
                                                                 <li class="breadcrumb-item">
                                     <a href="{{ route('frontend.news.index') }}" class="text-light">{{ trans('News') }}</a>
                                 </li>
                                <li class="breadcrumb-item active text-light" aria-current="page">
                                    {{ trans('Archive') }}
                                </li>
                            </ol>
                        </nav>
                    </div>
                    <div class="appear-animation" data-appear-animation="fadeIn" data-appear-animation-delay="200">
                        <h1 class="text-light text-10 font-weight-semibold line-height-1 mb-2">{{ $pageTitle }}</h1>
                        <p class="text-light text-4 mb-0">
                            {{ trans('Browse news from :period', ['period' => $month ? $startDate->format('F Y') : $year]) }}
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="my-5">
        <div class="row">
            <div class="col-lg-8">
                <!-- Archive Period Info -->
                <div class="mb-4">
                    <div class="row align-items-center">
                        <div class="col">
                            <h2 class="text-6 font-weight-bold mb-0">
                                {{ $month ? $startDate->format('F Y') : $year }}
                            </h2>
                            <p class="text-muted mb-0">
                                {{ trans('Found :count articles', ['count' => $news->count()]) }}
                            </p>
                        </div>
                                                 <div class="col-auto">
                             <a href="{{ route('frontend.news.index') }}" class="btn btn-outline-primary">
                                 {{ trans('Latest News') }}
                             </a>
                         </div>
                    </div>
                </div>

                <!-- Archive Results -->
                @if($news && $news->count() > 0)
                    <div class="archive-results">
                        @foreach($news as $article)
                            <article class="archive-item mb-4 pb-4 border-bottom">
                                <div class="row">
                                    <div class="col-md-3">
                                        <div class="archive-date text-center">
                                            <div class="date-box bg-primary text-light p-3 rounded">
                                                <div class="day text-5 font-weight-bold">{{ $article->created_at->format('d') }}</div>
                                                <div class="month text-2 text-uppercase">{{ $article->created_at->format('M') }}</div>
                                                <div class="year text-1">{{ $article->created_at->format('Y') }}</div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-9">
                                                                                 <div class="archive-content">
                                             <h3 class="archive-title mb-2">
                                                 <a href="{{ route('frontend.news.show', $article->slug) }}"
                                                    class="text-decoration-none text-dark">
                                                     {{ $article->title }}
                                                 </a>
                                             </h3>
                                            <div class="archive-meta mb-2">
                                                <span class="text-muted me-3">
                                                    <i class="fas fa-clock me-1"></i>
                                                    {{ $article->created_at->format('g:i A') }}
                                                </span>
                                                @if($article->user)
                                                    <span class="text-muted">
                                                        <i class="fas fa-user me-1"></i>
                                                        {{ $article->user->name }}
                                                    </span>
                                                @endif
                                            </div>
                                                                                         <p class="archive-excerpt text-muted mb-3">
                                                 {{ Str::limit(strip_tags($article->content), 200) }}
                                             </p>
                                             <a href="{{ route('frontend.news.show', $article->slug) }}"
                                                class="btn btn-outline-primary btn-sm">
                                                 {{ trans('Read Article') }}
                                             </a>
                                        </div>
                                    </div>
                                </div>
                            </article>
                        @endforeach
                    </div>
                @else
                    <!-- No Archive Results -->
                    <div class="no-archive text-center py-5">
                        <i class="fas fa-archive fa-4x text-muted mb-4"></i>
                        <h3 class="text-4 font-weight-bold text-dark mb-3">
                            {{ trans('No Articles Found') }}
                        </h3>
                                                 <p class="text-3 text-muted mb-4">
                             {{ trans('No news articles were published in :period.', ['period' => $month ? $startDate->format('F Y') : $year]) }}
                         </p>
                         <a href="{{ route('frontend.news.index') }}" class="btn btn-primary">
                             {{ trans('Browse Latest News') }}
                         </a>
                    </div>
                @endif
            </div>

            <!-- Sidebar -->
            <div class="col-lg-4">
                <aside class="sidebar">
                    <!-- Archive Navigation -->
                    <div class="px-3 mt-4">
                        <h5 class="text-5 font-weight-semi-bold">{{ trans('Archive Navigation') }}</h5>
                        <div class="pb-2 mb-1">
                            @for($i = 0; $i < 5; $i++)
                                @php $archiveYear = now()->subYears($i)->year; @endphp
                                                                 <div class="mb-2">
                                     <a href="{{ route('frontend.news.archive', ['year' => $archiveYear]) }}"
                                        class="text-decoration-none d-block py-1 {{ $year == $archiveYear ? 'fw-bold text-primary' : '' }}">
                                         {{ $archiveYear }}
                                     </a>
                                     @if($year == $archiveYear)
                                         <div class="ms-3">
                                             @for($m = 1; $m <= 12; $m++)
                                                 @php
                                                     $monthDate = \Carbon\Carbon::createFromDate($archiveYear, $m, 1);
                                                     if ($monthDate->isFuture()) continue;
                                                 @endphp
                                                 <a href="{{ route('frontend.news.archive', ['year' => $archiveYear, 'month' => $m]) }}"
                                                    class="text-decoration-none d-block py-1 text-2 {{ $month == $m ? 'fw-bold text-primary' : 'text-muted' }}">
                                                     {{ $monthDate->format('F') }}
                                                 </a>
                                             @endfor
                                         </div>
                                     @endif
                                 </div>
                            @endfor
                        </div>
                    </div>

                    <!-- Recent News -->
                    @if($recentNews && $recentNews->count() > 0)
                        <div class="px-3 mt-4">
                            <h5 class="text-5 font-weight-semi-bold">{{ trans('Recent News') }}</h5>
                            <div class="pb-2 mb-1">
                                @foreach($recentNews as $recent)
                                    <div class="row mb-3">
                                        <div class="col">
                                            <div class="row align-items-center">
                                                <div class="col-auto pe-2">
                                                    <div class="date text-center">
                                                        <span class="day text-4 font-weight-bold text-dark d-block">{{ $recent->created_at->format('d') }}</span>
                                                        <span class="month text-1 text-uppercase">{{ $recent->created_at->format('M') }}</span>
                                                    </div>
                                                </div>
                                                                                                     <div class="col ps-1">
                                                         <h4 class="text-3 font-weight-medium letter-spacing-0 pt-1 mb-1">
                                                             <a href="{{ route('frontend.news.show', $recent->slug) }}" class="text-decoration-none">
                                                                 {{ Str::limit($recent->title, 45) }}
                                                             </a>
                                                         </h4>
                                                    <p class="mb-0 text-2 text-muted">{{ $recent->created_at->diffForHumans() }}</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    @endif

                                         <!-- Quick Links -->
                     <div class="px-3 mt-4">
                         <h5 class="text-5 font-weight-semi-bold">{{ trans('Quick Links') }}</h5>
                         <div class="pb-2 mb-1">
                             <a href="{{ route('frontend.news.index') }}" class="d-block py-1 text-decoration-none">
                                 {{ trans('Latest News') }}
                             </a>
                             <a href="{{ route('frontend.news.search') }}" class="d-block py-1 text-decoration-none">
                                 {{ trans('Search News') }}
                             </a>
                             <a href="{{ route('frontend.news.rss') }}" class="d-block py-1 text-decoration-none" target="_blank">
                                 {{ trans('RSS Feed') }}
                             </a>
                         </div>
                     </div>
                </aside>
            </div>
        </div>
    </div>
</div>
@endsection