@extends('site.layouts.app')

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

@section('title', $reference->public_title.' — '.\App\Support\Identite::marque())
@section('description', Str::limit(strip_tags((string) $reference->localized('public_description')), 160))
@if ($images->first())
    @section('og_image', url(Storage::disk('public')->url($images->first())))
@endif

@section('content')
    @include('site._hero', [
        'eyebrow' => __('site.nav.references'),
        'title' => $reference->public_title,
    ])

    <section class="section-light">
        <article class="container article-wrap reveal">
            @if ($images->first())
                <img class="article-cover" src="{{ Storage::disk('public')->url($images->first()) }}" alt="{{ $reference->public_title }}" loading="lazy">
            @endif

            <div class="prose-site">{{ $reference->localizedHtml('public_description') }}</div>

            @if ($images->count() > 1)
                <div class="ref-gallery">
                    @foreach ($images->slice(1) as $image)
                        <img src="{{ Storage::disk('public')->url($image) }}" alt="{{ $reference->public_title }}" loading="lazy">
                    @endforeach
                </div>
            @endif

            <p style="margin-top:36px"><a href="{{ route($rp.'references.index') }}" class="text-link">
                <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="M19 12H5M11 19l-7-7 7-7"/></svg>
                {{ __('site.cta.back_to_references') }}</a></p>
        </article>
    </section>

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