{{-- Repeatable Subcomponent Wrapper - Displayed only for components with repeatable elements --}}
<div class="repeatable-component-wrapper">
    <div id="subcomponent-wrapper-{{$count}}" class="subcomponent-wrapper sortable-with-handle">@yield('repeatable')</div>
    <div class="row subcomponent-controls">
        <div class="col text-right">
        <button type="button" class="add-sub btn btn-secondary text-center w-100" data-component={{$component_name}} data-count={{$count}} data-subcount={{$entryCount}} {!! $layout??false? "data-layout='$layout'": null !!}>
                {{-- <span>Add</span> --}}
                <i class="fa fa-plus fa-lg plus-icon px-1"></i>
                <i class="fa fa-circle-o-notch fa-lg fa-spin loading-icon px-1" style="display: none;"></i>
            </button>
        </div>
    </div>
</div>