@push('page-js')
    <script>
        $(document).ready(function () {
            $('.btn-export-data').on('click', function () {
                let filters = {
                    fileType: $(this).data('type'),
                    str_areaID: $(this).data('area-id'),
                    str_operationID: [$(this).data('op-id')],
                    str_callcenterID: [],
                    str_period: $('#dateMonthYear').data("date"),
                };

                $("input[name='callcenter[]']:checked").each(function () {
                    filters.str_callcenterID.push($(this).val());
                });

                window.location.assign('ranking/export?' + $.param(filters));
            });
        });
    </script>
@endpush
@if($ajax)
    <script>
        $(document).ready(function () {
            $('.btn-export-data').on('click', function () {
                let filters = {
                    fileType: $(this).data('type'),
                    str_areaID: $(this).data('area-id'),
                    str_operationID: [$(this).data('op-id')],
                    str_callcenterID: [],
                    str_period: $('#dateMonthYear').data("date"),
                };

                $("input[name='callcenter[]']:checked").each(function () {
                    filters.str_callcenterID.push($(this).val());
                });

                window.location.assign('ranking/export?' + $.param(filters));
            });
        });
    </script>
@endif
<ul class="nav nav-pills nav-justified" role="tablist">
    <li class="nav-item waves-effect waves-light">
        <a class="nav-link active" data-toggle="tab"
           href="#{{ $tabID }}" role="tab" aria-selected="false">
            <span class="d-none d-sm-block font-18">Exportação</span>
        </a>
    </li>
</ul>
<div class="tab-content">
    <div class="tab-pane pt-3 text-center active" id="{{ $tabID }}" role="tabpanel">
        <h1>
            <a href="javascript:void('')" class="btn-export-data" data-type="csv"
               data-area-id="{{ $areaID }}" data-op-id="{{ $operationID }}">
                <i class="fas fa-file-csv text-muted"></i>
            </a>
        </h1>
        <h1>
            <a href="javascript:void('')" class="btn-export-data" data-type="xls"
               data-area-id="{{ $areaID }}" data-op-id="{{ $operationID }}">
                <i class="fas fa-file-excel text-success"></i>
            </a>
        </h1>
{{--        <h1>--}}
{{--            <a href="javascript:void('')" class="btn-export-data" data-type="pdf"--}}
{{--               data-area-id="{{ $areaID }}" data-op-id="{{ $operationID }}">--}}
{{--                <i class="fas fa-file-pdf text-danger"></i>--}}
{{--            </a>--}}
{{--        </h1>--}}
    </div>
</div>