@extends('layouts.app')

@section('title', 'FAQ: Free Healthcare Job Postings | healthcareers.app')
@section('description', 'Answers for employers, candidates and advertisers: free healthcare job postings, verification and badges, private replies, job alerts and sponsored ads.')

@push('head')
    <script type="application/ld+json">{!! json_encode([
        '@@context' => 'https://schema.org',
        '@type' => 'FAQPage',
        'mainEntity' => collect($groups)->flatMap(fn ($g) => $g['items'])->map(fn ($f) => ['@type' => 'Question', 'name' => $f['q'], 'acceptedAnswer' => ['@type' => 'Answer', 'text' => $f['a']]])->values()->all(),
    ], JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE | JSON_HEX_TAG) !!}</script>
@endpush

@section('content')
    <article class="prose">
        <h1>Frequently asked questions</h1>
        <nav class="faq-nav" aria-label="Questions for">
            @foreach ($groups as $key => $g)<a class="chip" href="#{{ $key }}">{{ $g['nav'] }}</a>@endforeach
        </nav>
        @foreach ($groups as $key => $g)
            <section class="faq" id="{{ $key }}" aria-labelledby="{{ $key }}-h">
                <h2 id="{{ $key }}-h">{{ $g['title'] }}</h2>
                @foreach ($g['items'] as $faq)
                    <details @if ($loop->parent->first && $loop->first) open @endif>
                        <summary>{{ $faq['q'] }}</summary>
                        <p>{{ $faq['a'] }}</p>
                    </details>
                @endforeach
            </section>
        @endforeach
        <p>Still have a question? <a href="{{ route('contact') }}">Contact us</a>.</p>
    </article>
@endsection