@extends('layouts.app')

@section('title', 'FAQ — iiSHEEG')

@section('content')
<section class="bg-navy text-white py-5">
    <div class="container">
        <h1 class="h3 mb-0">Frequently asked questions</h1>
    </div>
</section>

<section class="container py-5">
    <div class="row justify-content-center">
        <div class="col-lg-8">
            <div class="accordion" id="faqAccordion">
                @php
                    $faqs = [
                        ['q' => 'Is iiSHEEG free to use?', 'a' => 'Yes, searching the directory and asking our AI assistant questions is completely free.'],
                        ['q' => 'How do I add my business?', 'a' => 'Click "Add Business" in the navigation, fill in your details and upload a logo. Submissions are reviewed before appearing in search results.'],
                        ['q' => 'How does the Ask Anything assistant work?', 'a' => 'It is powered by Claude, an AI model from Anthropic. Ask a question, optionally select a city, and get a tailored, practical answer.'],
                        ['q' => 'Can I update or remove my listing?', 'a' => 'Yes — contact us via the Contact page with your business name and we will help you update or remove it.'],
                        ['q' => 'Which countries do you cover?', 'a' => 'We currently cover cities across Australia, the USA, UK, Canada, Sweden, Norway, Denmark, UAE, Qatar and Somalia, with more being added regularly.'],
                    ];
                @endphp
                @foreach ($faqs as $i => $faq)
                    <div class="accordion-item">
                        <h2 class="accordion-header">
                            <button class="accordion-button {{ $i === 0 ? '' : 'collapsed' }}" type="button" data-bs-toggle="collapse" data-bs-target="#faq{{ $i }}">
                                {{ $faq['q'] }}
                            </button>
                        </h2>
                        <div id="faq{{ $i }}" class="accordion-collapse collapse {{ $i === 0 ? 'show' : '' }}">
                            <div class="accordion-body text-muted">{{ $faq['a'] }}</div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </div>
</section>
@endsection
