<div class="c-faq">
    @if(isset($faqHeader) && $faqHeader !== null)
        <h2 class="c-faq__header">{{$faqHeader}}</h2>
    @endif
    <ul class="c-faq__list">
        @foreach($faqItems as $item)
            <li class="c-faq__item">
                <div class="c-faq__label  js-toggle-trigger" data-toggle-id="faq-label-1">
                    <h2 class="c-faq__heading">
                        <span>{{ $item->translation->name }}</span>
                        <span class="c-faq__arrow">@include('components.icons.arrowheadDown')</span>
                    </h2>
                </div>
                <div class="c-faq__content  js-toggle-target" data-toggle-id="faq-label-1">
                    <p>{!! nl2br($item->translation->description) !!}</p>
                </div>
            </li>
        @endforeach
    </ul>
    @if(isset($faqToPageLink) && $faqToPageLink !== false && isset($links->faq))
        <div class="c-faq__action">
            @include('components.textButton', [
                'buttonLink' => $links->faq->route,
                'buttonText' => __('site/faq.allQuestionsButtonLabel'),
            ])
        </div>
    @endif
</div>