<ul class="c-accordion  js-accordion">

    @if(!empty($items) && $items->count() != 0)

        @foreach($items as $index => $item)
            <li class="c-accordion__item @if($index == 0) is-active @endif">
                <div class="c-accordion__title  js-accordion-toggle">
                    <i class="c-accordion__icon">
                        @include('site.components.icons.arrowhead')
                    </i>
                    <h2 class="c-accordion__heading">{{ $item->title }}</h2>
                </div>
                <div class="c-accordion__content  js-accordion-content">
                    <p>{{ $item->description }}</p>

                    @if(!empty($item->button_link) && !empty($item->button_label))
                        @include('site.components.textButtonLink', [
                        'modifiers' => ['icon'],
                        'textButtonLink' => $item->button_link,
                        'textButtonText' => $item->button_label,
                        ])
                    @endif

                </div>
            </li>

        @endforeach

    @else

        @for($i = 0; $i < 4; $i++)

            <li class="c-accordion__item @if($i == 0) is-active @endif">
                <div class="c-accordion__title  js-accordion-toggle">
                    <i class="c-accordion__icon">
                        @include('site.components.icons.arrowhead')
                    </i>
                    <h2 class="c-accordion__heading">{{ config('atomic.headingTitle') }}</h2>
                </div>
                <div class="c-accordion__content  js-accordion-content">
                    <p>{{ config('atomic.quoteText') }}</p>
                </div>
            </li>

        @endfor

    @endif

</ul>