@extends('layouts.site')
@section('title', $page->t('title'))
@section('content')
<section class="section section-cream page-v4" style="padding-top:3rem;">
    <div class="container">
        <span class="label-tag">{{ $page->t('eyebrow') }}</span>
        <h1 class="sec-title">{{ $page->t('title') }}</h1>
        <p class="sec-sub" style="max-width:720px;">{{ $page->t('intro') }}</p>

        @if($page->stats)
        <div class="stat-pills">
            @foreach($page->stats as $stat)
            <div class="stat-pill">
                <strong>{{ $stat['value'] ?? '' }}</strong>
                <span>{{ app()->getLocale()==='en' ? ($stat['label_en'] ?? $stat['label_ar'] ?? '') : ($stat['label_ar'] ?? $stat['label_en'] ?? '') }}</span>
            </div>
            @endforeach
        </div>
        @endif

        @foreach($page->sections ?? [] as $sec)
        <div class="feat-card" style="margin-top:1.5rem;">
            <h2 style="font-size:1.35rem;margin-bottom:.8rem;color:var(--gold);">
                {{ app()->getLocale()==='en' ? ($sec['title_en'] ?? $sec['title_ar'] ?? '') : ($sec['title_ar'] ?? $sec['title_en'] ?? '') }}
            </h2>
            <p style="color:var(--text-muted);line-height:1.9;margin-bottom:1rem;">
                {{ app()->getLocale()==='en' ? ($sec['desc_en'] ?? $sec['desc_ar'] ?? '') : ($sec['desc_ar'] ?? $sec['desc_en'] ?? '') }}
            </p>
            @if(!empty($sec['items']))
            <div class="grid-3">
                @foreach($sec['items'] as $item)
                <div class="card">
                    <h4>{{ app()->getLocale()==='en' ? ($item['title_en'] ?? $item['title_ar'] ?? '') : ($item['title_ar'] ?? $item['title_en'] ?? '') }}</h4>
                    <p>{{ app()->getLocale()==='en' ? ($item['desc_en'] ?? $item['desc_ar'] ?? '') : ($item['desc_ar'] ?? $item['desc_en'] ?? '') }}</p>
                </div>
                @endforeach
            </div>
            @endif
        </div>
        @endforeach

        <div style="margin-top:2rem;display:flex;gap:1rem;flex-wrap:wrap;">
            <a href="{{ route('pitch.create') }}" class="btn btn-gold">{{ app()->getLocale()==='en'?'Pitch Your Idea':'قدّم فكرتك' }}</a>
            <a href="{{ route('home') }}#contact" class="btn btn-outline">{{ __('Contact Us') }}</a>
        </div>
    </div>
</section>
@endsection