@extends('layouts.app')

@section('content')
    @include('layouts.breadcrumb', ['items' => [
        trans('app.workflows.title') => '#',
    ]]) 
    <div class="container-xxl flex-grow-1 container-p-y">
        <h4 class="fw-bold py-3 mb-4">
        <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" id="collapse{{ $key }}" data-bs-parent="#accordionExample">
                        <div class="accordion-body">
                            {!! $html_element !!}
                        </div>
                    </div>
                </div>
            @endforeach
          </div>
    </div>
@endsection