{"success":"Item successfully added to cart","show":"#added_to_cart_btn_127","hide":"#add_to_cart_btn_127","html":{"elem":"#shoppingCart","content":"\n    <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-8 items-start\">\n        <div class=\"lg:col-span-8\">\n            <div class=\"sgi-card p-0 overflow-hidden\">\n                <div class=\"px-5 sm:px-6 py-5 border-b border-sgi-ink\/10 flex items-center justify-between gap-4\">\n                    <div>\n                        <span class=\"sgi-label-caps block mb-1\">Your cart items<\/span>\n                        <h2 class=\"sgi-headline-sm\">2 Items<\/h2>\n                    <\/div>\n                    <a href=\"https:\/\/www.sgi.ac\/institute\/programs\" class=\"sgi-btn-ghost hidden sm:inline-flex\">Add more<\/a>\n                <\/div>\n\n                <div>\n                                                                                                                    <article class=\"p-5 sm:p-6 flex flex-col sm:flex-row gap-5 border-t border-sgi-ink\/10\">\n                            <a href=\"https:\/\/www.sgi.ac\/institute\/home\/course\/principles-of-management\/122\" class=\"shrink-0 block\">\n                                <img loading=\"lazy\" src=\"https:\/\/www.sgi.ac\/institute\/\" alt=\"PRINCIPLES OF MANAGEMENT\" class=\"w-full sm:w-40 h-28 object-cover rounded-sgi border border-sgi-ink\/10\">\n                            <\/a>\n                            <div class=\"min-w-0 flex-1\">\n                                <a href=\"https:\/\/www.sgi.ac\/institute\/home\/course\/principles-of-management\/122\" class=\"sgi-headline-sm hover:text-sgi-green transition-colors\">\n                                    PRINCIPLES OF MANAGEMENT                                <\/a>\n                                <p class=\"sgi-body-md mt-2 line-clamp-2\">This unit specifies competencies required to apply principles of management in an organisation. <\/p>\n                                <button type=\"button\" onclick=\"actionTo('https:\/\/www.sgi.ac\/institute\/home\/handle_cart_items\/122');\" class=\"mt-4 inline-flex items-center gap-2 text-sm font-semibold text-sgi-on-surface hover:text-sgi-ink transition-colors\">\n                                    <span class=\"material-symbols-outlined text-lg\">delete<\/span>\n                                    Remove                                <\/button>\n                            <\/div>\n                            <div class=\"sm:text-right shrink-0\">\n                                                                    <span class=\"sgi-headline-sm\">KSh4000<\/span>\n                                                            <\/div>\n                        <\/article>\n                                                                                                                    <article class=\"p-5 sm:p-6 flex flex-col sm:flex-row gap-5 border-t border-sgi-ink\/10\">\n                            <a href=\"https:\/\/www.sgi.ac\/institute\/home\/course\/fundamentals-of-finance\/127\" class=\"shrink-0 block\">\n                                <img loading=\"lazy\" src=\"https:\/\/www.sgi.ac\/institute\/\" alt=\"FUNDAMENTALS OF FINANCE\" class=\"w-full sm:w-40 h-28 object-cover rounded-sgi border border-sgi-ink\/10\">\n                            <\/a>\n                            <div class=\"min-w-0 flex-1\">\n                                <a href=\"https:\/\/www.sgi.ac\/institute\/home\/course\/fundamentals-of-finance\/127\" class=\"sgi-headline-sm hover:text-sgi-green transition-colors\">\n                                    FUNDAMENTALS OF FINANCE                                <\/a>\n                                <p class=\"sgi-body-md mt-2 line-clamp-2\">This unit covers the competencies required to manage finances in an organisation.<\/p>\n                                <button type=\"button\" onclick=\"actionTo('https:\/\/www.sgi.ac\/institute\/home\/handle_cart_items\/127');\" class=\"mt-4 inline-flex items-center gap-2 text-sm font-semibold text-sgi-on-surface hover:text-sgi-ink transition-colors\">\n                                    <span class=\"material-symbols-outlined text-lg\">delete<\/span>\n                                    Remove                                <\/button>\n                            <\/div>\n                            <div class=\"sm:text-right shrink-0\">\n                                                                    <span class=\"sgi-headline-sm\">KSh4000<\/span>\n                                                            <\/div>\n                        <\/article>\n                                    <\/div>\n            <\/div>\n        <\/div>\n\n        <aside class=\"lg:col-span-4\">\n            <div class=\"sgi-card sticky top-32\">\n                <h2 class=\"sgi-headline-sm mb-5\">Order summary<\/h2>\n\n                                                    \n                <div class=\"space-y-3 border-b border-sgi-ink\/10 pb-5 mb-5\">\n                    <div class=\"flex items-center justify-between gap-4 sgi-body-md\">\n                        <span>Subtotal<\/span>\n                        <strong>KSh8000<\/strong>\n                    <\/div>\n\n                                                                    <div class=\"flex items-center justify-between gap-4 sgi-body-md\">\n                            <span>Tax <small>(16%)<\/small><\/span>\n                            <strong>KSh1280<\/strong>\n                        <\/div>\n                                    <\/div>\n\n                                <div class=\"flex items-center justify-between gap-4 mb-6\">\n                    <span class=\"sgi-headline-sm\">Total<\/span>\n                    <strong class=\"sgi-headline-sm\">KSh9280<\/strong>\n                <\/div>\n\n                <form class=\"ajaxForm mb-5\" action=\"https:\/\/www.sgi.ac\/institute\/home\/apply_coupon\" method=\"post\">\n                    <label class=\"sgi-label\" for=\"coupon_code\">Apply coupon<\/label>\n                    <div class=\"flex gap-2 mt-2\">\n                        <input type=\"text\" name=\"coupon_code\" id=\"coupon_code\" class=\"sgi-input flex-1\" placeholder=\"Apply coupon\">\n                        <button class=\"sgi-btn-secondary\" type=\"submit\">Apply<\/button>\n                    <\/div>\n                <\/form>\n\n                                    <form action=\"https:\/\/www.sgi.ac\/institute\/home\/course_payment\" method=\"post\">\n                        <label class=\"flex items-center gap-2 text-sm font-medium text-sgi-on-surface mb-3\" for=\"is_gift\">\n                            <input type=\"checkbox\" id=\"is_gift\" name=\"is_gift\" value=\"1\"  onchange=\"\n                                if ($(this).prop('checked') == true) {\n                                    $('#gift_email_section').removeClass('hidden');\n                                } else {\n                                    $('#gift_email_section').addClass('hidden');\n                                }\n                                $('#gift_email').prop('required', $(this).prop('checked'));\n                            \">\n                            Send as a gift                        <\/label>\n                        <div id=\"gift_email_section\" class=\"hidden mb-4\">\n                            <input type=\"email\" name=\"gift_email\" id=\"gift_email\" class=\"sgi-input w-full\" onkeyup=\"check_gift_user(this)\" placeholder=\"Email address\" >\n                            <span id=\"check_gift_user_message\" class=\"block mt-2 text-xs text-sgi-outline\"><\/span>\n                        <\/div>\n                        <button id=\"payment-button\" type=\"submit\" class=\"sgi-btn-primary w-full justify-center\">Continue to payment<\/button>\n                    <\/form>\n                            <\/div>\n        <\/aside>\n    <\/div>\n\n<script type=\"text\/javascript\">\n    var timer = 0;\n    function check_gift_user(e) {\n        $('#payment-button').attr('disabled', true);\n        $('#check_gift_user_message').html('Searching...');\n        var gift_email = $(e).val().replace(\/\\s\/g, '');\n\n        clearTimeout(timer);\n        timer = setTimeout(function() {\n            actionTo('https:\/\/www.sgi.ac\/institute\/home\/check_gift_user?gift_email=' + gift_email, 'post');\n            $(e).val(gift_email);\n            $('#payment-button').attr('disabled', false);\n        }, 2000);\n    }\n<\/script>\n\n<script type=\"text\/javascript\">\n    $(function() {\n        $('a[href=\"#\"]').on('click', function(event) {\n            event.preventDefault();\n        });\n\n        $('.checkPropagation').on('click', function(event) {\n            var action = $(this).attr('action');\n            var onclickFunction = $(this).attr('onclick');\n            var tag = $(this).prop(\"tagName\").toLowerCase();\n            if (tag != 'a' && action) {\n                window.location.href = $(this).attr('action');\n                return false;\n            } else if (onclickFunction) {\n                return true;\n            } else if (tag == 'a') {\n                return true;\n            }\n        });\n\n        if ($('.ajaxForm:not(.initialized)').length > 0) {\n            $('.ajaxForm:not(.initialized)').ajaxForm({\n                complete: function(xhr) {\n                    setTimeout(function() {\n                        distributeServerResponse(xhr.responseText);\n                    }, 400);\n                    if ($('.ajaxForm.resetable').length > 0) {\n                        $('.ajaxForm.resetable')[0].reset();\n                    }\n                },\n                error: function(e) {\n                    console.log(e);\n                }\n            });\n            $('.ajaxForm:not(.initialized)').addClass('initialized');\n        }\n        var userMenuBtn = document.getElementById('sgi-user-menu-btn');\n        var userMenu = document.getElementById('sgi-user-menu');\n        var userMenuWrap = document.getElementById('sgi-user-menu-wrap');\n        if (userMenuBtn && userMenu) {\n            userMenuBtn.addEventListener('click', function(e) {\n                e.stopPropagation();\n                var isOpen = userMenuWrap.classList.contains('is-open');\n                userMenuWrap.classList.toggle('is-open', !isOpen);\n                userMenuBtn.setAttribute('aria-expanded', !isOpen ? 'true' : 'false');\n                if (!isOpen) {\n                    userMenu.classList.remove('opacity-0', 'invisible', 'translate-y-1');\n                    userMenu.classList.add('opacity-100', 'visible', 'translate-y-0');\n                } else {\n                    userMenu.classList.add('opacity-0', 'invisible', 'translate-y-1');\n                    userMenu.classList.remove('opacity-100', 'visible', 'translate-y-0');\n                }\n            });\n            document.addEventListener('click', function(e) {\n                if (!userMenuWrap.contains(e.target)) {\n                    userMenuWrap.classList.remove('is-open');\n                    userMenuBtn.setAttribute('aria-expanded', 'false');\n                    userMenu.classList.add('opacity-0', 'invisible', 'translate-y-1');\n                    userMenu.classList.remove('opacity-100', 'visible', 'translate-y-0');\n                }\n            });\n        }\n    });\n<\/script>\n"},"load":{"elem":"#cartItems","content":"\n    <div>\n                                            <a href=\"https:\/\/www.sgi.ac\/institute\/home\/course\/principles-of-management\/122\" class=\"flex gap-3 p-4 border-b border-sgi-ink\/10 hover:bg-sgi-surface transition-colors\">\n                <img loading=\"lazy\" src=\"https:\/\/www.sgi.ac\/institute\/\" alt=\"PRINCIPLES OF MANAGEMENT\" class=\"w-16 h-12 object-cover rounded-sgi border border-sgi-ink\/10\">\n                <span class=\"min-w-0 flex-1\">\n                    <span class=\"block text-sm font-semibold text-sgi-ink truncate\">PRINCIPLES OF MANAGEMENT<\/span>\n                    <span class=\"block text-sm text-sgi-on-surface mt-1\">\n                                                    KSh4000                                            <\/span>\n                <\/span>\n            <\/a>\n                                            <a href=\"https:\/\/www.sgi.ac\/institute\/home\/course\/fundamentals-of-finance\/127\" class=\"flex gap-3 p-4 border-b border-sgi-ink\/10 hover:bg-sgi-surface transition-colors\">\n                <img loading=\"lazy\" src=\"https:\/\/www.sgi.ac\/institute\/\" alt=\"FUNDAMENTALS OF FINANCE\" class=\"w-16 h-12 object-cover rounded-sgi border border-sgi-ink\/10\">\n                <span class=\"min-w-0 flex-1\">\n                    <span class=\"block text-sm font-semibold text-sgi-ink truncate\">FUNDAMENTALS OF FINANCE<\/span>\n                    <span class=\"block text-sm text-sgi-on-surface mt-1\">\n                                                    KSh4000                                            <\/span>\n                <\/span>\n            <\/a>\n            <\/div>\n\n<script type=\"text\/javascript\">\n    $(function() {\n        $('a[href=\"#\"]').on('click', function(event) {\n            event.preventDefault();\n        });\n\n        $('.checkPropagation').on('click', function(event) {\n            var action = $(this).attr('action');\n            var onclickFunction = $(this).attr('onclick');\n            var tag = $(this).prop(\"tagName\").toLowerCase();\n            if (tag != 'a' && action) {\n                window.location.href = $(this).attr('action');\n                return false;\n            } else if (onclickFunction) {\n                return true;\n            } else if (tag == 'a') {\n                return true;\n            }\n        });\n\n        if ($('.ajaxForm:not(.initialized)').length > 0) {\n            $('.ajaxForm:not(.initialized)').ajaxForm({\n                complete: function(xhr) {\n                    setTimeout(function() {\n                        distributeServerResponse(xhr.responseText);\n                    }, 400);\n                    if ($('.ajaxForm.resetable').length > 0) {\n                        $('.ajaxForm.resetable')[0].reset();\n                    }\n                },\n                error: function(e) {\n                    console.log(e);\n                }\n            });\n            $('.ajaxForm:not(.initialized)').addClass('initialized');\n        }\n        var userMenuBtn = document.getElementById('sgi-user-menu-btn');\n        var userMenu = document.getElementById('sgi-user-menu');\n        var userMenuWrap = document.getElementById('sgi-user-menu-wrap');\n        if (userMenuBtn && userMenu) {\n            userMenuBtn.addEventListener('click', function(e) {\n                e.stopPropagation();\n                var isOpen = userMenuWrap.classList.contains('is-open');\n                userMenuWrap.classList.toggle('is-open', !isOpen);\n                userMenuBtn.setAttribute('aria-expanded', !isOpen ? 'true' : 'false');\n                if (!isOpen) {\n                    userMenu.classList.remove('opacity-0', 'invisible', 'translate-y-1');\n                    userMenu.classList.add('opacity-100', 'visible', 'translate-y-0');\n                } else {\n                    userMenu.classList.add('opacity-0', 'invisible', 'translate-y-1');\n                    userMenu.classList.remove('opacity-100', 'visible', 'translate-y-0');\n                }\n            });\n            document.addEventListener('click', function(e) {\n                if (!userMenuWrap.contains(e.target)) {\n                    userMenuWrap.classList.remove('is-open');\n                    userMenuBtn.setAttribute('aria-expanded', 'false');\n                    userMenu.classList.add('opacity-0', 'invisible', 'translate-y-1');\n                    userMenu.classList.remove('opacity-100', 'visible', 'translate-y-0');\n                }\n            });\n        }\n    });\n<\/script>\n"},"text":{"elem":"#cartItemsCounter","content":2},"removeClass":{"elem":"#sgiCartNavLink","content":"hidden"},"addClass":{"elem":"#sgiCartNavLink","content":"md:flex"}}