@include('plugins.datatables.default')
@include('plugins.datatables.buttons')
@include('plugins.select2')
@include('plugins.moment')
@include('plugins.datepicker')
@include('plugins.jquery-mask')

@push("page-js")
<script>

    let area_operacao = '';
    let callcenter_site = '';

    const page = {
        table: undefined,
        load() {
            this.table();
        },
        table() {
            this.table = $('#table-cell-management').DataTable({
                scrollY: '70vh',
                scrollX: true,
                scrollCollapse: true,
                paging: false,
                searching: true,
                info: false,
                dom: 'Bfrtip',
                ajax: '{{ route('fin.cell-management.index') }}',
                dom: 'Bfrtip',
                buttons: [
                    'copy',
                    'excel',
                    {
                        extend: 'pdfHtml5',
                        orientation: 'landscape',
                    },
                    {
                        text: `<i class="fa fa-plus"></i> Criar célula`,
                        className: 'btn btn-success dt-btn-create',
                        action: () => {
                            let $modal = $('#modal-cell-create').modal('show');
                            $modal.find('.modal-body').html(`<div class="row">
                                <i>Carregando... </i><i class="fa fa-sync fa-spin"></i>
                            </div>`);
                            $.ajax({
                                type: 'GET',
                                url: '{{ route('fin.cell-management.create') }}',
                                success(view) {
                                    $modal.find('.modal-body').html(view);
                                },
                            });
                        },
                    }
                ],
                columns: [
                    {title: 'Site', data: 'Site'},
                    {title: 'EPS', data: 'EPS'},
                    {title: 'Canal', data: 'Canal'},
                    {title: 'Agrupamento', data: 'Agrupamento'},
                    {title: 'Ilha', data: 'Ilha'},
                    {title: 'Data início', data: 'StartDate', render: helper.datatables.datetime_format},
                    {title: 'Data Fim', data: 'EndDate', render: helper.datatables.datetime_format},
                    {title: 'Ações', data: 'CellId', ordering: false, className: 'text-center', render: page.render.actions},
                ],
                drawCallback: function (settings, json) {
                    niceScrollTo('.dataTables_scrollBody');
                    let $scrollBody = $('.dataTables_scrollBody');
                    $scrollBody.scroll(function () {
                        $('.DTFC_LeftBodyLiner, .DTFC_LeftBodyWrapper').css({
                            'height': $scrollBody.innerHeight() + 'px',
                            'max-height': $scrollBody.innerHeight() + 'px'
                        });
                    });
                },
                initComplete(settings, json) {
                    $('[data-toggle="tooltip"]').tooltip();
                },
            });
        },
        render: {
            actions(data, type, row) {
                return `
                    <a href="#" class="text-warning edit-cell" data-toggle="tooltip" title="Editar" data-id="${data}"><i class="fa fa-pencil-alt fa-fw"></i></a>
                    <a href="#" class="text-danger disable-cell" data-toggle="tooltip" title="Desativar" data-id="${data}"><i class="fa fa-times fa-fw"></i></a>
                `;
            }
        }
    };

    $('#table-cell-management').delegate('.edit-cell', 'click', function (e) {
        e.preventDefault();
        const data = $(this).data('id');
        let $modal = $('#modal-cell-edit').modal('show');
        $modal.find('.modal-body').html(`<div class="row">
            <i>Carregando... </i><i class="fa fa-sync fa-spin"></i>
        </div>`);
        $.ajax({
            type: 'GET',
            url: '{{ route('fin.cell-management.edit') }}',
            data: {
                id: data
            },
            success(view) {
                $modal.find('.modal-body').html(view);
            },
        });
    });

    $('#table-cell-management').delegate('.disable-cell', 'click', function (e) {
        e.preventDefault();
        const data = $(this).data('id');
        $.Notification.confirm('error', 'top center', 'Desativar célula', 'Deseja continuar?', function () {
            $.ajax({
                url: '{{ route('fin.cell-management.disable') }}',
                type: 'POST',
                data: {
                    _token: '{!! csrf_token() !!}',
                    id: data
                },
                success: function (result) {
                    page.table.ajax.reload();
                    $.Notification.notify('success', 'top right', 'Operação Realizada', result.message);
                },
                error: function (result) {
                    $.Notification.notify('error', 'top center', 'Error', 'Ocorreu um erro ao desativar a célula!')
                }
            });
        });
    });

    /*$(document).on('keypress', 'input.only-number', function(e) {
        const $this = $(this);
        const key = (window.event) ? event.keyCode : e.which;
        let dataAcceptDot = $this.data('accept-dot');
        let dataAcceptComma = $this.data('accept-comma');
        let dataAcceptMinus = $this.data('accept-minus');
        let acceptDot = (typeof dataAcceptDot !== 'undefined' && (dataAcceptDot == true || dataAcceptDot == 1)?true:false);
        let acceptComma = (typeof dataAcceptComma !== 'undefined' && (dataAcceptComma == true || dataAcceptComma == 1)?true:false);
        let acceptMinus = (typeof dataAcceptMinus !== 'undefined' && (dataAcceptMinus == true || dataAcceptMinus == 1)?true:false);

        if (
            (key > 47 && key < 58)
            || (key == 46 && acceptDot)
            || (key == 44 && acceptComma)
            || (key == 45 && acceptMinus)
        ) {
            return true;
        } else {
            return (key == 8 || key == 0) ? true : false;
        }
    });*/

    $(document).ready(function () {
        page.load();
    });

</script>
@endpush