@if(isset($include_js))
    {!! $include_js !!}
@endif

@php
    if(!isset($label)) $label = "";
@endphp


<div class="oneToManyRepeater">
    <div class="oneToManyRepeater__footer">
        <label class="control-label">{{ $label }}</label>
        <p>{{ $helpText }}</p>
    </div>


    <div class="oneToManyRepeater__container">
        @foreach($form_group_items as $key => $form_group)
            <div class="oneToManyRepeater__group" data-minimised="false" data-order="{{$key}}">
                <div class="oneToManyRepeater__groupHeader">
                    <button class="btn btn-info btn-sm" data-move-up type="button" name="button">UP</button>
                    <button class="btn btn-info btn-sm" data-move-down type="button" name="button">DOWN</button>
                    <button class="btn btn-info btn-sm" data-minimise-toggle type="button" name="button">CLOSE</button>
                    <button class="btn btn-sm btn-danger" data-delete-item type="button" name="button">DELETE</button>
                </div>
                <div class="oneToManyRepeater__groupFields">
                    @foreach($form_group as $key => $form_item)
                        {!! $form_item !!}
                    @endforeach
                </div>
            </div>
        @endforeach
    </div>

    {{-- This is a template for adding new views --}}
    <div class="oneToManyRepeater__template" style="display:none">
        <div class="oneToManyRepeater__group" data-minimised="false" data-order="##ORDER##">
            <div class="oneToManyRepeater__groupHeader">
                <button class="btn btn-info btn-sm" data-move-up type="button" name="button">UP</button>
                <button class="btn btn-info btn-sm" data-move-down type="button" name="button">DOWN</button>
                <button class="btn btn-info btn-sm" data-minimise-toggle type="button" name="button">CLOSE</button>
                <button class="btn btn-sm btn-danger" data-delete-item type="button" name="button">DELETE</button>
            </div>
            <div class="oneToManyRepeater__groupFields">
                {!! $template !!}
            </div>
        </div>
    </div>
    {{-- This is a template for adding new views --}}

    <div class="oneToManyRepeater__footer">
        <button class="btn btn-primary btn-sm" data-add-group type="button" name="button">ADD FIELD</button>
    </div>
</div>