@extends('dashboard.layouts.app')

@section('content')
    @include('layouts.breadcrumb', ['items' => [
        trans('app.workflows.title') => '#',
        trans('app.requests.title') => route('dashboard.wf.requests.index'),
    ]])
    <div class="container-xxl flex-grow-1 container-p-y">
        <div class="accordion" id="accordionExample">
            @foreach ($html_elements as $key => $html_element)
                <div class="accordion-item">
                    <h2 class="accordion-header">
                        <button class="accordion-button " type="button" data-bs-toggle="collapse" data-bs-target="#collapse{{ $key }}">
                            {{ $requestForms[$key]->form->name }}
                        </button>
                    </h2>
                    <div class="accordion-collapse collapse show" id="collapse{{ $key }}" data-bs-parent="#accordionExample">
                        <div class="accordion-body">
                            <div class="row">
                                {!! $html_element !!}
                            </div>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    </div>
@endsection