@extends('layouts.master')

@section('title', 'আর্কাইভ - ' . config('app.name'))

@section('content')
<div class="container py-4">
    <h1>আর্কাইভ</h1>
    
    <div class="row">
        <div class="col-md-3">
            <div class="card">
                <div class="card-header">
                    <h5>মাস অনুযায়ী</h5>
                </div>
                <div class="card-body">
                    <div class="list-group">
                        @foreach($archives as $archive)
                        <a href="{{ route('archives') }}?year={{ $archive->year }}&month={{ $archive->month }}" 
                           class="list-group-item list-group-item-action d-flex justify-content-between align-items-center {{ $year == $archive->year && $month == $archive->month ? 'active' : '' }}">
                            {{ \Carbon\Carbon::createFromDate($archive->year, $archive->month)->format('F Y') }}
                            <span class="badge bg-primary rounded-pill">{{ $archive->count }}</span>
                        </a>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
        
        <div class="col-md-9">
            <div class="row">
                @forelse($posts as $post)
                <div class="col-md-6 mb-4">
                    <div class="card">
                        @if($post->thumbnail)
                        <img src="{{ $post->thumbnail_url }}" class="card-img-top" alt="{{ $post->title }}">
                        @endif
                        <div class="card-body">
                            <h5><a href="{{ route('single', $post->slug) }}">{{ $post->title }}</a></h5>
                            <p class="text-muted">{{\Carbon\Carbon::parse($post->published_at)->locale('bn_BD')->isoFormat('j MMMM Y') }}</p>
                        </div>
                    </div>
                </div>
                @empty
                <div class="col-12">
                    <p>কোনো পোস্ট পাওয়া যায়নি।</p>
                </div>
                @endforelse
            </div>
            {{ $posts->links() }}
        </div>
    </div>
</div>
@endsection