@push('filter-buttons')
    <button type="button" class="btn btn-sm btn-custom-sm btn-bmg-primary waves-effect waves-light"
            data-toggle="tooltip" data-filter="#filter-operation" title="Agrupamentos">
        <i class="ion ion-md-options"></i>
    </button>
@endpush
@push('filter-content')
    @component('bootstrap::filter', ['id' => 'filter-operation', 'class' => 'shared-filter'])
        <div class="col-4 eps-inputs checkboxies mt-4">
            <h3 class="header-title m-b-15">Agrupamento</h3>
            <blockquote class="blockquote font-14 pb-0 mb-0">
                <div class="form-group">
                    <select class="form-control select2 select2-hidden-accessible" name="select_operation"
                            id="select_operation" aria-label="Agrupamento">
                        @if(!request()->is('operations/now'))
                            <option value="">Todos</option>
                        @endif

                        @if ((int) request()->get('grouping') === 1)
                            @foreach($operation_segment_filter['segments'][request()->get('operation')] as $row)
                                <option value="{{ $row['segmentID'] }}"
                                        @if(request()->get('segment') == $row['segmentID'])
                                        selected="selected"
                                        @endif
                                > {{ $row['Operation'] }} </option>
                            @endforeach
                        @else
                            @foreach($operation_segment_filter['operations'] as $row)
                                <option value="{{ $row['operationID'] }}"
                                        @if(request()->get('operation') == $row['operationID'])
                                        selected="selected"
                                        @endif
                                > {{ $row['Operation'] }} </option>
                            @endforeach
                        @endif
                    </select>
                </div>
            </blockquote>
        </div>
        @if ((int) request()->get('grouping') === 0)
            <div class="{{ isset($showClassificationFilter) ? 'col-2' : 'col-6' }} mt-4" id="visao-block-filters">
                <h3 class="header-title m-b-15">Visão</h3>
                <div class="form-group">
                    <div id="Segments">
                        @foreach($operation_segment_filter['segments'] as $index => $segments)
                            <div class="segments-item tier-{{$index}}" style="display: none">
                                @foreach($segments as  $row)
                                    <div class="custom-control custom-checkbox m-t-5 form-check-inline col-sm-3"
                                         tierID="{{$row['operationID']}}">
                                        <input checked id="eps_{{$row['segmentID']}}" type="checkbox" name="segment[]"
                                               value='{{ $row['segmentID'] }}' class="custom-control-input seg-check">
                                        <label class="custom-control-label" for="eps_{{$row['segmentID']}}" title="{{$row['Operation']}}">
                                            {{ $row['Segment'] }}
                                        </label>
                                    </div>
                                @endforeach
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
            @if(isset($showClassificationFilter))
                <div class="col-6 mt-4">
                    <h3 class="header-title m-b-15">Classificação</h3>
                    <div class="form-group">
                        <div id="Segments">
                            @foreach($operation_segment_filter['classifications'] as $classification)
                                <div class="custom-control custom-checkbox m-t-5 form-check-inline col-sm-3">
                                    <input checked id="classification_{{$classification['filterID']}}" type="checkbox" name="classification[]"
                                           value='{{ $classification['filterID'] }}' class="custom-control-input seg-check">
                                    <label class="custom-control-label" for="classification_{{$classification['filterID']}}">
                                        {{ $classification['filter'] }}
                                    </label>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            @endif
        @endif

        <div class="clearfix"></div>
        @slot('footer')
            <div class="col-9">
                <div class="custom-control custom-checkbox float-right m-t-5 m-r-15" id="checkall_checkbox">
                    <input type="checkbox" id="checkall_segments" class="checkall custom-control-input" checked
                           data-check=".seg-check">
                    <label for="checkall_segments" class="custom-control-label">Marcar Todos</label>
                </div>
            </div>
            <div class="col-3 mb-4">
                <button id="apply_segment_filter"
                        class="btn-block btn btn-primary btn-custom waves-effect waves-light" type="button">
                    <i class="ion ion-md-refresh mr-2"></i> Atualizar
                </button>
            </div>
        @endslot
    @endcomponent
@endpush
@push('page-js')
    <script>
        $('#checkall_segments').click(function () {
            let boolCheck = $(this).prop('checked');
            let checkBoxes = $($(this).data('check'));
            checkBoxes.prop('checked', boolCheck);
        });
    </script>
@endpush