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

@extends('layouts.app')

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

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

        <section class="portfolio-posts">
            <ul class="portfolio-posts-list">
                @foreach($portfolios as $portfolio)
                    <li class="portfolio-post-item">
                        <a href="{{ route('portfolio.show', $portfolio->slug) }}">
                            <figure class="portfolio-banner-box">
                                @if(!is_null($portfolio->getMedia('portfolio')->first()))
                                <img src="{{ $portfolio->getMedia('portfolio')->first()->getUrl() }}" alt="{{ $portfolio->title }}" loading="lazy">
                                @else
                                <img src="{{ asset('Nexxuz - Logo.png') }}" alt="{{ $portfolio->title }}" loading="lazy">
                                @endif
                            </figure>

                            <div class="portfolio-content">
                                <div class="portfolio-meta">
                                    <time datetime="{{ $portfolio->created_at }}">
                                        {{ \Carbon\Carbon::make($portfolio->created_at)->format('l F j, Y H:i:s') }}
                                        @if($portfolio->created_at != $portfolio->updated_at) <br/><span class="text-xs">Updated at: {{ \Carbon\Carbon::make($portfolio->updated_at)->format('l F j, Y H:i:s') }}</span> @endif
                                        </time>
                                </div>

                                <h3 class="h3 portfolio-item-title">{{ $portfolio->title }}</h3>
                                <p class="portfolio-text"></p>
                            </div>
                        </a>
                    </li>
                @endforeach
            </ul>
        </section>
    </article>
@endsection

@section('script')
@endsection