@if($templateMenuItem->templateMenuItemAccordions)
    <div class="col-12">
        <div class="accordion" id="template-menu-item-accordion">
            @foreach($templateMenuItem->templateMenuItemAccordions->sortBy('sort') as $accordion)
                <div class="accordion-item">
                    <h2 class="accordion-header" id="heading-{{ $accordion->id }}">
                        <button class="accordion-button {{ !$loop->index ? 'show' : 'collapsed'  }}"
                                type="button"
                                data-bs-toggle="collapse"
                                data-bs-target="#collapse{{$accordion->id}}"
                                aria-expanded="true"
                                aria-controls="collapse{{$accordion->id}}">
                            {!! $accordion->header !!}
                        </button>
                    </h2>
                    <div id="collapse{{$accordion->id}}"
                         class="accordion-collapse collapse {{ !$loop->index ? 'show' : ''  }}"
                         aria-labelledby="heading-{{ $accordion->id }}"
                         data-bs-parent="#template-menu-item-accordion"
                    >
                        <div class="accordion-body">
                            {!! $accordion->body !!}
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    </div>
@endif