@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">?-????? ???????</h2>
    <form class="mb-4"><div class="d-flex gap-2" style="max-width:400px;">
        <select name="year" class="form-select form-select-sm">@for($y=date('Y');$y>=2020;$y--)<option value="{{ $y }}" {{ $year==$y?'selected':'' }}>{{ $y }}</option>@endfor</select>
        <select name="month" class="form-select form-select-sm"><option value="">?? ???</option>@for($m=1;$m<=12;$m++)<option value="{{ $m }}" {{ $month==$m?'selected':'' }}>{{ $m }}</option>@endfor</select>
        <button class="btn btn-danger btn-sm">???????</button>
    </div></form>
    <div class="row g-3">
        @foreach($editions 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 class="mt-4">{{ $editions->appends(['year'=>$year,'month'=>$month])->links() }}</div>
</div>
@endsection