@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
                $workflowHeading = $components->get('heading');
            @endphp

            <section class="o-block">
                <div class="c-heading  l-contain">
                    <h1 class="c-heading__title">{{ $page->translation->name }}</h1>
                    <p class="c-heading__subtitle">@lang('site/workflow.subheading')</p>
                </div>
                <div class="o-intro  l-contain">
                    <div class="o-intro__main  s-text">
                        {!! $workflowHeading->text !!}
                    </div>
                    <div class="o-intro__aside">
                        <ul class="c-usp">
                            @foreach(__('site/workflow.intro.usp') as $uspText)
                                <li class="c-usp__item">
                                    <p class="c-usp__text">
                                        <span class="c-usp__highlight">{{$uspText}}</span>
                                    </p>
                                </li>
                            @endforeach
                        </ul>
                    </div>
                </div>
            @else
                {{ debug('Make a named area for: heading') }}
            @endif

            @if(isset($components))

                @foreach($components as $component)

                    @continue($component->getComponentType()->getName() == 'named_area')

                    @php $component->makeCustomViewPath('site.organisms.workflow'); @endphp
                    @include($component->view)

                @endforeach

            @endif

        </section>

        <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 != 'workflow')
                        <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', [
                'servicePointLabel' => __('site/workflow.servicepoint.label'),
                'servicePointHeading' => __('site/workflow.servicepoint.heading'),
                'servicePointDescription' => __('site/workflow.servicepoint.description'),
                'servicePointButtonText' => __('site/workflow.servicepoint.button_text'),
            ])
        </section>

    </div>
@endsection