@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-callcenter" title="Callcenter">
        <i class="ion ion-md-business"></i>
    </button>
@endpush
@push('filter-content')
    @component('bootstrap::filter', ['id' => 'filter-callcenter', 'class' => 'shared-filter'])
        <div class="col-12 mt-4">
            <h3 class="header-title m-b-15">Callcenter</h3>
            <div class="form-group">
                <blockquote class="blockquote font-14 pb-0 mb-0">
                    @foreach($callcenter_filter as  $row)
                        <div class="custom-control custom-checkbox m-t-5 form-check-inline col-sm-3">
                            <input checked id="callcenter_{{$row['callcenterID']}}" type="checkbox" name="callcenter[]"
                                   class="call-check custom-control-input" value='{{ $row['callcenterID'] }}'>
                            <label class="custom-control-label" for="callcenter_{{$row['callcenterID']}}">
                                {{ $row['callcenter'] }}
                            </label>
                        </div>
                    @endforeach
                </blockquote>
            </div>
        </div>
        <div class="clearfix"></div>
        @slot('footer')
            <div class="col-9">
                <div class="custom-control custom-checkbox float-right m-t-5 m-r-15">
                    <input type="checkbox" id="checkall_callcenter" class="checkall custom-control-input" checked
                           data-check=".call-check">
                    <label for="checkall_callcenter" class="custom-control-label">Marcar Todos</label>
                </div>
            </div>
            <div class="col-3 mb-4">
                <button id="apply_callcenter_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_callcenter').click(function () {
            let boolCheck = $(this).prop('checked');
            let checkBoxes = $($(this).data('check'));
            checkBoxes.prop('checked', boolCheck);
        });
    </script>
@endpush