{{-- DateTime --}}
<script type="text/javascript">
    const getFormatedDateCustom = (dateToBeFormated) => {
        var now = new Date(dateToBeFormated);
        var day = ("0" + now.getDate()).slice(-2);
        var month = ("0" + (now.getMonth() + 1)).slice(-2);
        var return_date = (day) + "-" + (month) + "-" + now.getFullYear();
        return return_date;
    }
    var t = $("#preDate").val();
    var pt = $("#postDate").val();
    var reportStartDate = $("#reportStartDate").val();
    var reportEndDate = $("#reportEndDate").val();
    var vat_additional = {};
    // var jsDate = new Date(t);

    // var time = new Date().getTime();
    // var currentdate = new Date(time);
    // var datetime1= jsDate.getDate()+"-"+(jsDate.getMonth()+1) +"-"+jsDate.getFullYear();
    // var datetime2 = currentdate.getDate()+"/"+(currentdate.getMonth()+1) +"/"+currentdate.getFullYear();

    //////////////////////// FLAT PICKR ////////////////////////
    var datetime1 = (t);
    var datetime2 = (pt);
    console.log(datetime1, datetime2);
    flatpickr('.date_picker_post', {
        minDate: datetime1,
        maxDate: datetime2,
        dateFormat: 'd-m-Y', //'YYYY-MM-DD',
        disableMobile: "true"
    });
    flatpickr('.date_picker_report',{
        minDate:reportStartDate,
        maxDate:reportEndDate,
        dateFormat: 'd-m-Y',//'YYYY-MM-DD',
        disableMobile: "true"
    });

    flatpickr('.time_picker', {
        enableTime: true,
        noCalendar: true,
        dateFormat: "H:i",
        disableMobile: "true"
    });

    flatpickr('.date_picker', {
        dateFormat: 'd-m-Y', //'YYYY-MM-DD',
        disableMobile: "true"
    });

    flatpickr('.month_picker', {
        dateFormat: 'm-Y', //'YYYY-MM-DD',
        disableMobile: "true"
    });

    flatpickr('.date_time_picker', {
        enableTime: true,
        dateFormat: 'd-m-Y H:i', //'YYYY-MM-DD',
        disableMobile: "true"
    });
    flatpickr('.date_range', {
        mode: 'range',
        dateFormat: 'd-m-Y',
        disableMobile: "true",
        defaultDate: [$('#month_range').attr('data-start'), $('#month_range').attr('data-end')]
    });
    $(document).ready(function() {
        // hardRefresh();
        jQuery.fn.dataTable.Api.register('sum()', function() {
            return this.flatten().reduce(function(a, b) {
                if (typeof a === 'string') {
                    a = a.replace(/[^\d.-]/g, '') * 1;
                }
                if (typeof b === 'string') {
                    b = b.replace(/[^\d.-]/g, '') * 1;
                }

                return a + b;
            }, 0);
        });
        initDatePicker();
        initDatePickerHotel();
        
        var version = @json(@$version);
        if (version != 2) {
            // default set select2 with bootstrap 5
            $.fn.select2.defaults.set("theme", "bootstrap-5");
            $.fn.select2.defaults.set("width", "100%");
        }
        // autoSelectInputFieldText();
        $('.select_2').select2();
    });
    //////////////////////// END ////////////////////////

    const hardRefresh = (key) => {
        if (localStorage.getItem(key) <= 0) {
            localStorage.setItem(key, 1);
            window.location.reload(true);
        }
    }

    $(document).on('focus', 'input', function(e) {
        try {
            // if (e.target.type == 'number') $(this).off('wheel.disableScroll');
            if (!$(this).hasClass('select2-search__field')) event.target.select();
        } catch (error) {
            console.log(error);
        }
    });
    $(document).on('focus', 'input[type="date"]', initDatePicker);
    $(document).on("wheel", function(event) {
        if (document.activeElement.type === "number") document.activeElement.blur();
    });

    $(document).on("keydown", function(event) {
        if (document.activeElement.type === "number" && (event.key == 'ArrowUp' || event.key == 'ArrowDown'))
            event.preventDefault();
        // document.activeElement.blur();
    });
    // const autoSelectInputFieldText = () => {
    //     $('input').each(function() {
    //         $(this).attr('onfocus','this.select()');
    //     });
    // }

    function initDatePicker() {
        $('input[type=date]').each(function() {
            var dateVal = $(this).val();
            var enData=$(this).attr('data-enabled_dates');
            var enabled_dates = (typeof enData !== 'undefined' && enData)?JSON.parse(enData):[];
            $(this).attr('type', 'text');
            $(this).addClass("common_date_format_for_obs");
            if (dateVal) {
                $(this).val(getFormatedDateCustom(dateVal));
            }
            console.log(enabled_dates,'enppabled_dates');
            if(enabled_dates!=undefined && enabled_dates.length>0){
                console.log(enabled_dates,'enabled_dates');
                flatpickr(this, {
                    enable:enabled_dates,
                    dateFormat: 'd-m-Y', //'YYYY-MM-DD',
                    disableMobile: "true"
                });
            }else{
                flatpickr(this, {
                    minDate: ($(this).attr('min') && $(this).attr('min') != undefined) ? $(this).attr(
                        'min') : getFormatedDateCustom('2000-01-01'),
                    maxDate: ($(this).attr('max') && $(this).attr('max') != undefined) ? $(this).attr(
                        'max') : getFormatedDateCustom('2050-01-01'),
                    dateFormat: 'd-m-Y', //'YYYY-MM-DD',
                    disableMobile: "true"
                });
            }
        });
    }
    //will continue soon//
    function initFlatpicker(cls, minDate, mode = null) {
        console.log(minDate);
        if (mode) {
            flatpickr('.' + cls, {
                mode: mode,
                dateFormat: 'd-m-Y', //'YYYY-MM-DD',
                disableMobile: "true"
            });
        } else {
            flatpickr('.' + cls, {
                minDate: minDate,
                dateFormat: 'd-m-Y',
                disableMobile: "true"
            });
        }
    }

    // for hotel Only
    function initDatePickerHotel() {
        let classes = ['fd_bs_datepicker_adv_off', 'fd_bs_datepicker_back_off', 'fd_bs_datepicker', 'bs_datepicker'];
        for (const cls of classes) {
            $('.' + cls).each(function() {
                var dateVal = $(this).val();
                $(this).attr('type', 'text');
                $(this).addClass("common_date_format_for_obs");
                if (dateVal) {
                    $(this).val(getFormatedDateCustom(dateVal));
                }
                flatpickr(this, {
                    minDate: ($(this).attr('min') && $(this).attr('min') != undefined) ? $(this).attr(
                        'min') : getFormatedDateCustom('2000-01-01'),
                    maxDate: ($(this).attr('max') && $(this).attr('max') != undefined) ? $(this).attr(
                        'max') : getFormatedDateCustom('2050-01-01'),
                    dateFormat: 'd-m-Y', //'YYYY-MM-DD',
                    disableMobile: "true"
                });
            });
        }
    }
