@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') ||
                            request()->is('operations/master-table') ||
                            request()->is('operations/operation'))
                            <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 || (int) request()->get('grouping') === 1)
            <div class="{{ isset($showClassificationFilter) ? 'col-2' : 'col-6' }} mt-4" id="visao-block-filters">
                <h3 class="header-title m-b-15">Visão <span style="font-size: 12px">(Mantenha o mouse na visão pra ver o
                        agrupamento)</span></h3>
                <div class="form-group">
                    <div id="Segments">
                        @foreach ($operation_segment_filter['operations'] as $rowOperation)
                            {{-- <div class="list-group-item-operation @if ($loop->index > 0) m-t-10 @endif">
                                {{ $rowOperation['Operation'] }}
                            </div> --}}
                            @foreach ($operation_segment_filter['segments'] as $index => $segments)
                                @if (in_array(
                                    $rowOperation['operationID'],
                                    collect($segments)->pluck('operationID')->toArray()))
                                    <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"
                                                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>
                                @endif
                            @endforeach
                        @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="Classification">
                            @foreach ($operation_segment_filter['operations'] as $rowOperation)
                                {{-- <div class="list-group-item-operation @if ($loop->index > 0) m-t-10 @endif">
                                    {{ $rowOperation['Operation'] }}
                                </div> --}}
                                @foreach ($operation_segment_filter['classifications'] as $classification)
                                    @if ($rowOperation['operationID'] === $classification['operationID'])
                                        <div class="custom-control custom-checkbox m-t-5 form-check-inline col classification-item
                                            tier-{{ $classification['operationID'] }}"
                                            tierID="{{ $classification['operationID'] }}">
                                            <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>
                                    @endif
                                @endforeach
                            @endforeach
                        </div>
                    </div>
                </div>
            @endif
        @elseif((int) request()->get('grouping') === 1 && (int) request()->get('area') === 2)
            <div class="{{ isset($showClassificationFilter) ? 'col-2' : 'col-6' }} mt-4" id="visao-block-filters">
                <h3 class="header-title m-b-15">Visão <span style="font-size: 12px">(Mantenha o mouse na visão pra ver o
                        agrupamento)</span></h3>
                <div class="form-group">
                    <div id="Segments">
                        @foreach ($operation_segment_filter['operations'] as $rowOperation)
                            {{-- <div class="list-group-item-operation @if ($loop->index > 0) m-t-10 @endif">
                                {{ $rowOperation['Operation'] }}
                            </div> --}}
                            @foreach ($operation_segment_filter['segments'] as $index => $segments)
                                @if (in_array(
                                    $rowOperation['operationID'],
                                    collect($segments)->pluck('operationID')->toArray()))
                                    <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"
                                                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>
                                @endif
                            @endforeach
                        @endforeach
                    </div>
                </div>
            </div>
        @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