@extends('site.master')

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

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


        @if($components->has('heading'))
            @php
                // Make a quick accessor
                $caterersHeading = $components->get('heading');
            @endphp

            <section class="o-caterers  o-block  l-contain  u-spacing-mb0">
                <div class="o-caterers__intro  l-double">
                    <div class="o-caterers__lead">
                        <div class="c-heading">
                            <h1 class="c-heading__title">{{ $page->translation->name }}</h1>
                            <p class="c-heading__subtitle">@lang('site/caterers.subheading')</p>
                        </div>
                        <div class="s-text">
                            {!! $caterersHeading->text !!}
                        </div>

                        <div class="u-spacing-mt6  u-spacing-mb6">
                            @include('site.components.aid', [
                                'aidSubHeading' => __('site/caterers.aid.subheading')
                            ])
                        </div>

                    </div>
                    <div class="o-caterers__image-container">
                        @include('site.components.image', ['images' => $caterersHeading->image, 'imageId' => 'heading-slider' ])
                    </div>
                </div>
            </section>
        @else
            {{ debug('Make a named area for: heading') }}
        @endif

        @include('site.organisms.components')

        <section class="o-block  u-bg-paper  u-vspacing-pt-l  u-vspacing-pb-l">

            <div class="l-contain">
                <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 != 'caterers')
                        <div class="@if($loop->first) is-active @endif"
                             data-faq-category="{{ $composedQuestionsByCategory->id }}">
                            @include('site.components.faq', [
                                'faqQuestions' => $composedQuestionsByCategory->questions,
                            ])
                        </div>
                    @endforeach

                    <div class="u-spacing-mt6  u-text-align-center">
                        @include('site.components.button', [
                           'buttonType' => 'text',
                           'modifiers'=> ['icon'],
                           'icon' => 'arrowhead',
                           'buttonText' => __('site/faq.all_questions'),
                           'buttonLink' => $links->faq->route
                        ])
                    </div>

                </div>
            </div>

        </section>


        <section class="o-block  l-contain">
            @include('site.organisms.servicepoint')
        </section>

    </div>
@endsection