@extends('layouts.app')

@section('title', 'Blogs')

@php
  // active filter chip remove korar URL (baki filter rekhe)
  $base = array_filter(['q' => $q ?: null, 'category' => $cats ?: null, 'tag' => $tag ?: null]);
  $without = function (string $key, ?string $value = null) use ($base) {
      $params = $base;
      if ($key === 'category') {
          $params['category'] = array_values(array_diff($params['category'] ?? [], [$value]));
      } else {
          unset($params[$key]);
      }

      return route('blog.index', array_filter($params));
  };
  $catNames = $categories->pluck('name', 'slug');
@endphp

@section('content')
  @include('partials.page-head', [
    'title' => 'Blogs',
    'subtitle' => 'স্বাস্থ্য, রান্না ও লাইফস্টাইল নিয়ে দরকারি লেখা',
    'crumbs' => ['Blog' => null],
  ])

  <section class="container blog-layout list">
    @include('blog._sidebar', ['current' => null])

    <div>
      @if ($featured)
        <a href="{{ route('blog.show', $featured) }}" class="b-featured">
          @include('blog._cover', ['p' => $featured, 'cls' => 'big'])
          <div class="bf-body">
            <span class="bf-label">⭐ সর্বশেষ পোস্ট</span>
            <h2>{{ $featured->title }}</h2>
            <p>{{ $featured->excerpt }}</p>
            <div class="b-meta">
              <span>📅 {{ $featured->published_at->format('M d, Y') }}</span>
              <span>⏱ {{ $featured->read_time }} মিনিট</span>
              @if ($featured->category)<span class="b-cat">{{ $featured->category->name }}</span>@endif
            </div>
            <span class="b-more">Read Full Blog <span>→</span></span>
          </div>
        </a>
      @endif

      @if ($filtering)
        <div class="active-chips" id="blogChips">
          @if ($q !== '')<a href="{{ $without('q') }}">"{{ $q }}" ✕</a>@endif
          @foreach ($cats as $c)
            <a href="{{ $without('category', $c) }}">{{ $catNames[$c] ?? $c }} ✕</a>
          @endforeach
          @if ($tag !== '')<a href="{{ $without('tag') }}">#{{ $tag }} ✕</a>@endif
          <a href="{{ route('blog.index') }}" class="clear-all">Clear all</a>
        </div>
      @endif

      <div class="blog-grid" id="blogGrid">
        @forelse ($posts as $p)
          @include('blog._card', ['p' => $p])
        @empty
          @unless ($featured)
            <div class="empty"><div>📝</div>কোনো পোস্ট পাওয়া যায়নি<br><br><a href="{{ route('blog.index') }}" class="btn btn-primary">সব পোস্ট দেখুন</a></div>
          @endunless
        @endforelse
      </div>

      {{ $posts->links('partials.pagination') }}
    </div>
  </section>
@endsection

@push('head')
  <link rel="stylesheet" href="{{ asset('assets/css/pages.css') }}?v={{ filemtime(public_path('assets/css/pages.css')) }}">
@endpush