@php
    use App\Models\Page;
    $page = Page::where('slug', '/blog')->first();
    $title = $page?->title ?? 'Blog';
    $metaTitle = $page?->meta_title;
    $metaDescription = $page?->meta_description;
    $canonicalUrl = $page?->canonical_url ?: route('blog');
@endphp

@extends('layouts.app')

@section('schema')
    <script type="application/ld+json">
        {!! json_encode([
            '@context' => 'https://schema.org',
            '@type' => 'CollectionPage',
            'name' => $title,
            'description' => $metaDescription ?? 'Insights and updates from Nexxuz.',
            'url' => route('blog'),
        ], JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE) !!}
    </script>
@endsection

@section('content')
    <article class="active" data-page="blog">
        <header>
            <h2 class="h2 article-title">Blog</h2>
        </header>

        <section class="blog-posts">
            <ul class="blog-posts-list">
                @foreach($blogs as $blog)
                    <li class="blog-post-item">
                        <a href="{{ route('blog.show', $blog->slug) }}">
                            <div class="max-w-sm rounded overflow-hidden shadow-lg">
                                @if(!is_null($blog->getMedia('blog')->first()))
                                    <img class="w-full" src="{{ $blog->getMedia('blog')->first()->getUrl() }}" alt="{{ $blog->title }}" loading="lazy">
                                @else
                                    <img class="w-full" src="{{ asset('Nexxuz - Logo.png') }}" alt="{{ $blog->title }}" loading="lazy">
                                @endif
                                <div class="px-6 py-4">
                                    <div class="font-bold text-xl mb-2 h3 blog-item-title">{{ $blog->title }}</div>
                                    <div class="text-gray-700 text-base">
                                        <div class="blog-meta">
                                            <time datetime="{{ $blog->created_at }}">
                                                {{ \Carbon\Carbon::make($blog->created_at)->format('l F j, Y H:i:s') }}
                                                @if($blog->created_at != $blog->updated_at) <br/><span class="text-xs">Updated at: {{ \Carbon\Carbon::make($blog->updated_at)->format('l F j, Y H:i:s') }}</span> @endif
                                            </time>
                                        </div>
                                    </div>
                                </div>
                                <div class="px-6 pt-4 pb-2">
                                    <span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2">#{{ \App\Models\BlogCategory::find($blog->blog_category_id)?->name }}</span>
                                </div>
                            </div>
                        </a>
                    </li>
                @endforeach
            </ul>
        </section>
    </article>
@endsection

@section('script')
@endsection