@extends('layouts.app')

@php($__blogTitle = 'Блог teeu — о бизнесе и маркетплейсах')
@php($__blogDescription = 'Разбираем работу с маркетплейсами, продажи и всё, что помогает магазину расти: практика, цифры и опыт продавцов.')

@section('title', $__blogTitle)
@section('meta_description', $__blogDescription)

@section('seo')
    @include('partials.seo.meta', [
        {{-- Канонический адрес страниц со 2-й и далее — свой, а не первой страницы:
             иначе поисковик считает их дублями и перестаёт обходить. --}}
        'canonical' => \App\Support\Seo::listingCanonical(route('blog.index'), $posts->currentPage()),
        'ogTitle' => $__blogTitle,
        'ogDescription' => $__blogDescription,
    ])
    @include('partials.seo.json-ld', ['data' => \App\Support\Seo::breadcrumbJsonLd([
        ['name' => 'Главная', 'url' => route('home')],
        ['name' => 'Блог', 'url' => route('blog.index')],
    ])])
@endsection

@section('content')
    <div class="mx-auto w-full max-w-6xl">
        @include('partials.blog.crumbs', ['trail' => []])

        <h1 class="mt-4 text-3xl font-extrabold tracking-tight text-[var(--color-ink)]">Блог</h1>
        <p class="mt-2 max-w-2xl text-[17px] leading-relaxed text-[var(--color-slate)]">{{ $__blogDescription }}</p>

        @include('partials.blog.topics', ['categories' => $categories, 'active' => null])

        @if ($posts->isEmpty())
            <div class="mt-8 rounded-[var(--radius-lg)] border border-dashed border-[var(--color-line)] bg-white p-10 text-center text-[var(--color-muted)]">
                Первые статьи скоро появятся.
            </div>
        @else
            <div class="mt-6 grid gap-5 sm:grid-cols-2 lg:grid-cols-3">
                @foreach ($posts as $post)
                    @include('partials.blog.card', ['post' => $post])
                @endforeach
            </div>
            <div class="mt-8">{{ $posts->links() }}</div>
        @endif
    </div>
@endsection