@php($c = $c ?? landing_content())
<section class="section section--alt faq" id="faq" aria-labelledby="faq-title">
    <div class="container">
        <div class="faq__head">
            <span class="section__eyebrow reveal">{{ $c['faq']['eyebrow'] }}</span>
            <h2 class="section__title reveal" id="faq-title" style="--delay: 80ms">{{ $c['faq']['title'] }}</h2>
        </div>

        {{-- Questions + contact form merged into a single panel --}}
        <div class="faq__panel reveal" style="--delay: 120ms">
            <div class="faq__questions">
                @foreach ($c['faq']['items'] as $i => $item)
                    <details class="faq__item" @if ($i === 0) open @endif>
                        <summary class="faq__q">
                            <span>{{ $item['question'] }}</span>
                            <svg class="faq__chevron" width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true">
                                <path d="M6 9l6 6 6-6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                            </svg>
                        </summary>
                        <div class="faq__a">{!! $item['answer'] !!}</div>
                    </details>
                @endforeach
            </div>

            <div class="faq__form-side">
                <h3 class="faq__form-title">{{ $c['contact']['title'] }}</h3>
                <p class="faq__form-subtitle">{{ $c['contact']['subtitle'] }}</p>

                <form
                    class="contact-form"
                    method="POST"
                    action="{{ \Illuminate\Support\Facades\Route::has('contact.store') ? route('contact.store') : '#' }}"
                    data-contact-form
                    data-success="{{ $c['contact']['success'] }}"
                    data-error="{{ $c['contact']['error'] }}"
                >
                    @csrf
                    <div class="contact-form__alert" data-form-alert hidden></div>

                    <label class="contact-form__field">
                        <span class="contact-form__label">{{ $c['contact']['name_label'] }}</span>
                        <input type="text" name="name" value="{{ old('name') }}" required maxlength="100" autocomplete="name">
                        <span class="contact-form__error" data-error-for="name"></span>
                    </label>

                    <label class="contact-form__field">
                        <span class="contact-form__label">{{ $c['contact']['email_label'] }}</span>
                        <input type="email" name="email" value="{{ old('email') }}" required maxlength="150" autocomplete="email">
                        <span class="contact-form__error" data-error-for="email"></span>
                    </label>

                    <label class="contact-form__field">
                        <span class="contact-form__label">{{ $c['contact']['message_label'] }}</span>
                        <textarea name="message" rows="4" required maxlength="2000">{{ old('message') }}</textarea>
                        <span class="contact-form__error" data-error-for="message"></span>
                    </label>

                    {{-- simple anti-spam honeypot (must stay empty) --}}
                    <input type="text" name="website" tabindex="-1" autocomplete="off" class="contact-form__hp" aria-hidden="true">

                    <button type="submit" class="btn btn-primary contact-form__submit">
                        <span class="contact-form__submit-text">{{ $c['contact']['send'] }}</span>
                    </button>
                </form>
            </div>
        </div>
    </div>
</section>