@extends('layouts.app')

@section('title', __('layout.navigation.faq'))

@php($faq = trans('faq'))

@section('content')
<section class="section">
    <div class="container">
        <div class="section-header">
            <h1 class="section-title">{{ $faq['title'] }}</h1>
            <p class="section-subtitle">{{ $faq['subtitle'] }}</p>
        </div>

        <div id="faq-list">
            @foreach($faq['items'] as $item)
                <div class="accordion-item">
                    <div class="accordion-header">
                        <span>{{ $item['question'] }}</span>
                    </div>
                    <div class="accordion-body">
                        {{ $item['answer'] }}
                    </div>
                </div>
            @endforeach
        </div>
    </div>
</section>
@endsection