@component('bootstrap::modal', ['id' => 'filter-areas-modal', 'modal_size' => 'modal-sm'])
    @slot('title')
        Ordenar Manualmente
    @endslot
    <div class="row">
        <ul id="orderbox" class="col-12 list-unstyled mini-areas">
            <li>
                <div class="text-center">
                    <div class="spinner-grow text-warning" role="status">
                        <span class="sr-only">Loading...</span>
                    </div>
                </div>
            </li>
        </ul>
    </div>
    @slot('footer')
        <button class="col-6 btn-icon btn btn-light waves-effect w-md waves-light" type="button" data-dismiss="modal">
            <i class="ion ion-md-close mr-2"></i> Fechar
        </button>
        <button class="col-6 btn-icon btn btn-primary w-md waves-effect waves-light" type="button" id="order-box-save">
            <i class="ion ion-md-checkmark mr-2"></i> Confirmar
        </button>
    @endslot
@endcomponent