</script>
{{-- Approval --}}
<script type="text/javascript">
    function setAllCheckedApprovalbles(elementBox) {
        if (elementBox.checked) $('.voucher_to_set_approval').prop("checked", true);
        else $('.voucher_to_set_approval').prop("checked", false);
    }

    function setApprovedVoucherInput(voucher_id,action_id,status,amount=null) {
        Swal.fire({
            icon: 'warning',
            title: 'Confirmation',
            html: 'Are You Sure?',
            showConfirmButton: true,
            showDenyButton: true,
            position: 'center',
            timer: null,
        }).then((res) => {
            if (res.isConfirmed) {
                let voucher_ids_to_approve = [];
                let action_step_ids_to_approved = [];
                
                $.each($("input[name='voucher_to_set_approval']:checked"), function() {
                    voucher_ids_to_approve.push($(this).val());
                });

                if(!(voucher_ids_to_approve.length>0)) voucher_ids_to_approve.push(voucher_id);
                for (let v of voucher_ids_to_approve) action_step_ids_to_approved.push({'key':v,'id':$('#action_step_id'+v).val()});

                console.log(action_step_ids_to_approved);
                
                ajaxCallV2("{{route('role_mapping.update_approval_log_bulk')}}", 'POST', {
                    action_id: action_id,
                    action_step_ids: action_step_ids_to_approved,
                    voucher_ids: voucher_ids_to_approve,
                    status: status,
                    type: 2,
                    amount: amount
                }, data => {
                    console.log(data);
                    const msg = ['Rejected','Appoved','UnApproved','Return To Recheck'];

                    for (let p = 0; p < voucher_ids_to_approve.length; p++) {
                        $('#approval_field_to_update-'+voucher_ids_to_approve[p]).html(`<span class="badge badge-${status?'success':'danger'}">${msg[status]}</span>`);
                    }
                    $('#loader').hide();
                }, err=> $('#loader').hide());
                
                /*
                    $.ajax({
                        type: "POST",
                        url: "{{route('role_mapping.update_approval_log_bulk')}}",
                        data: {
                            _token: $('meta[name="csrf-token"]').attr('content'),
                            action_id:action_id,
                            action_step_ids:action_step_ids_to_approved,
                            voucher_ids:voucher_ids_to_approve,
                            status:status,
                            type:2,
                            amount:amount
                        },
                        success: function (data) {
                            console.log(data);
                            let msg=['Rejected','Appoved','UnApproved','Return To Recheck'];
                            for (let p = 0; p < voucher_ids_to_approve.length; p++) {
                                $('#approval_field_to_update-'+voucher_ids_to_approve[p]).html(`<span class="badge badge-${status?'success':'danger'}">${msg[status]}</span>`);
                            }
                            //location.reload();
                        },
                        error: function (response) {
                            console.log(response);
                        },
                    });
                */
            }
        });
    }

    function getApproveInput(row_id, action_id) {
        return $.ajax({
            type: "GET",
            url: "{{ route('role_mapping.check_approvals') }}",
            data: {
                id: row_id,
                action_id: action_id,
            },
            success: function(data) {
                console.log(data);
                return data;
            },
            error: function(response) {},
        });
    }

    function updateBtn(row_id) {
        var checked = $('#check' + row_id).is(':checked');
        //alert(checked);
        if (checked) {
            $('#update_btn' + row_id).show('slow');
        } else {
            $('#update_btn' + row_id).hide('slow');
        }
    }

    function updateApproveStatus(row_id, action_step_id, model_name, cost_center_id) {
        //alert(model_name);
        if (confirm('are you sure?')) {
            $.ajax({
                type: "GET",
                url: "{{ route('costcenter_mapping.update_approval_log') }}",
                data: {
                    approvable_id: row_id,
                    approvable_type: model_name,
                    action_step_id: action_step_id,
                    cost_center_id: cost_center_id,
                },
                success: function(data) {
                    location.reload();
                },
                error: function(response) {},
            });
        }
    }
