@extends('site.layouts.app')

@php
    use Illuminate\Support\Facades\Storage;
    use Illuminate\Support\Str;
    $rp = app()->getLocale() === 'ar' ? 'site.ar.' : 'site.';
@endphp

@section('title', $page->localized('meta_title') ?: __('site.nav.references').' — '.\App\Support\Identite::marque())
@section('description', $page->localized('meta_description') ?: __('site.references.empty'))

@section('content')
    @include('site._hero', [
        'eyebrow' => __('site.nav.references'),
        'title' => $page->localized('title') ?: __('site.nav.references'),
        'subtitle' => __('site.cta.see_references'),
    ])

    <section class="section-light">
        <div class="container">
            @if ($references->isEmpty())
                <p class="empty-note">{{ __('site.references.empty') }}</p>
            @else
                <div class="cards-grid" data-stagger>
                    @foreach ($references as $reference)
                        @php($cover = collect($reference->public_images ?? [])->first())
                        <a href="{{ route($rp.'references.show', $reference) }}" class="post-card reveal">
                            <div class="post-card-media">
                                @if ($cover)
                                    <img src="{{ Storage::disk('public')->url($cover) }}" alt="{{ $reference->public_title }}" loading="lazy">
                                @endif
                            </div>
                            <div class="post-card-body">
                                <h3>{{ $reference->public_title }}</h3>
                                <p>{{ Str::limit(strip_tags((string) $reference->localized('public_description')), 120) }}</p>
                                <span class="service-link">{{ __('site.cta.read_more') }}
                                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14M13 5l7 7-7 7"/></svg>
                                </span>
                            </div>
                        </a>
                    @endforeach
                </div>
            @endif
        </div>
    </section>

    @include('site._cta', ['rp' => $rp])
@endsection