@if(! empty($questions))
    @php($id = Str::random(5))

    <div class="row clearfix {{ $style ?? '' }}">
        <div class="col-12">
            <div class="accordion accordion-flush" id="{{ $id }}">

                @foreach($questions as $question)
                    <div class="accordion-item" id="{{ $question->uuid }}">
                        <div class="accordion-header" id="collapse-header-{{ $question->uuid }}">
                            <h2 class="mb-0">
                                <button
                                    class="accordion-button collapsed"
                                    type="button"
                                    data-bs-toggle="collapse"
                                    data-bs-target="#collapse-{{ $question->uuid }}"
                                    aria-expanded="true"
                                    aria-controls="collapse-{{ $question->uuid }}"
                                >
                                    {{ $question->name }}
                                </button>
                            </h2>
                        </div>

                        <div id="collapse-{{ $question->uuid }}"
                             class="accordion-collapse collapse"
                             aria-labelledby="collapse-header-{{ $question->uuid }}"
                             data-parent="#{{ $id }}"
                             data-bs-parent="#{{ $id }}"
                        >
                            <div class="accordion-body">
                                {!! $question->content !!}
                            </div>
                        </div>
                    </div>

                @endforeach

            </div>
        </div>
    </div>
@else
    <div class="border rounded text-center p-4 bg-white">
        <p class="text-muted text-uppercase m-0">QUESTIONS NOT FOUND...</p>
    </div>
@endif