</script>
{{-- print --}}
<script type="text/javascript">
    const PrintDiv = (printDivId = 'divTableDataHolder') => {
        var divToPrint = document.getElementById(printDivId);
        var popupWin = window.open('', '_blank', 'width=900,height=900');
        var style = `<style type="text/css" media="print">
                       @media print{
                           @page {
                               size: auto;
                           }
                           #data_table_apply_filter{
                               display: none;
                           }
                           a {
                            text-decoration: none;
                            color: #000;
                           }
                           table {
                               width:100%;
                            }
                           th {
                               vertical-align: middle;text-align: center;
                               }
                           td {
                                vertical-align: top;
                            }
                            .table td {
                                color: #000 !important;
                            }
                           .hidden_content {
                                  display:none !important;
                           }
                       }
                   </style>`;
        //var style='<style type="text/css">table th, table td {border:1px solid #000;padding:0.5em;}</style>';
        popupWin.document.open();
        popupWin.document.write(
            // '<html><head><link  rel="stylesheet" type="text/css" href="{{ asset('assets/css/bootstrap.min.css') }}"/>' +
            '<html><head><link  rel="stylesheet" type="text/css" href="{{ asset(env('VERSION', 1)!=2?'assets/css/bootstrap.min.css':'v2/assets/css/bootstrap.min.css') }}"/>' +
            style + '</head><body onload="window.print()">' + divToPrint.innerHTML + '</html>');
        popupWin.document.close();
    }
    $("[id$=myButtonControlID]").click(function(e) {
        excel();
    });
</script>
{{-- vat --}}
<script type="text/javascript">
    function vatInvoiceLiveSearch(cls, clear = false, title = 'Select Invoice') {
        $('.' + cls).select2({
            placeholder: title,
            allowClear: clear,
            minimumInputLength: 2,
            // tags: [],
            ajax: {
                url: "/purevat/vat-invoice-live-search",
                dataType: 'json',
                type: "POST",
                quietMillis: 50,
                data: function(term) {
                    return {
                        _token: $("meta[name=csrf-token]").attr('content'),
                        name: term,
                        vat_additional: vat_additional
                    };
                },
                processResults: function(data) {
                    pub_product = data;
                    console.log(data);
                    return {
                        results: $.map(data, function(item) {
                            return {
                                text: item.invoice_no,
                                id: item.id,
                            }
                        })
                    };
                },
                transport: function(params, success, failure) {
                    var $request = $.ajax(params);

                    $request.then(success);
                    $request.fail(failure);

                    return $request;
                }
            }
        });
    }
</script>

