<div class="accordion-item-container">
    <div class="card">
        <div class="card-body">
            {{#if showHeader }}
            <div class="hino-accordion-button {{if show "" "collapsed"}}" id="heading-{{ id }}" 
                data-toggle="collapse"
                data-target="#collapse-{{ id }}"
                aria-expanded="true"
                aria-controls="collapse-{{ id }}">
                <div class="d-flex align-items-center w-100">
                <h5>{{ title }}</h5>
                <i class="bx bx-plus"></i>
                <i class="bx bx-minus"></i>
                </div>
            </div>
            {{/if}}
            <div
                class="hino-accordion-content collapse {{if show "show" ""}}"
                id="collapse-{{ id }}"
                aria-labelledby="heading-{{ id }}"
                data-parent="#accordion-{{ parentId }}">
                <div class="inner-wrapper">
                    {{ yield }}
                </div>
            </div>
        </div>
    </div>
</div>