/*
Author       : Dreamguys
Template Name: POS - Bootstrap Admin Template
*/


$(document).ready(function () {

    // Variables declarations
    var $wrapper = $('.main-wrapper');
    var $slimScrolls = $('.slimscroll');
    var $pageWrapper = $('.page-wrapper');
    feather.replace();

    // Page Content Height Resize
    $(window).resize(function () {
        if ($('.page-wrapper').length > 0) {
            var height = $(window).height();
            $(".page-wrapper").css("min-height", height);
        }
    });

    // Mobile menu sidebar overlay
    $('body').append('<div class="sidebar-overlay"></div>');
    $(document).on('click', '#mobile_btn', function () {
        $wrapper.toggleClass('slide-nav');
        $('.sidebar-overlay').toggleClass('opened');
        $('html').addClass('menu-opened');
        $('#task_window').removeClass('opened');
        return false;
    });

    $(".sidebar-overlay").on("click", function () {
        $('html').removeClass('menu-opened');
        $(this).removeClass('opened');
        $wrapper.removeClass('slide-nav');
        $('.sidebar-overlay').removeClass('opened');
        $('#task_window').removeClass('opened');
    });

    // Logo Hide Btn

    $(document).on("click", ".hideset", function () {
        $(this).parent().parent().parent().hide();
    });

    $(document).on("click", ".delete-set", function () {
        $(this).parent().parent().hide();
    });

    // Owl Carousel
    if ($('.product-slide').length > 0) {
        $('.product-slide').owlCarousel({
            items: 1,
            margin: 30,
            dots: false,
            nav: true,
            loop: false,
            responsiveClass: true,
            rtl: true,
            responsive: {
                0: {
                    items: 1
                },
                800: {
                    items: 1
                },
                1170: {
                    items: 1
                }
            }
        });
    }

    //Home popular 
    if ($('.owl-product').length > 0) {
        var owl = $('.owl-product');
        owl.owlCarousel({
            margin: 10,
            dots: false,
            nav: true,
            loop: false,
            touchDrag: false,
            mouseDrag: false,
            rtl: true,
            responsive: {
                0: {
                    items: 2
                },
                768: {
                    items: 4
                },
                1170: {
                    items: 8
                }
            }
        });
    }
    // Datatable
    if ($('.datanew').length > 0) {
        $('.datanew').DataTable({
            "bFilter": true,
            "sDom": 'fBtlpi',
            'pagingType': 'numbers',
            "ordering": true,
            "language": {
                search: ' ',
                sLengthMenu: '_MENU_',
                searchPlaceholder: "Search...",
                info: "_START_ - _END_ of _TOTAL_ items",
            },
            initComplete: (settings, json) => {
                $('.dataTables_filter').appendTo('#tableSearch');
                $('.dataTables_filter').appendTo('.search-input');
            },
        });
    }

    // image file upload image
    function readURL(input) {
        if (input.files && input.files[0]) {
            var reader = new FileReader();

            reader.onload = function (e) {
                $('#blah').attr('src', e.target.result);
            }

            reader.readAsDataURL(input.files[0]);
        }
    }

    $("#imgInp").change(function () {
        readURL(this);
    });


    if ($('.datatable').length > 0) {
        $('.datatable').DataTable({
            "bFilter": false
        });
    }
    // Loader
    setTimeout(function () {
        $('#global-loader');
        setTimeout(function () {
            $("#global-loader").fadeOut("slow");
        }, 100);
    }, 500);

    // Datetimepicker
    if ($('.datetimepicker').length > 0) {
        $('.datetimepicker').datetimepicker({
            format: 'DD-MM-YYYY',
            icons: {
                up: "fas fa-angle-up",
                down: "fas fa-angle-down",
                next: 'fas fa-angle-right',
                previous: 'fas fa-angle-left'
            }
        });
    }

    // toggle-password
    if ($('.toggle-password').length > 0) {
        $(document).on('click', '.toggle-password', function () {
            $(this).toggleClass("fa-eye fa-eye-slash");
            var input = $(".pass-input");
            if (input.attr("type") == "password") {
                input.attr("type", "text");
            } else {
                input.attr("type", "password");
            }
        });
    }
    if ($('.toggle-passwords').length > 0) {
        $(document).on('click', '.toggle-passwords', function () {
            $(this).toggleClass("fa-eye fa-eye-slash");
            var input = $(".pass-inputs");
            if (input.attr("type") == "password") {
                input.attr("type", "text");
            } else {
                input.attr("type", "password");
            }
        });
    }
    if ($('.toggle-passworda').length > 0) {
        $(document).on('click', '.toggle-passworda', function () {
            $(this).toggleClass("fa-eye fa-eye-slash");
            var input = $(".pass-inputs");
            if (input.attr("type") == "password") {
                input.attr("type", "text");
            } else {
                input.attr("type", "password");
            }
        });
    }

    // Select 2
    if ($('.select').length > 0) {
        $('.select').select2({
            minimumResultsForSearch: -1,
            width: '100%'
        });
    }

    // Counter 
    if ($('.counter').length > 0) {
        $('.counter').counterUp({
            delay: 20,
            time: 2000
        });
    }
    if ($('#timer-countdown').length > 0) {
        $('#timer-countdown').countdown({
            from: 180, // 3 minutes (3*60)
            to: 0, // stop at zero
            movingUnit: 1000, // 1000 for 1 second increment/decrements
            timerEnd: undefined,
            outputPattern: '$day Day $hour : $minute : $second',
            autostart: true
        });
    }

    if ($('#timer-countup').length > 0) {
        $('#timer-countup').countdown({
            from: 0,
            to: 180
        });
    }

    if ($('#timer-countinbetween').length > 0) {
        $('#timer-countinbetween').countdown({
            from: 30,
            to: 20
        });
    }

    if ($('#timer-countercallback').length > 0) {
        $('#timer-countercallback').countdown({
            from: 10,
            to: 0,
            timerEnd: function () {
                this.css({ 'text-decoration': 'line-through' }).animate({ 'opacity': .5 }, 500);
            }
        });
    }

    if ($('#timer-outputpattern').length > 0) {
        $('#timer-outputpattern').countdown({
            outputPattern: '$day Days $hour Hour $minute Min $second Sec..',
            from: 60 * 60 * 24 * 3
        });
    }

    // Summernote

    if ($('#summernote').length > 0) {
        $('#summernote').summernote({
            height: 300,                 // set editor height
            minHeight: null,             // set minimum height of editor
            maxHeight: null,             // set maximum height of editor
            focus: true                  // set focus to editable area after initializing summernote
        });
    }



    // Sidebar Slimscroll
    if ($slimScrolls.length > 0) {
        $slimScrolls.slimScroll({
            height: 'auto',
            width: '100%',
            position: 'right',
            size: '7px',
            color: '#ccc',
            wheelStep: 10,
            touchScrollStep: 100
        });
        var wHeight = $(window).height() - 60;
        $slimScrolls.height(wHeight);
        $('.sidebar .slimScrollDiv').height(wHeight);
        $(window).resize(function () {
            var rHeight = $(window).height() - 60;
            $slimScrolls.height(rHeight);
            $('.sidebar .slimScrollDiv').height(rHeight);
        });
    }

    // Sidebar
    var Sidemenu = function () {
        this.$menuItem = $('#sidebar-menu a');
    };

    function init() {
        var $this = Sidemenu;
        $('#sidebar-menu a').on('click', function (e) {
            if ($(this).parent().hasClass('submenu')) {
                e.preventDefault();
            }
            if (!$(this).hasClass('subdrop')) {
                $('ul', $(this).parents('ul:first')).slideUp(250);
                $('a', $(this).parents('ul:first')).removeClass('subdrop');
                $(this).next('ul').slideDown(350);
                $(this).addClass('subdrop');
            } else if ($(this).hasClass('subdrop')) {
                $(this).removeClass('subdrop');
                $(this).next('ul').slideUp(350);
            }
        });
        $('#sidebar-menu ul li.submenu a.active').parents('li:last').children('a:first').addClass('active').trigger('click');
    }

    // Sidebar Initiate
    init();
    $(document).on('mouseover', function (e) {
        e.stopPropagation();
        if ($('body').hasClass('mini-sidebar') && $('#toggle_btn').is(':visible')) {
            var targ = $(e.target).closest('.sidebar, .header-left').length;
            if (targ) {
                $('body').addClass('expand-menu');
                $('.subdrop + ul').slideDown();
            } else {
                $('body').removeClass('expand-menu');
                $('.subdrop + ul').slideUp();
            }
            return false;
        }
    });

    //toggle_btn
    $(document).on('click', '#toggle_btn', function () {
        if ($('body').hasClass('mini-sidebar')) {
            $('body').removeClass('mini-sidebar');
            $(this).addClass('active');
            $('.subdrop + ul');
            localStorage.setItem('screenModeNightTokenState', 'night');
            setTimeout(function () {
                $("body").removeClass("mini-sidebar");
                $(".header-left").addClass("active");
            }, 100);
        } else {
            $('body').addClass('mini-sidebar');
            $(this).removeClass('active');
            $('.subdrop + ul');
            localStorage.removeItem('screenModeNightTokenState', 'night');
            setTimeout(function () {
                $("body").addClass("mini-sidebar");
                $(".header-left").removeClass("active");
            }, 100);
        }
        return false;
    });


    if (localStorage.getItem('screenModeNightTokenState') == 'night') {
        setTimeout(function () {
            $("body").removeClass("mini-sidebar");
            $(".header-left").addClass("active");
        }, 100);
    }

    $('.submenus').on('click', function () {
        $('body').addClass('sidebarrightmenu');
    });

    $('#searchdiv').on('click', function () {
        $('.searchinputs').addClass('show');
    });
    $('.search-addon span').on('click', function () {
        $('.searchinputs').removeClass('show');
    });
    $(document).on('click', '#filter_search', function () {
        $('#filter_inputs').slideToggle("slow");
    });
    $(document).on('click', '#filter_search1', function () {
        $('#filter_inputs1').slideToggle("slow");
    });
    $(document).on('click', '#filter_search2', function () {
        $('#filter_inputs2').slideToggle("slow");
    });
    $(document).on('click', '#filter_search', function () {
        $('#filter_search').toggleClass("setclose");
    });
    $(document).on("click", ".productset", function () {
        $(this).toggleClass("active");
    });
    $(document).on("click", ".paymentmethod", function () {
        $(this).toggleClass("active");
    });


    if ($('.custom-file-container').length > 0) {
        //First upload
        var firstUpload = new FileUploadWithPreview('myFirstImage')
        //Second upload
        var secondUpload = new FileUploadWithPreview('mySecondImage')
    }

    $('.counters').each(function () {
        var $this = $(this),
            countTo = $this.attr('data-count');
        $({ countNum: $this.text() }).animate({
            countNum: countTo
        },
            {
                duration: 2000,
                easing: 'linear',
                step: function () {
                    $this.text(Math.floor(this.countNum));
                },
                complete: function () {
                    $this.text(this.countNum);
                }

            });

    });


    // toggle-password
    if ($('.toggle-password').length > 0) {
        $(document).on('click', '.toggle-password', function () {
            $(this).toggleClass("fa-eye fa-eye");
            var input = $(".pass-input");
            if (input.attr("type") == "text") {
                input.attr("type", "text");
            } else {
                input.attr("type", "password");
            }
        });
    }


    if ($('.win-maximize').length > 0) {
        $('.win-maximize').on('click', function (e) {
            if (!document.fullscreenElement) {
                document.documentElement.requestFullscreen();
            } else {
                if (document.exitFullscreen) {
                    document.exitFullscreen();
                }
            }
        })
    }


    $(document).on('click', '#check_all', function () {
        $('.checkmail').click();
        return false;
    });
    if ($('.checkmail').length > 0) {
        $('.checkmail').each(function () {
            $(this).on('click', function () {
                if ($(this).closest('tr').hasClass('checked')) {
                    $(this).closest('tr').removeClass('checked');
                } else {
                    $(this).closest('tr').addClass('checked');
                }
            });
        });
    }

    // Popover
    if ($('.popover-list').length > 0) {
        var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'))
        var popoverList = popoverTriggerList.map(function (popoverTriggerEl) {
            return new bootstrap.Popover(popoverTriggerEl)
        })
    }

    // Clipboard 
    if ($('.clipboard').length > 0) {
        var clipboard = new Clipboard('.btn');
    }

    // Chat
    var chatAppTarget = $('.chat-window');
    (function () {
        if ($(window).width() > 991)
            chatAppTarget.removeClass('chat-slide');

        $(document).on("click", ".chat-window .chat-users-list a.media", function () {
            if ($(window).width() <= 991) {
                chatAppTarget.addClass('chat-slide');
            }
            return false;
        });
        $(document).on("click", "#back_user_list", function () {
            if ($(window).width() <= 991) {
                chatAppTarget.removeClass('chat-slide');
            }
            return false;
        });
    })();

    // Mail important

    $(document).on('click', '.mail-important', function () {
        $(this).find('i.fa').toggleClass('fa-star').toggleClass('fa-star-o');
    });


    var selectAllItems = "#select-all";
    var checkboxItem = ":checkbox";
    $(selectAllItems).click(function () {

        if (this.checked) {
            $(checkboxItem).each(function () {
                this.checked = true;
            });
        } else {
            $(checkboxItem).each(function () {
                this.checked = false;
            });
        }

    });

    // Tooltip
    if ($('[data-bs-toggle="tooltip"]').length > 0) {
        var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
        var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
            return new bootstrap.Tooltip(tooltipTriggerEl)
        })
    }

    var right_side_views = '<div class="right-side-views d-none">' +
        '<ul class="sticky-sidebar siderbar-view">' +
        '<li class="sidebar-icons">' +
        '<a class="toggle tipinfo open-layout open-siderbar" href="javascript:void(0);" data-toggle="tooltip" data-placement="left" data-bs-original-title="Tooltip on left">' +
        '<div class="tooltip-five ">' +
        '<img src="assets/img/icons/siderbar-icon2.svg" class="feather-five" alt="">' +
        '<span class="tooltiptext">Check Layout</span>' +
        '</div>' +
        '</a>' +
        '</li>' +
        '</ul>' +
        '</div>' +

        '<div class="sidebar-layout">' +
        '<div class="sidebar-content">' +
        '<div class="sidebar-top">' +
        '<div class="container-fluid">' +
        '<div class="row align-items-center">' +
        '<div class="col-xl-6 col-sm-6 col-12">' +
        '<div class="sidebar-logo">' +
        '<a href="index.html" class="logo">' +
        '<img src="assets/img/logo.png" alt="Logo" class="img-flex">' +
        '</a>' +
        '</div>' +
        '</div>' +
        '<div class="col-xl-6 col-sm-6 col-12">' +
        '<a class="btn-closed" href="javascript:void(0);"><img class="img-fliud" src="assets/img/icons/sidebar-delete-icon.svg" alt="demo"></a>' +
        '</div>' +
        '</div>' +
        '</div>' +
        '</div>' +
        '<div class="container-fluid">' +
        '<div class="row align-items-center">' +
        '<h5 class="sidebar-title">Choose layout</h5>' +
        '<div class="col-xl-12 col-sm-6 col-12">' +
        '<div class="sidebar-image align-center">' +
        '<img class="img-fliud" src="assets/img/demo-one.png" alt="demo">' +
        '</div>' +
        '<div class="row">' +
        '<div class="col-lg-6 layout">' +
        '<h5 class="layout-title">Dark Mode</h5>' +
        '</div>' +
        '<div class="col-lg-6 layout dark-mode">' +
        '<label class="toggle-switch" for="notification_switch3">' +
        '<span>' +
        '<input type="checkbox" class="toggle-switch-input" id="notification_switch3">' +
        '<span class="toggle-switch-label ms-auto">' +
        '	<span class="toggle-switch-indicator"></span>' +
        '</span>' +
        '</span>' +
        ' </label>' +
        '</div>' +
        '</div>' +
        '</div>' +
        '</div>' +
        '</div>' +
        '</div>' +
        '</div>' +
        $("body").append(right_side_views);

    // Sidebar Visible

    $('.open-layout').on("click", function (s) {
        s.preventDefault();
        $('.sidebar-layout').addClass('show-layout');
        $('.sidebar-settings').removeClass('show-settings');
    });
    $('.btn-closed').on("click", function (s) {
        s.preventDefault();
        $('.sidebar-layout').removeClass('show-layout');
    });
    $('.open-settings').on("click", function (s) {
        s.preventDefault();
        $('.sidebar-settings').addClass('show-settings');
        $('.sidebar-layout').removeClass('show-layout');
    });

    $('.btn-closed').on("click", function (s) {
        s.preventDefault();
        $('.sidebar-settings').removeClass('show-settings');
    });

    $('.open-siderbar').on("click", function (s) {
        s.preventDefault();
        $('.siderbar-view').addClass('show-sidebar');
    });

    $('.btn-closed').on("click", function (s) {
        s.preventDefault();
        $('.siderbar-view').removeClass('show-sidebar');
    });

    if ($('.toggle-switch').length > 0) {
        const toggleSwitch = document.querySelector('.toggle-switch input[type="checkbox"]');
        const currentTheme = localStorage.getItem('theme');
        var app = document.getElementsByTagName("BODY")[0];

        if (currentTheme) {
            app.setAttribute('data-theme', currentTheme);

            if (currentTheme === 'dark') {
                toggleSwitch.checked = true;
            }
        }

        function switchTheme(e) {
            if (e.target.checked) {
                app.setAttribute('data-theme', 'dark');
                localStorage.setItem('theme', 'dark');
            }
            else {
                app.setAttribute('data-theme', 'light');
                localStorage.setItem('theme', 'light');
            }
        }

        toggleSwitch.addEventListener('change', switchTheme, false);
    }

    if (window.location.hash == "#LightMode") {
        localStorage.setItem('theme', 'dark');
    }
    else {
        if (window.location.hash == "#DarkMode") {
            localStorage.setItem('theme', 'light');
        }
    }


    $('ul.tabs li').click(function () {
        var $this = $(this);
        var $theTab = $(this).attr('id');
        if ($this.hasClass('active')) {
            // do nothing
        } else {
            $this.closest('.tabs_wrapper').find('ul.tabs li, .tabs_container .tab_content').removeClass('active');
            $('.tabs_container .tab_content[data-tab="' + $theTab + '"], ul.tabs li[id="' + $theTab + '"]').addClass('active');
        }

    });



    $('.add-setting').on("click", function (e) {
        e.preventDefault();
        $('.preview-toggle.sidebar-settings').addClass('show-settings');
    });
    $('.sidebar-close').on("click", function (e) {
        e.preventDefault();
        $('.preview-toggle.sidebar-settings').removeClass('show-settings');
    });
    $('.navigation-add').on("click", function (e) {
        e.preventDefault();
        $('.nav-toggle.sidebar-settings').addClass('show-settings');
    });
    $('.sidebar-close').on("click", function (e) {
        e.preventDefault();
        $('.nav-toggle.sidebar-settings').removeClass('show-settings');
    });

    // DarkMode with LocalStorage
    if ($('#dark-mode-toggle').length > 0) {
        $("#dark-mode-toggle").children(".light-mode").addClass("active");
        let darkMode = localStorage.getItem('darkMode');

        const darkModeToggle = document.querySelector('#dark-mode-toggle');

        const enableDarkMode = () => {
            document.body.setAttribute('data-theme', 'dark');
            $("#dark-mode-toggle").children(".dark-mode").addClass("active");
            $("#dark-mode-toggle").children(".light-mode").removeClass("active");
            localStorage.setItem('darkMode', 'enabled');
        }

        const disableDarkMode = () => {
            document.body.removeAttribute('data-theme', 'dark');
            $("#dark-mode-toggle").children(".dark-mode").removeClass("active");
            $("#dark-mode-toggle").children(".light-mode").addClass("active");
            localStorage.setItem('darkMode', null);
        }

        if (darkMode === 'enabled') {
            enableDarkMode();
        }

        darkModeToggle.addEventListener('click', () => {
            darkMode = localStorage.getItem('darkMode');

            if (darkMode !== 'enabled') {
                enableDarkMode();
            } else {
                disableDarkMode();
            }
        });
    }

    function productList(id, name, tag, price) {
        return '<ul class="product-lists">' +
            '<li>' +
            '<div class="productimg">' +
            '<div class="productimgs">' +
            '<img src="assets/POS/assets/img/product/product30.jpg" alt="img">' +
            '</div>' +
            '<div class="productcontet">' +
            '<h4>' + name +
            '<a href="javascript:void(0);" class="ms-2"' +
            'data-bs-toggle="modal" data-bs-target="#edit"><img' +
            'src="assets/POS/assets/img/icons/edit-5.svg"' +
            'alt="img"></a>' +
            '</h4>' +
            '<div class="productlinkset">' +
            '<h5>' + tag + '</h5>' +
            '</div>' +
            '<div class="increment-decrement">' +
            '<div class="input-groups p_' + id + '">' +
            '<input type="button" value="-"' +
            'class="button-minus dec button">' +
            '<input type="number" id="p_' + id + '" name="child" value="0"' +
            'class="quantity-field">' +
            '<input type="button" value="+"' +
            'class="button-plus inc button ">' +
            '</div>' +
            '</div>' +
            '</div>' +
            '</div>' +
            '</li>' +
            '<li>' + price + ' ريال</li>' +
            // '<li><a class="confirm-text" href="javascript:void(0);"><img'+
            // 'src="assets/POS/assets/img/icons/delete-2.svg" alt="img"></a>'+
            // '</li>'+
            '</ul>';
    }


    total_price = 0;
    total_priceVat = 0;
    total_all = 0;

    function add_p(price, vat, total) {
        total_price += parseFloat(price);
        total_priceVat += parseFloat(vat);
        total_all += parseFloat(total);
        $('#price').html(Math.round(total_price) + ' ريال');
        $('#vat').html(Math.round(total_priceVat) + ' ريال');
        $('#total').html(Math.round(total_all) + ' ريال');
        $('#pay_total').html(Math.round(total_all) + ' ريال');
    }

    function dec_p(price, vat, total) {
        total_price -= parseFloat(price);
        total_priceVat -= parseFloat(vat);
        total_all -= parseFloat(total);
        $('#price').html(Math.round(total_price) + ' ريال');
        $('#vat').html(Math.round(total_priceVat) + ' ريال');
        $('#total').html(Math.round(total_all) + ' ريال');
        $('#pay_total').html(Math.round(total_all) + ' ريال');
    }

    $(document).on("click", ".productset", function () {
        pid = $(this).data('id');
        pname = $(this).data('name');
        ptag = $(this).data('tag');
        pprice = $(this).data('price');
        ppriceVat = $(this).data('vat');
        ppriceTotal = $(this).data('pricevat');

        if ($(this).hasClass('active')) {
            if ($('#p_' + pid).val() < 0 || $('#p_' + pid).val() == undefined) {
                $('.product-table').append(productList(pid, pname, ptag, pprice));
                $('#p_' + pid).val(1);

                add_p(pprice, ppriceVat, ppriceTotal);
            }


            //Increment Decrement value
            $('.p_' + pid + ' .inc.button').click(function () {
                var $this = $(this),
                    $input = $this.prev('input'),
                    $parent = $input.closest('div'),
                    newValue = parseInt($input.val()) + 1;
                $parent.find('.inc').addClass('a' + newValue);
                $input.val(newValue);
                newValue += newValue;

                pprice = pprice;
                ppriceVat = ppriceVat;
                ppriceTotal = ppriceTotal;
                add_p(pprice, ppriceVat, ppriceTotal);
            });
            //dec Decrement value
            $('.p_' + pid + ' .dec.button').click(function () {
                var $this = $(this),
                    $input = $this.next('input'),
                    $parent = $input.closest('div'),
                    newValue = parseInt($input.val()) - 1;
                $parent.find('.inc').addClass('a' + newValue);
                $input.val(newValue);
                newValue += newValue;

                pprice = pprice;
                ppriceVat = ppriceVat;
                ppriceTotal = ppriceTotal;
                dec_p(pprice, ppriceVat, ppriceTotal);
                if (newValue == 0) {
                    $this.closest('ul').remove()
                    $("div").find(`[data-id='${pid}']`).removeClass("active")
                }
            });

        } else {

            total_price -= parseFloat(pprice) * parseInt($('#p_' + pid).val());
            total_priceVat -= parseFloat(ppriceVat) * parseInt($('#p_' + pid).val());
            total_all -= parseFloat(ppriceTotal) * parseInt($('#p_' + pid).val());

            $('#p_' + pid).closest('ul').remove()

        }
        $('#price').html(Math.round(total_price) + ' ريال');
        $('#vat').html(Math.round(total_priceVat) + ' ريال');
        $('#total').html(Math.round(total_all) + ' ريال');
        $('#pay_total').html(Math.round(total_all) + ' ريال');
    });

    $(document).on("click", ".paymentmethod", function () {
        how_pay_temp = [];
        $(".paymentmethod.active").each(function () {
            how_id = $(this).data('how');
            how_pay_temp.push(how_id);
        });
        if (how_pay_temp.length == 2) {
            $('.btn-totallabel.pay-cash').css("display", "flex")
            // $(".btn-totallabel.pay-cash input").val();
        } else {
            $('.btn-totallabel.pay-cash').hide()
        }
    });
    done = 0;
    // ajax request
    $(document).on("click", "#pay_req", function () {
        data = {
            'order': {},
            'how_pay': {},
            'total': 0,
        };

        $(".productset.active").each(function () {
            d_pid = $(this).data('id');
            d_pname = $(this).data('name');
            d_ptag = $(this).data('tag');
            d_pprice = parseFloat($(this).data('price'));
            d_ppriceVat = parseFloat($(this).data('vat'));
            d_ppriceTotal = parseFloat($(this).data('pricevat'));
            d_how_many = parseInt($('#p_' + d_pid).val());

            data['order'][d_pid] = {
                d_pname,
                d_how_many,
                d_pprice,
                d_ppriceVat,
                d_ppriceTotal,
            }
            data['total'] += (d_ppriceTotal * d_how_many);
        });

        if (Object.keys(data['order']).length == 0) {
            Swal.fire({ type: "error", title: "حدث خطأ", text: "لا يوجد اي منتج مضاف", confirmButtonClass: "btn btn-primary", buttonsStyling: !1 })
            return false;
        }

        how_pay_temp = [];
        $(".paymentmethod.active").each(function () {
            how_id = $(this).data('how');
            how_pay_temp.push(how_id);
        });
        if (how_pay_temp.length == 2) {
            cash = parseFloat($(".btn-totallabel.pay-cash input").val())
            if (cash > 0) {
                data['how_pay'] = {
                    cash,
                    card: (data['total'] - cash)
                }
            } else {
                Swal.fire({ type: "error", title: "حدث خطأ", text: "يرجى ادخال مبلغ الكاش", confirmButtonClass: "btn btn-primary", buttonsStyling: !1 })
                return false;
            }
        } else {
            switch (how_pay_temp[0]) {
                case 1:
                    data['how_pay'] = {
                        cash: data['total']
                    }
                    break;
                case 2:
                    data['how_pay'] = {
                        card: data['total']
                    }
                    break;

                default:
                    Swal.fire({ type: "error", title: "حدث خطأ", text: "يرجى تحديد طريقة الدفع", confirmButtonClass: "btn btn-primary", buttonsStyling: !1 })
                    return false;
                    break;
            }
        }

        console.log(data)

        click = 0
        if (click == 0) {
            click++;
            $.post("work/order/ajax/active_product_ajax.php", {
                data,
            }, function (get_data) {
                $("#get_data").html(get_data);
                if (done = 1) {
                    data = 0;
                    $(".productset.active").each(function () {
                        $(this).removeClass("active")
                    });
                    $(".paymentmethod.active").each(function () {
                        $(this).removeClass("active")
                    });
                    total_price = 0;
                    total_priceVat = 0;
                    total_all = 0;
                    $('#price').html(Math.round(total_price) + ' ريال');
                    $('#vat').html(Math.round(total_priceVat) + ' ريال');
                    $('#total').html(Math.round(total_all) + ' ريال');
                    $('#pay_total').html(Math.round(total_all) + ' ريال');
                }
            })
        } else {
            swalfun("يرجى الانتظار", "", "warning");
        }
    });


});