{{-- global common task  --}}
<script type="text/javascript">
    var inputTypeNumbers = document.querySelectorAll("input[type=number]");
    for (var a = 0; a < inputTypeNumbers.length; a++) {
        inputTypeNumbers[a].onwheel = function(event) {
            event.target.blur();
        };
    }
    const capitalize = (s) => {
        if (typeof s !== 'string') return ''
        return s.charAt(0).toUpperCase() + s.slice(1).toLowerCase()
    }
    const permission_check = (p) => {
        if (Object.values(permission_array).indexOf(p) > -1) {
            return true;
        } else {
            return false;
        }
    }

    /////////////////// Ns ///////////////////
    /*
        const callSweetAlert = (icon, title, html, confirm = 0, callback) => {
            let obj = {
                icon: icon, //'warning',
                title: title, //'<p class="text-danger">Cradit Limit Exceed.!!!</p>',
                html: html, //`<p class="text-warning">Max Limit: <span class="badge badge-danger"> ${party_limit-party_balance} </span></p>`
            };
            if (confirm == 1) {
                obj.showCancelButton = true;
                obj.confirmButtonColor = '#3085d6';
                obj.cancelButtonColor = '#d33';
                obj.confirmButtonText = 'Yes';
            }
            Swal.fire(obj).then(result => {
                if (result.isConfirmed) {
                    if (typeof callback != 'undefined')
                        callback();
                    // Swal.fire(
                    //   'Deleted!',
                    //   'Your file has been deleted.',
                    //   'success'
                    // )
                }
            });
        }
        const ajaxCall = (url, method, data = {}, callback, callbackError) => {
            $('#loader').show();
            // if (typeof data._token == 'undefined') data._token = $("meta[name=csrf-token]").attr('content');
            console.log(data);
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: url,
                method: method,
                data: data,
                // dataType:'JSON',
                success: function(data) {
                    console.log(data);
                    callback(data);
                },
                error: function(error) {
                    callSweetAlert('error', '<p class="text-danger">Something Went Wrong..!!!!</p>');
                    console.log(data);
                    if (typeof callbackError != 'undefined') {
                        callbackError(error);
                    }
                }
            });
        }
     
        const returnAjaxCall = (url, method, data = {}, callbackError) => {
            $('#loader').show();
            data._token = $("input[name=_token]").val();
            console.log(data);
            return $.ajax({
                url: url,
                method: method,
                data: data,
                dataType: 'JSON',
                success: function(data) {
                    console.log(data);
                    return data;
                },
                error: function(error) {
                    $('#loader').hide();
                    callSweetAlert('error', '<p class="text-danger">Something Went Wrong..!!!!</p>');
                    console.log(data);
                    if (typeof callbackError != 'undefined') {
                        callbackError(error);
                    }
                }
            });
        }
     
        const ajaxCallWithFormData = (url, method, formData = {}, callback, callbackError) => {
            $('#loader').show();
            $.ajax({
                url: url,
                method: method,
                data: formData,
                // dataType:'JSON',
                contentType: false,
                cache: false,
                processData: false,
                success: function(data) {
                    console.log(data);
                    // $('#loader').hide();
                    callback(data);
                },
                error: function(error) {
                    callSweetAlert('error', '<p class="text-danger">Something Went Wrong..!!!!</p>');
                    console.log(error);
                    if (typeof callbackError != 'undefined') {
                        callbackError(error);
                    }
                }
            });
        }
    */

    ////////////////////// END ////////////////////////

    function excel() {
        var heading_name = $("#heading_name").text();
        $("#divTableDataHolder").table2excel({
            exclude: ".noExl",
            name: heading_name,
            //filename: "myFileName" + new Date().toISOString().replace(/[\-\:\.]/g, ""),
            filename: heading_name,
            fileext: ".xls",
            exclude_img: true,
            exclude_links: true,
            exclude_inputs: true
        });
    };

    function common_excel(id) {
        var heading_name = $("#excel_file_name").val();
        $(`.common_excel_export`).table2excel({
            exclude: ".noExl",
            name: heading_name,
            //filename: "myFileName" + new Date().toISOString().replace(/[\-\:\.]/g, ""),
            filename: heading_name,
            fileext: ".xls",
            exclude_img: true,
            exclude_links: true,
            exclude_inputs: true
        });
    };

    const makeZeroToBlank = (cls, toCls, replace = '-') => {
        $('.' + cls).each(function() {
            var cellText = $(this).text();
            cellText = cellText.trim();
            if (cellText == '0.00' || cellText == '0') {
                $(this).text(replace);
                $(this).attr('class', toCls);
            }
        });
    }

    const showNotifications = () => {
        $('#notification_list').html(`
            <div class="d-flex justify-content-center align-items-center" style="height: 100px;">
                <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
            </div>
        `);
        $.ajax({
            type: "GET",
            url: "{{route('admin.notification.list_for_navbar')}}",
            data: {},
            success: function (data) {
                $('#notification_list').html(data.html);
            },
            error: function (response) {
                console.log(response);
                $('#notification_list').html('Error.');
            },
        });
    }
</script>