@push('filter-buttons')
    <button class="btn btn-sm btn-custom-sm btn-bmg-primary waves-effect waves-light" type="button" id="update-all"
            data-toggle="tooltip" title="Atualizar">
        <i class="ion ion-md-sync"></i>
    </button>
    <button class="btn btn-sm btn-custom-sm btn-bmg-primary waves-effect waves-light" type="button" id="filters-button"
            data-toggle="tooltip" title="Filtros"
            onclick="$(`#filters`).slideToggle('fast')">
        <i class="ion ion-md-funnel"></i>
    </button>
    <a href="javascript:void('')" class="btn btn-sm btn-custom-sm btn-bmg-primary waves-effect waves-light"
       id="dateMonthYear" data-toggle="tooltip" title="Selecione um período"
       data-date="{{ date('Y-m') }}">
        <i class="ion ion-md-calendar"></i>&nbsp;<span></span>
    </a>
@endpush

@push('filter-content')
    @component('bootstrap::filter', ['id' => 'filters'])
        <div class="col-12 my-4">
            <h3 class="header-title text-uppercase m-b-15"><i class="mdi mdi-currency-usd"></i> Divisor</h3>
            <div class="custom-control custom-radio d-inline-block m-r-10">
                <input type="radio" id="divisor_milhar" name="divisor" class="custom-control-input">
                <label class="custom-control-label" for="divisor_milhar">Milhar</label>
            </div>
            <div class="custom-control custom-radio d-inline-block">
                <input type="radio" id="divisor_milhao" name="divisor" class="custom-control-input">
                <label class="custom-control-label" for="divisor_milhao">Milhão</label>
            </div>
        </div>

        <div class="col-2">
            <h3 class="header-title text-capitalize m-b-15">Canal</h3>
            <select name="channels[]" class="select2 form-control select2-multiple select2-hidden-accessible" multiple tabindex="-1" aria-hidden="true">
                <option value="AF">Afghanistan</option>
                <option value="AL">Albania</option>
                <option value="DZ">Algeria</option>
                <option value="AS">American Samoa</option>
                <option value="AD">Andorra</option>
                <option value="AO">Angola</option>
                <option value="AI">Anguilla</option>
                <option value="AQ">Antarctica</option>
                <option value="AR">Argentina</option>
            </select>
        </div>

        <div class="col-2">
            <h3 class="header-title text-capitalize m-b-15"> Centro de Custo</h3>
            <select name="cost_center[]" class="select2 form-control select2-multiple select2-hidden-accessible" multiple tabindex="-1" aria-hidden="true" disabled>
                <option value="AF">Afghanistan</option>
                <option value="AL">Albania</option>
                <option value="DZ">Algeria</option>
                <option value="AS">American Samoa</option>
                <option value="AD">Andorra</option>
                <option value="AO">Angola</option>
                <option value="AI">Anguilla</option>
                <option value="AQ">Antarctica</option>
                <option value="AR">Argentina</option>
            </select>
        </div>

        <div class="col-2">
            <h3 class="header-title text-capitalize m-b-15"> Nome de Linha</h3>
            <select name="lines[]" class="select2 form-control select2-multiple select2-hidden-accessible" multiple tabindex="-1" aria-hidden="true" disabled>
                <option value="AF">Afghanistan</option>
                <option value="AL">Albania</option>
                <option value="DZ">Algeria</option>
                <option value="AS">American Samoa</option>
                <option value="AD">Andorra</option>
                <option value="AO">Angola</option>
                <option value="AI">Anguilla</option>
                <option value="AQ">Antarctica</option>
                <option value="AR">Argentina</option>
            </select>
        </div>

        <div class="col-2">
            <h3 class="header-title text-capitalize m-b-15"> Conta Contábil</h3>
            <select name="accounting[]" class="select2 form-control select2-multiple select2-hidden-accessible" multiple tabindex="-1" aria-hidden="true" disabled>
                <option value="AF">Afghanistan</option>
                <option value="AL">Albania</option>
                <option value="DZ">Algeria</option>
                <option value="AS">American Samoa</option>
                <option value="AD">Andorra</option>
                <option value="AO">Angola</option>
                <option value="AI">Anguilla</option>
                <option value="AQ">Antarctica</option>
                <option value="AR">Argentina</option>
            </select>
        </div>

        <div class="col-2">
            <h3 class="header-title text-capitalize m-b-15"> Razão</h3>
            <select name="reason[]" class="select2 form-control select2-multiple select2-hidden-accessible" multiple tabindex="-1" aria-hidden="true" disabled>
                <option value="AF">Afghanistan</option>
                <option value="AL">Albania</option>
                <option value="DZ">Algeria</option>
                <option value="AS">American Samoa</option>
                <option value="AD">Andorra</option>
                <option value="AO">Angola</option>
                <option value="AI">Anguilla</option>
                <option value="AQ">Antarctica</option>
                <option value="AR">Argentina</option>
            </select>
        </div>

        <div class="col-2">
            <h3 class="header-title text-capitalize m-b-15"> Filial</h3>
            <select name="branch[]" class="select2 form-control select2-multiple select2-hidden-accessible" multiple tabindex="-1" aria-hidden="true" disabled>
                <option value="AF">Afghanistan</option>
                <option value="AL">Albania</option>
                <option value="DZ">Algeria</option>
                <option value="AS">American Samoa</option>
                <option value="AD">Andorra</option>
                <option value="AO">Angola</option>
                <option value="AI">Anguilla</option>
                <option value="AQ">Antarctica</option>
                <option value="AR">Argentina</option>
            </select>
        </div>
    @endcomponent
@endpush