@extends('site.layouts.app')

@php($rp = app()->getLocale() === 'ar' ? 'site.ar.' : 'site.')

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

@section('content')
    @include('site._hero', [
        'eyebrow' => __('site.nav.services'),
        'title' => $page->localized('title') ?: __('site.home.services_title'),
        'subtitle' => __('site.home.services_intro'),
    ])

    <section class="section-light">
        <div class="container">
            <div class="services-grid" data-stagger>
                @foreach ($services as $service)
                    <article class="service-card reveal" data-tilt>
                        <div class="service-icon" aria-hidden="true">@include('site.partials.service-icon', ['icon' => $service->icon])</div>
                        <h3>{{ $service->localized('title') }}</h3>
                        <p>{{ $service->localized('excerpt') }}</p>
                        <a href="{{ route($rp.'services.show', $service->slug) }}" 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>
                        </a>
                    </article>
                @endforeach
            </div>
        </div>
    </section>

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