@php
    use App\Facades\Settings;
    // Distinct var names: @include leaks the parent scope, and the home view already
    // defines $intro (an array) — don't let it collide with the contact intro text.
    $rp = $rp ?? (app()->getLocale() === 'ar' ? 'site.ar.' : 'site.');
    $contactHeading = $contactHeading ?? 'Parlons de votre projet';
    $contactIntro = $contactIntro ?? 'Une question, un programme à co-construire, un appel à projets ? Notre équipe vous répond sous 48 heures ouvrées.';
@endphp
<section class="section-soft" id="contact" aria-labelledby="contact-title">
    <div class="container contact-grid">
        <div class="contact-info reveal">
            <span class="eyebrow">{{ __('site.nav.contact') }}</span>
            <h2 id="contact-title">{{ $contactHeading }}</h2>
            <p>{{ $contactIntro }}</p>

            <div class="info-list">
                @if ($addr = Settings::get('cms.contact_address'))
                    <div class="info-item">
                        <span class="ico" aria-hidden="true"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13S3 17 3 10a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg></span>
                        <div><strong>{{ __('site.contact.address') }}</strong><span>{{ $addr }}</span></div>
                    </div>
                @endif
                @if ($phone = Settings::get('cms.contact_phone'))
                    <div class="info-item">
                        <span class="ico" aria-hidden="true"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.13.96.37 1.9.72 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.91.35 1.85.59 2.81.72A2 2 0 0122 16.92z"/></svg></span>
                        <div><strong>{{ __('site.contact.phone') }}</strong><a href="tel:{{ preg_replace('/\s+/', '', $phone) }}">{{ $phone }}</a></div>
                    </div>
                @endif
                @if ($email = Settings::get('cms.contact_email'))
                    <div class="info-item">
                        <span class="ico" aria-hidden="true"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg></span>
                        <div><strong>{{ __('site.contact.email') }}</strong><a href="mailto:{{ $email }}">{{ $email }}</a></div>
                    </div>
                @endif
            </div>

            <div class="socials" aria-label="{{ __('site.footer.follow') }}">
                {{-- v3.12.0 — Deux comptes Instagram possibles ; le second est facultatif. --}}
                @foreach (\App\Support\Site\ReseauxSociaux::instagram() as $index => $ig)
                    <a class="social-btn" href="{{ $ig }}" target="_blank" rel="noopener noreferrer" aria-label="Instagram{{ $index > 0 ? ' ('.($index + 1).')' : '' }} (nouvel onglet)">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"/><path d="M16 11.37A4 4 0 1112.63 8 4 4 0 0116 11.37z"/><line x1="17.5" y1="6.5" x2="17.5" y2="6.5"/></svg>
                        Instagram
                    </a>
                @endforeach
                @if ($fb = Settings::get('cms.social_facebook'))
                    <a class="social-btn" href="{{ $fb }}" target="_blank" rel="noopener noreferrer" aria-label="Facebook (nouvel onglet)">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z"/></svg>
                        Facebook
                    </a>
                @endif
                @if ($li = Settings::get('cms.social_linkedin'))
                    <a class="social-btn" href="{{ $li }}" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn (nouvel onglet)">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M16 8a6 6 0 016 6v7h-4v-7a2 2 0 00-2-2 2 2 0 00-2 2v7h-4V8h4v1.57A6 6 0 0116 8z"/><rect x="2" y="9" width="4" height="12"/><circle cx="4" cy="11" r="2"/></svg>
                        LinkedIn
                    </a>
                @endif
                @if ($map = Settings::get('cms.map_url'))
                    <a class="social-btn" href="{{ $map }}" target="_blank" rel="noopener noreferrer" aria-label="Itinéraire Google Maps (nouvel onglet)">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polygon points="1 6 1 22 8 18 16 22 23 18 23 2 16 6 8 2 1 6"/><line x1="8" y1="2" x2="8" y2="18"/><line x1="16" y1="6" x2="16" y2="22"/></svg>
                        {{ __('site.contact.map') }}
                    </a>
                @endif
            </div>
        </div>

        <form id="contact-form" class="contact-form reveal reveal-delay-1"
              action="{{ route($rp.'contact.submit') }}" method="POST" novalidate aria-labelledby="form-title">
            @csrf
            <h3 id="form-title">{{ __('site.contact.form.title') }}</h3>
            <p>{{ __('site.contact.intro') }}</p>

            @if (session('contact_success'))
                <div class="form-status show success" role="status">{{ __('site.contact.form.success') }}</div>
            @endif

            <div class="form-row two">
                <div class="field @error('name') invalid @enderror">
                    <label for="f-name">{{ __('site.contact.form.name') }}</label>
                    <input id="f-name" type="text" name="name" autocomplete="name" required minlength="2" value="{{ old('name') }}" placeholder="Ex. Yassine El Mansouri">
                    <span class="error-msg" role="alert">@error('name'){{ $message }}@enderror</span>
                </div>
                <div class="field @error('email') invalid @enderror">
                    <label for="f-email">{{ __('site.contact.form.email') }}</label>
                    <input id="f-email" type="email" name="email" autocomplete="email" required value="{{ old('email') }}" placeholder="vous@exemple.com">
                    <span class="error-msg" role="alert">@error('email'){{ $message }}@enderror</span>
                </div>
            </div>

            <div class="form-row two">
                <div class="field @error('phone') invalid @enderror">
                    <label for="f-phone">{{ __('site.contact.form.phone') }}</label>
                    <input id="f-phone" type="tel" name="phone" autocomplete="tel" value="{{ old('phone') }}" placeholder="+212 6 …">
                    <span class="error-msg" role="alert">@error('phone'){{ $message }}@enderror</span>
                </div>
                <div class="field">
                    <label for="f-subject">{{ __('site.contact.form.subject') }}</label>
                    <input id="f-subject" type="text" name="subject" value="{{ old('subject') }}" placeholder="Ex. Programme d’incubation">
                </div>
            </div>

            <div class="field @error('message') invalid @enderror">
                <label for="f-message">{{ __('site.contact.form.message') }}</label>
                <textarea id="f-message" name="message" required minlength="10" placeholder="Présentez brièvement votre projet ou votre demande…">{{ old('message') }}</textarea>
                <span class="error-msg" role="alert">@error('message'){{ $message }}@enderror</span>
            </div>

            {{-- Honeypot (caché aux humains) --}}
            <div class="hp-field" aria-hidden="true">
                <label for="hp-company">Société</label>
                <input id="hp-company" type="text" name="company" tabindex="-1" autocomplete="off">
            </div>

            <div class="form-actions">
                <button type="submit" class="btn btn-primary" data-magnetic>
                    {{ __('site.contact.form.send') }}
                    <svg class="btn-arrow" width="16" height="16" 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>
                </button>
                <span class="form-status" role="status" aria-live="polite"></span>
            </div>

            @if ($email = Settings::get('cms.contact_email'))
                <p class="form-fallback">Ou écrivez-nous directement : <a href="mailto:{{ $email }}">{{ $email }}</a></p>
            @endif
        </form>
    </div>
</section>