@extends('site.layouts.app')

@php
    $rp = app()->getLocale() === 'ar' ? 'site.ar.' : 'site.';
    $approche = $page->sectionContent('approche');
@endphp

@section('title', $page->localized('meta_title') ?: __('site.nav.method').' — '.\App\Support\Identite::marque())
@section('description', $page->localized('meta_description') ?: \Illuminate\Support\Str::limit(strip_tags((string) ($approche['intro'] ?? $approche['heading'] ?? '')), 160))

@section('content')
    @include('site._hero', [
        'eyebrow' => $approche['eyebrow'] ?? __('site.nav.method'),
        'title' => $page->localized('title') ?: ($approche['heading'] ?? __('site.nav.method')),
        'subtitle' => $approche['intro'] ?? null,
    ])

    <section class="section-dark section-process">
        <div class="container">
            @if (! empty($approche['steps']))
                <ol class="process" data-process>
                    <span class="process-line" aria-hidden="true"><span class="process-line-fill"></span></span>
                    @foreach ($approche['steps'] as $step)
                        <li class="process-step">
                            <span class="process-marker" aria-hidden="true">
                                @switch($loop->index)
                                    @case(0)<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18h6"/><path d="M10 22h4"/><path d="M12 2a7 7 0 00-4 12.7c.6.5 1 1.3 1 2.1V17h6v-.2c0-.8.4-1.6 1-2.1A7 7 0 0012 2z"/></svg>@break
                                    @case(1)<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/></svg>@break
                                    @case(2)<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polyline points="23 6 13.5 15.5 8.5 10.5 1 18"/><polyline points="17 6 23 6 23 12"/></svg>@break
                                    @default<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 00-2.91-.09z"/><path d="M12 15l-3-3a22 22 0 012-3.95A12.88 12.88 0 0122 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 01-4 2z"/></svg>
                                @endswitch
                            </span>
                            <span class="process-num" aria-hidden="true">{{ str_pad($loop->iteration, 2, '0', STR_PAD_LEFT) }}</span>
                            <h3>{{ $step['title'] ?? '' }}</h3>
                            <p>{{ $step['text'] ?? '' }}</p>
                        </li>
                    @endforeach
                </ol>
            @endif

            @if ($keyFigures->isNotEmpty())
                <div class="stats-grid" data-stagger>
                    @foreach ($keyFigures as $figure)
                        @php $digits = (int) filter_var($figure->value, FILTER_SANITIZE_NUMBER_INT); @endphp
                        <div class="stat-card reveal">
                            <div class="value">
                                @if (\Illuminate\Support\Str::startsWith($figure->value, '+'))<span class="plus">+</span>@endif
                                <span data-counter="{{ $digits }}">0</span>
                                @if ($figure->suffix)<span class="plus">{{ $figure->suffix }}</span>@endif
                            </div>
                            <span class="label">{{ $figure->localized('label') }}</span>
                        </div>
                    @endforeach
                </div>
            @endif
        </div>
    </section>

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