{{-- @include('plugins.moment') --}}
{{-- @include('plugins.chartjs') --}}
{{-- @include('plugins.datepicker') --}}
{{-- @include('plugins.daterangepicker') --}}
{{-- @include('plugins.datatables.default') --}}
{{-- @include('plugins.datatables.buttons') --}}

{{-- @include('competition.ranking.scripts.script-partials.ranking-graph') --}}

@push('page-js')
    <script>
    	let contentMatriz = $('#content-matriz'),
    		$updateAll = $('#update-all'),
            $boxTimeView = $('#box-time-view');

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

        const slide = {
            cookieName: 'matriz_slide',
            interval: cookie.get('matriz_slide_seconds') || 15,
            index: null,
            play() {
                let _this = this;
                $('#carousel-matriz').carousel({
                    interval: _this.interval * 1000,
                    cycle: true
                });
            },
            start() {
                if (slide.index >= 0) {
                    $('#carousel-matriz .active').removeClass('active');
                    $('#carousel-matriz .carousel-item').eq(slide.index).addClass('active');
                    slide.index = null;
                }
                slide.play();
                if ($('[data-slide="pause"]').hasClass('d-none')) {
                    $('#carousel-matriz').carousel('pause');
                }
            },
            enable() {
                cookie.set(slide.cookieName, 'enable');
                $('.slide-controls').show();
            },
            disable() {
                cookie.set(slide.cookieName, 'disable');
                $('.slide-controls').hide();
            }
        };

        const filters = {
            str_period: $('#dateMonthYear').data("date"),
            /*str_callcenterID: [],

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

        const page = {
        	load() {
        		this.renderMockup();
        	},
            reload() {
                /*testar methodo inteiro*/
                let $updateAll = $('#update-all'), filters = {
                    str_period: $('#dateMonthYear').data("date"),
                    str_callcenterID: [],
                };

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

                $.ajax({
                    type: 'POST',
                    url: '{{ route('competition.ranking.getData') }}',
                    data: {
                        _token: '{{csrf_token()}}',
                        filters,
                    },
                    beforeSend: () => {
                        loading();
                        $updateAll.attr('data-original-title', 'Atualizando...')
                            .find('i').addClass('fa-spin');
                    },
                    complete: function () {
                        hideLoading();
                    },
                    success: response => {
                        $('#content-ranking').html(response);
                        $updateAll.attr('data-original-title', moment().format('[Atualizado às] HH:mm'))
                            .find('i').removeClass('fa-spin text-danger');
                        refreshLabelLastUpdate();
                        $('[data-toggle="tooltip"]').tooltip();
                    },
                    error: response => {
                        if (response.statusText != 'abort') {
                            $.Notification.notify('error', 'top center', 'Atenção', "Falha ao atualizar os itens!");
                        }
                        $updateAll.attr('data-original-title', 'Atualização falhou!')
                            .find('i').addClass('text-danger').removeClass('fa-spin');
                    }
                });
            },
            renderMockup() {
        		$.ajax({
	                type: 'POST',
	                url: '{{  route('fin.matriz.mockup')  }}',
	                data: {
	                    _token: '{{ csrf_token() }}',
	                    filters,
	                },
	                beforeSend: () => {
	                    loading();
	                    $updateAll.attr('data-original-title', 'Atualizando...')
	                        .find('i').addClass('fa-spin');
	                },
	                complete: function () {
	                    hideLoading();
	                },
	                success: response => {
	                    contentMatriz.html(response.view);
	                    $updateAll.attr('data-original-title', moment().format('[Atualizado às] HH:mm'))
	                        .find('i').removeClass('fa-spin text-danger');
	                    refreshLabelLastUpdate();
	                    $('[data-toggle="tooltip"]').tooltip();
	                },
	                error: response => {
	                    if (response.statusText != 'abort') {
	                        $.Notification.notify('error', 'top center', 'Atenção', "Falha ao atualizar os itens!");
	                    }
	                    $updateAll.attr('data-original-title', 'Atualização falhou!')
	                        .find('i').addClass('text-danger').removeClass('fa-spin');
	                }
	            });
        	}
        };

        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');
        }

        $(document).ready(function () {
            // let cardHeaderPosition = $('.custom-card-hd').offset().top;


            $('[data-slide="enable"]').click(function () {
                if (cookie.get('matriz_slide') == 'enable') {
                    slide.disable();
                    return;
                }
                slide.enable();
            });

            $('.carousel-top-control[data-slide]').click(function (e) {
                if ($(this).attr('data-slide') == 'cycle' || $(this).attr('data-slide') == 'pause') {
                    $('.carousel-top-control[data-slide="cycle"], .carousel-top-control[data-slide="pause"]').toggleClass('d-none');
                }
            });

            $boxTimeView.keyup(function (e) {
                if (e.which == 13) {
                    cookie.set('matriz_slide_seconds', $(this).val());
                    slide.interval = $(this).val();
                    $('#carousel-matriz').carousel('dispose');
                    slide.play();
                }
            });

            $boxTimeView.focusout(function (e) {
                cookie.set('matriz_slide_seconds', $(this).val());
                slide.interval = $(this).val();
                $('#carousel-matriz').carousel('dispose');
                slide.play();
            });

            $('.carousel').on('slide.bs.carousel slid.bs.carousel', function () {
                $(window).resize();
            });

            /*setInterval(function () {
                reloadPage();
            }, 7200000);*/

            /*$('#dateMonthYear').datepicker({
                language: "pt-BR",
                format: "yyyy-mm",
                startView: "months",
                minViewMode: "months",
                autoclose: true,
                todayHighlight: true,
            }).on('changeDate', function (ev) {
                $('#dateMonthYear span').html(ev.format('MM, yyyy'));
                $(this).data('date', ev.format('yyyy-mm'));
                $(this).datepicker('hide');
                page.reload();
            });*/

            $('#reportrange').daterangepicker({
                alwaysShowCalendars: true,
                maxDate: moment(),
                minDate: '01/01/2021',
                showDropdowns: true,
                showWeekNumbers: false,
                startDate: start,
                endDate: end,
                ranges: {
                    '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);

            $updateAll.on('click', function () {
                // reloadPage();
            });

            $("#apply_callcenter_filter").on('click', function () {
                if($("input[name='callcenter[]']:checked").length <= 0){
                    return $.Notification.notify('warning', 'top right', 'Atenção', 'Selecione ao menos uma EPS');
                }

                // reloadPage();
                $(".shared-filter").slideUp('fast');
            });

            $boxTimeView.trigger('focusout');

            /*$(window).on('scroll slid.bs.carousel', function () {
                let scroll = $(window).scrollTop(),
                    $cardHeader = $('.carousel-item.active').find('.custom-card-hd'),
                    cardWidth = $cardHeader.closest('.card').width();
                console.log(scroll);
                console.log($cardHeader);
                console.log(cardWidth);
                if (scroll > cardHeaderPosition) {
                    $cardHeader.addClass('fixed-card-header').css('width', `${cardWidth}px`);
                } else {
                    $cardHeader.removeClass('fixed-card-header').css('width', 'initial');
                }
            });*/

            $('#open-close-panels').click(function () {
                const $this = $(this),
                      expanded = $this.data('expanded');

                if (!expanded) {
                    $('[data-toggle=collapse]').each(function (index, item) {
                        if ($(item).hasClass('collapsed')) {
                            $(item).click();
                        }
                    });
                    $this.data('expanded', true);
                    $this.find('i').removeClass('ion-ios-add').addClass('ion-ios-remove');
                }
                else {
                    $('[data-toggle=collapse]').each(function (index, item) {
                        if (!$(item).hasClass('collapsed')) {
                            $(item).click();
                        }
                    });
                    $this.data('expanded', false);
                    $this.find('i').removeClass('ion-ios-remove').addClass('ion-ios-add');
                }
            });

            page.load();
        });
    </script>
@endpush