<div class="modal fade advanceSearchModal"  tabindex="-1" role="dialog" aria-labelledby="advanceSearchModalLabel"
     aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">

        <div class="modal-content">

            <div class="modal-header">
                <h5 class="modal-title" id="advanceSearchModalLabel">Szűrők kezelése</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="text-center d-none spinnerDiv">
                    <strong style="vertical-align: super;padding-right: 1em;">Betöltés...</strong>
                    <div class="spinner-border text-success" role="status" aria-hidden="true"></div>
                </div>
                <form class="advanceSearchModalForm" >
                    <div class="form-group">
                        <label for="advanceSearchModal-postCode" class="col-form-label">Időszak:</label>
                        <div class="input-group date align-middle " >
                            <input type="hidden" class="deliveryDateFrom"
                                   value=""
                                   name="deliveryDateFrom" placeholder="Kattintson a dátum kiválasztásához" >
                            <span class="input-group-addon datePickerClick" data-target='deliveryDateFrom' style="display:inline;">
                            Tól:
                    {{--<i class="glyphicon glyphicon-th"></i>--}}
                                {{--<i class="fa fa-calendar" aria-hidden="true"></i>--}}
                            <span class="deliveryDateFromSelectedDateText SelectedDateText form-control" style="display:inline-block; width: 8rem;">&nbsp;</span>
                            <i class="pe-7s-date" style="font-size:2em; margin-left:-5px; display: inline; "></i>
                            </span>

                            <input type="hidden" class="deliveryDateTo"
                                   value=""
                                   name="deliveryDateTo" placeholder="Kattintson a dátum kiválasztásához" >
                            <span class="input-group-addon datePickerClick" data-target='deliveryDateTo' style="display:inline; padding-left: 3rem;">
                            Ig:
                    {{--<i class="glyphicon glyphicon-th"></i>--}}
                                {{--<i class="fa fa-calendar" aria-hidden="true"></i>--}}
                            <span class="deliveryDateToSelectedDateText SelectedDateText form-control" style="display:inline-block; width: 8rem;">&nbsp;</span>
                            <i class="pe-7s-date" style="font-size:2em; margin-left:-5px; display: inline; "></i>
                            </span>

                        </div>

                        <div class="date align-middle " >

                        </div>

                    </div>



                    @role(['root','developer','admin'])
                    <div class="form-group">
                        <label for="advanceSearchModal-profitCenter" class="col-form-label">Profitcenter:</label>
                        <select class="selectProfitCenter" name="profitCenterId" multiple="multiple" style="width: 100%">

                            @foreach($profitCenters as $profitCenter)
                                <option value="{{$profitCenter['id']}}"
                                    >{{$profitCenter['name']}}</option>
                                                        @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="advanceSearchModal-supplier" class="col-form-label">Beszállító:</label>
                        <select class="selectSupplier" name="supplierId" multiple="multiple" style="width: 100%">

                            @foreach($suppliers as $supplier)
                                <option value="{{$supplier['id']}}"
                                >{{$supplier['name']}}</option>
                            @endforeach
                        </select>
                    </div>
                    @endrole
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger buttonClear" >Szűrők törlése</button>
                <button type="button" class="btn btn-secondary buttonClose" data-dismiss="modal">Bezár</button>
                <button type="button" class="btn btn-primary buttonSave">Szűrés</button>
            </div>

        </div>

    </div>

</div>

<script>
    $(document).ready(function () {

    });
</script>

