@push('page-js')
    @include('plugins.moment')
    <script>
        $(document).ready(function() {
            document.addEventListener('DOMContentLoaded', () => {
                page.load();

                $('.aplicar_filtros').click(function(e) {
                    page.load();
                });
            });
        });

        const page = {
            load: function() {
                helper.startLoading();
                page.getData();
            },
            getColumns: function() {
                let columns;

                $.ajax({
                    url: '{{ route('access.daily.columns') }}',
                    data: filters.get(),
                    type: 'POST',
                    async: false,
                    success: function(res) {
                        columns = res.columns;
                    }
                });

                return columns;
            },
            getData: function() {
                const $table = $('#table');
                const filename = `Acessos-Daily-${dateFormatExportFiles()}`;

                if ($.fn.DataTable.isDataTable($table)) {
                    $table.DataTable().destroy();
                }

                let columns = page.getColumns();
                let thead = [];

                thead.push('<tr>');

                for (const [key, value] of Object.entries(columns)) {
                    thead.push(`<th>${value.title}</th>`);
                }

                thead.push('</tr>');

                $table.html(`<thead>${thead.join('')}</thead><tbody></tbody>`);

                $table.DataTable({
                    lengthChange: false,
                    ajax: {
                        url: '{{ route('access.daily.index') }}',
                        type: 'POST',
                        data: filters.get()
                    },
                    scrollY: '65vh',
                    scrollX: true,
                    scrollCollapse: true,
                    paging: false,
                    aaSorting: [],
                    ordering: false,
                    dom: 'Bfrtip',
                    buttons: [{
                            extend: 'copy',
                            className: 'btn-sm',
                            text: 'Copiar'
                        },
                        {
                            extend: 'excel',
                            className: 'btn-sm',
                            filename: filename,
                            exportOptions: {
                                format: {
                                    body: function(data, row, column, node) {

                                        if (data.toString().indexOf('.') !== -1 && data.toString()
                                            .indexOf('%') === -1) {
                                            return "\0" + data;
                                            // return data.replace(/[\.]/g, '');
                                        }

                                        if (data == '') {
                                            return '0';
                                        }

                                        return data;
                                    }
                                }
                            }
                        },
                        // {
                        //     extend: 'pdfHtml5',
                        //     title: '',
                        //     className: 'btn-sm',
                        //     orientation: 'landscape',
                        //     filename: filename,
                        // },
                    ],
                    fixedColumns: {
                        leftColumns: 3
                    },
                    columnDefs: [{
                            targets: 0,
                            className: 'text-left font-bold size-column-0'
                        },
                        {
                            targets: 1,
                            className: 'text-left font-bold size-column-1'
                        },
                        {
                            targets: 2,
                            className: 'text-center font-bold size-column-2'
                        },
                        {
                            targets: '_all',
                            className: 'text-center'
                        }
                    ],
                    initComplete: function(settings, json) {
                        $('#table_wrapper .dataTables_scroll').addClass('responsive-table');
                        helper.stopLoading();
                    }
                });
            }
        }

        function getFormatDate(value, type) {
            let date = value;

            switch (type) {
                case 'ano':
                    return date.getFullYear();
                    break;
                case 'mes':
                    return ((date.getMonth() + 1) <= 9 ? '0' + (date.getMonth() + 1) : (date.getMonth() + 1));
                    break;

                case 'dia':
                    return (date.getDate() <= 9 ? '0' + date.getDate() : date.getDate());
                    break;
            }
        }

        let start = moment().format('D') == 1 ? moment().subtract(1, 'month') : moment().startOf('month');
        let end = moment();

        function setDateRangePickerStorage(start, end) {
            storageFilter.set('startDate', start);
            storageFilter.set('endDate', end);
        }

        function cb(start, end, label) {
            $('#reportrange span').html(start.format('DD/MM/YYYY') + ' - ' + end.format('DD/MM/YYYY'));
            startDate = start.format('YYYY-MM-DD');
            endDate = end.format('YYYY-MM-DD');

            if (label !== false) {
                page.load();
                filters.updateSummaryFilter();
            }

            setDateRangePickerStorage(startDate, endDate);
            $('.filter-gen').hide('600');
        }


        let date = new Date();

        $('#reportrange').daterangepicker({
                alwaysShowCalendars: true,
                maxDate: moment(),
                minDate: '01/01/2021',
                showDropdowns: true,
                showWeekNumbers: false,
                startDate: start,
                endDate: end,
                ranges: {
                    'Hoje': [moment(), moment()],
                    'Ontem': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
                    'Últimos 7 dias': [moment().subtract(6, 'days'), moment()],
                    'Últimos 30 dias': [moment().subtract(29, 'days'), moment()],
                    'Este mês': [moment().startOf('month'), moment().endOf('month')],
                    'Último mês': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf(
                        'month')]
                },
                opens: 'left',
                drops: 'down',
                buttonClasses: ['btn', 'btn-sm', 'applyDate'],
                applyClass: 'btn-bmg-primary',
                cancelClass: 'btn-secondary',
                apply: () => {
                    console.log('aplicou')
                },
                locale: daterangepicker.locales['pt-br'],
            },
            cb);

        cb(start, end);

        $('#apply_access_filter').on('click', function() {
            let com_filters = [];

            $('#filters-access input.access-check').each(function() {
                if ($(this).is(':checked')) {
                    com_filters.push($(this).val());
                };
            })
            page.load();
            $('#filters-access').fadeOut();
        });

        $('#check_all_access').on('click', function() {

                let buttonCLick = $('#check_all_access');

                if(buttonCLick.prop('checked') == true)
                {
                    $('.access-check').prop('checked',true);
                }
                else
                {
                    $('.access-check').prop('checked', false);
                }

        });
    </script>
@endpush