@extends('frontend.layouts.app')
@section('meta_title', '?-????? - ' . site_name())
@section('content')
<div class="container">
    <h2 class="fw-bold border-start border-danger border-4 ps-2 mb-4"><i class="bi bi-newspaper"></i> ?-?????</h2>
    @if($today)
    <div class="card border-0 shadow-sm mb-5"><div class="card-body text-center p-5">
        <h3 class="mb-3">{{ $today->title }}</h3>
        <p class="text-muted mb-4">{{ bangla_date($today->edition_date) }}</p>
        @if($today->cover_image)<img src="{{ $today->cover_url }}" alt="{{ $today->title }}" class="img-fluid rounded mb-4" style="max-height:400px;">@endif
        <div class="d-flex justify-content-center gap-3">
            <a href="{{ route('epaper.show', $today->edition_date->format('Y-m-d')) }}" class="btn btn-danger btn-lg"><i class="bi bi-book"></i> ?????</a>
            @if($today->pdf_file)<a href="{{ $today->pdf_url }}" class="btn btn-outline-danger btn-lg" target="_blank" download><i class="bi bi-download"></i> PDF ???????</a>@endif
        </div>
    </div></div>
    @endif

    <div class="d-flex justify-content-between align-items-center mb-3">
        <h4 class="fw-bold mb-0">???? ???????</h4>
        <a href="{{ route('epaper.archive') }}" class="btn btn-sm btn-outline-danger">???????</a>
    </div>
    <div class="row g-3">
        @foreach($latest as $e)
        <div class="col-6 col-md-3 col-lg-2"><a href="{{ route('epaper.show', $e->edition_date->format('Y-m-d')) }}" class="text-decoration-none">
            <div class="card border-0 shadow-sm"><img src="{{ $e->cover_url }}" class="card-img-top" style="height:180px;object-fit:cover;" loading="lazy"><div class="card-body p-2 text-center"><small class="text-dark">{{ bangla_date($e->edition_date, 'd M Y') }}</small></div></div>
        </a></div>
        @endforeach
    </div>
</div>
@endsection