@extends('site.master')

@section('title', $page->translation->meta_title)
@section('meta_description', $page->translation->meta_description)

@section('content')
    <div class="o-body">

        <div class="o-block  u-bg-paper">
            <div class="l-contain  u-pull-up  u-vspacing-pb-l">
                <div class="o-faq__main">
                    <div class="l-restrict-narrow">
                        <div class="c-heading  u-text-align-center  u-spacing-mb5">
                            <h1 class="c-heading__title">{{ __('site/faq.title') }}</h1>
                            <p class="c-heading__subtitle">{!! __('site/faq.subTitle') !!}</p>
                        </div>
                        @foreach($composedQuestionsByCategories as $composedQuestionsByCategory)
                            @continue($composedQuestionsByCategory->code_name != 'most_asked')
                            <div class="@if($loop->first) is-active @endif" data-faq-category="{{ $composedQuestionsByCategory->id }}">
                                @include('site.components.faq', [
                                    'faqQuestions' => $composedQuestionsByCategory->questions
                                ])
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>

        <section class="o-block  l-contain">
            @include('site.organisms.servicepoint', [
                'servicePointLabel' => __('site/faq.servicepoint.label'),
                'servicePointHeading' => __('site/faq.servicepoint.heading'),
                'servicePointDescription' => __('site/faq.servicepoint.description'),
                'servicePointButtonText' => __('site/faq.servicepoint.button_text'),
            ])
        </section>

    </div>
@endsection