{"id":7,"date":"2026-06-12T09:43:38","date_gmt":"2026-06-12T09:43:38","guid":{"rendered":"https:\/\/qr.swdeepsoft.in\/democafe\/7-2\/"},"modified":"2026-06-18T07:38:06","modified_gmt":"2026-06-18T07:38:06","slug":"7-2","status":"publish","type":"page","link":"https:\/\/qr.swdeepsoft.in\/democafe\/","title":{"rendered":""},"content":{"rendered":"\n        <style>\n    .ast-mobile-menu-trigger,\n.menu-toggle,\n.ast-header-break-point .main-header-bar-navigation,\n.ast-header-break-point .ast-mobile-menu-buttons {\n    display: none !important;\n}\n\/*\n|--------------------------------------------------------------------------\n| Hide Astra Footer\n|--------------------------------------------------------------------------\n*\/\n\n.site-footer,\n#colophon,\n.ast-footer-overlay {\n\n    display: none !important;\n\n}\n\n:root {\n\n    --qrmenu-theme-color:\n        #103842;\n\n}\n        body {\n            \n            margin: 0;\n            padding: 0;\n            background: #f7f3ee;\n            font-family: Arial, sans-serif;\n            scroll-behavior: smooth;\n        }\n\n        \/*\n        |--------------------------------------------------------------------------\n        | Header\n        |--------------------------------------------------------------------------\n        *\/\n\n        .qrmenu-header {\n    position: relative;\n    overflow: hidden;\n    border-radius: 32px;\n    margin-bottom: 25px;\n    background-image:\n        linear-gradient(\n            rgba(0,0,0,0.75),\n            rgba(0,0,0,0.65)\n        ),\n       url('https:\/\/qr.swdeepsoft.in\/democafe\/wp-content\/plugins\/qrmenu-saas\/assets\/covers\/modern.jpg');\n\n    background-size: cover;\n    background-position: center;\n}\n\n.qrmenu-header-overlay {\n    padding: 50px 40px;\n    backdrop-filter: blur(2px);\n}\n\n.qrmenu-header-content h1 {\n    color: #fff;\n    font-size: 64px;\n    line-height: 1;\n    font-weight: 800;\n    margin-bottom: 18px;\n}\n\n.qrmenu-address {\n\n    color: rgba(255,255,255,0.90);\n\n    font-size: 18px;\n\n    margin-bottom: 18px;\n\n    font-weight: 500;\n\n}\n\n.qrmenu-status-open {\n\n    color:#4CAF50;\n\n    font-size:16px;\n\n    font-weight:700;\n\n    margin-bottom:10px;\n\n}\n\n.qrmenu-status-closed {\n\n    color:#ff6b6b;\n\n    font-size:16px;\n\n    font-weight:700;\n\n    margin-bottom:10px;\n\n}\n\n.qrmenu-header-content p {\n    color: rgba(255,255,255,0.92);\n    font-size: 28px;\n    margin-bottom: 30px;\n}\n\n.qrmenu-welcome-text {\n    color: #f4b400;\n    font-size: 28px;\n    margin-bottom: 12px;\n    font-family: cursive;\n}\n\n.qrmenu-search-box {\n    background: rgba(255,255,255,0.98);\n    border: 1px solid rgba(255,255,255,0.35);\n    border-radius: 999px;\n    display: flex;\n    align-items: center;\n    padding: 14px 24px;\n    margin-bottom: 22px;\n    box-shadow: 0 8px 20px rgba(0,0,0,0.15);\n    transition: all .25s ease;\n}\n\n.qrmenu-search-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #666;\n    margin-right: 12px;\n    flex-shrink: 0;\n}\n\n.qrmenu-search-icon svg {\n    width: 18px;\n    height: 18px;\n}\n\n#qrmenu-search-input {\n    border: none;\n    width: 100%;\n    outline: none;\n    font-size: 18px;\n    background: transparent;\n}\n\n.qrmenu-feature-badges {\n    display: flex;\n    gap: 14px;\n    flex-wrap: wrap;\n}\n\n.qrmenu-badge {\n    background: rgba(255,255,255,0.10);\n    border: 1px solid rgba(255,255,255,0.18);\n    color: #fff;\n    padding: 10px 16px;\n    border-radius: 999px;\n    font-size: 13px;\n    font-weight: 600;\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n    transition: all .25s ease;\n}\n\n\n        \n     \/*\n        |--------------------------------------------------------------------------\n        | Category Nav\n        |--------------------------------------------------------------------------\n        *\/\n.qrmenu-category-nav::-webkit-scrollbar {\n    display: none;\n}\n   .qrmenu-food-filters {\n    position: sticky;\n    top: 70px;\n    z-index: 998;\n    display: flex;\n    gap: 12px;\n    overflow-x: auto;\n    padding: 14px 15px;\n    background: #fff;\n    box-shadow: 0 2px 10px rgba(0,0,0,0.05);\n    scrollbar-width: none;\n}\n\n.qrmenu-food-filters::-webkit-scrollbar {\n    display: none;\n}\n\n.qrmenu-filter-btn {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    border: 1px solid #e5e5e5;\n    background: #f8f8f8;\n    color: #222;\n    padding: 10px 18px;\n    border-radius: 999px;\n    font-size: 14px;\n    font-weight: 600;\n    cursor: pointer;\n    white-space: nowrap;\n    transition: all 0.25s ease;\n}\n\n.qrmenu-filter-btn.active {\n      background:\n        var(--qrmenu-theme-color);\n    color: #fff;\n     border-color:\n        var(--qrmenu-theme-color);\n\n}\n\n.food-dot {\n    width: 12px;\n    height: 12px;\n    border-radius: 50%;\n    display: inline-block;\n}\n\n.veg-dot {\n    background: #27ae60;\n}\n\n.nonveg-dot {\n    background: #e74c3c;\n}\n\n.egg-dot {\n    background: #f39c12;\n}\n\n@media (min-width: 1025px) {\n\n    .qrmenu-category-nav {\n\n        display: flex;\n        justify-content: center;\n        flex-wrap: wrap;\n        overflow-x: visible;\n        white-space: normal;\n        gap: 10px;\n\n    }\n\n}\n\n        .qrmenu-category-nav {\n            position: sticky;\n            top: 0;\n            z-index: 999;\n            background: #fff;\n            overflow-x: auto;\n            white-space: nowrap;\n            padding: 15px 10px;\n            box-shadow: 0 2px 10px rgba(0,0,0,0.05);\n            -webkit-overflow-scrolling: touch;\nscrollbar-width: none;\n        }\n\n        .qrmenu-category-nav a {\n            display: inline-block;\n            padding: 10px 18px;\n            margin-right: 10px;\n            background: #f2f2f2;\n            color: #000;\n            border-radius: 30px;\n            text-decoration: none;\n            font-size: 14px;\n            font-weight: bold;\n            transition: all 0.3s ease;\n        }\n        .qrmenu-category-nav a:hover {\n    background:\n    var(--qrmenu-theme-color);\n    color: #fff;\n}\n\n        \/*\n        |--------------------------------------------------------------------------\n        | Main Container\n        |--------------------------------------------------------------------------\n        *\/\n\n        .qrmenu-container {\n            padding: 20px;\n        }\n\n        \/*\n        |--------------------------------------------------------------------------\n        | Categories\n        |--------------------------------------------------------------------------\n        *\/\n\n        .qrmenu-category {\n            margin-bottom: 50px;\n        }\n\n        .qrmenu-category-title {\n\n    font-size:24px;\n\n    font-weight:700;\n\n    line-height:1.25;\n\n    letter-spacing:-0.2px;\n\n    margin-bottom:18px;\n\n}\n\n        \/*\n        |--------------------------------------------------------------------------\n        | Food Card\n        |--------------------------------------------------------------------------\n        *\/\n\n        .qrmenu-item {\n            background: #fff;\n            border-radius: 20px;\n            overflow: hidden;\n            margin-bottom: 20px;\n            box-shadow: 0 4px 15px rgba(0,0,0,0.06);\n        }\n\n\n        .qrmenu-content {\n            padding: 18px;\n        }\n\n        .qrmenu-title {\n\n    font-size:19px;\n\n    font-weight:600;\n\n    line-height:1.4;\n\n    margin-bottom:12px;\n\n}\n\n        .qrmenu-description {\n            color: #666;\n            line-height: 1.6;\n            margin-bottom: 14px;\n        }\n\n        .qrmenu-bottom {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n}\n.qrmenu-add-btn {\n    background:\n        var(--qrmenu-theme-color);\n    color: #fff;\n    border: none;\n    padding: 10px 18px;\n    border-radius: 12px;\n    font-size: 14px;\n    font-weight: bold;\n    cursor: pointer;\n    transition: all 0.3s ease;\n}\n\n.qrmenu-add-btn:hover {\n    background: #333;\n}\n.qrmenu-cart-floating {\n    position: fixed;\n    bottom: 20px;\n    right: 20px;\n     background:\n        var(--qrmenu-theme-color);\n    color: #fff;\n    padding: 14px 20px;\n    border-radius: 50px;\n    font-size: 16px;\n    font-weight: bold;\n    box-shadow: 0 4px 15px rgba(0,0,0,0.25);\n    z-index: 9999;\n    cursor: pointer;\n}\n\/*\n|--------------------------------------------------------------------------\n| Footer\n|--------------------------------------------------------------------------\n*\/\n\n.qrmenu-footer {\n\n    text-align: center;\n\n    padding: 40px 20px;\n\n    color: #777;\n\n    font-size: 14px;\n\n    border-top: 1px solid #ddd;\n\n    margin-top: 50px;\n\n}\n\n.qrmenu-footer p {\n\n    margin: 6px 0;\n\n}\n.qrmenu-quantity-controls {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-top: 10px;\n}\n\n.qrmenu-minus-btn,\n.qrmenu-plus-btn {\n    width: 32px;\n    height: 32px;\n    border: none;\n    border-radius: 8px;\n    background:\n    var(--qrmenu-theme-color);\n    color: #fff;\n    font-size: 18px;\n    cursor: pointer;\n}\n.qrmenu-minus-btn:hover,\n.qrmenu-plus-btn:hover {\n\n    background: #333;\n\n}\n.qrmenu-quantity {\n    font-size: 16px;\n    font-weight: bold;\n    min-width: 20px;\n    text-align: center;\n}\n.qrmenu-quantity-wrapper {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: space-between;\n\n    width: 100%;\n\n}\n.qrmenu-item-price {\n\n    font-size: 18px;\n\n    font-weight: 700;\n\n    flex: 1;\n    margin-right: 15px;\n\n}\n.variant-controls {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.variant-minus,\n.variant-plus {\n    width: 32px;\n    height: 32px;\n    border: none;\n    border-radius: 8px;\n    background: var(--qrmenu-theme-color);\n    color: #fff;\n    font-size: 18px;\n    cursor: pointer;\n}\n.variant-minus:hover,\n.variant-plus:hover {\n\n    background: #333;\n\n}\n.variant-qty {\n    min-width: 20px;\n    text-align: center;\n    font-weight: bold;\n}\n.qrmenu-variant-inner {\n\n    display: flex;\n\n    align-items: center;\n\n    width: 100%;\n\n    margin-bottom: 12px;\n\n}\n.qrmenu-variant-inner span:first-child {\n\n    flex: 1;\n\n}\n.qrmenu-variant-row {\n\n    width: 100%;\n\n    display: block;\n\n}\n.qrmenu-variants {\n\n    width: 100%;\n\n}\n.qrmenu-variant-row > div {\n\n    display: flex;\n\n    justify-content: space-between;\n\n    align-items: center;\n\n    gap: 15px;\n\n}\n\n.variant-add-wrapper {\n\n    min-width: 120px;\n\n    display: flex;\n\n    justify-content: flex-end;\n\n    flex-shrink: 0;\n\n}\n@media (max-width: 768px) {\n     .variant-add-wrapper {\n\n        min-width: 90px;\n\n    }\n    .qrmenu-variant-inner {\n\n    gap: 10px;\n\n}\n.variant-add-btn {\n\n    padding: 8px 14px;\n\n}\n\n}\n\n.variant-add-btn {\n\n    background:\n        var(--qrmenu-theme-color);\n\n    color: #fff;\n\n    border: none;\n\n    padding: 10px 18px;\n\n    border-radius: 8px;\n\n    cursor: pointer;\n\n    font-weight: 600;\n\n}\n.variant-add-btn:hover {\n\n    background: #333;\n\n}\n.qrmenu-cart-drawer {\n    position: fixed;\n    left: 0;\n    bottom: -100%;\n    width: 100%;\n    height: 70vh;\n    background: #fff;\n    z-index: 10000;\n    border-top-left-radius: 25px;\n    border-top-right-radius: 25px;\n    box-shadow: 0 -5px 25px rgba(0,0,0,0.15);\n    transition: bottom 0.3s ease;\n    padding: 20px;\n    box-sizing: border-box;\n    overflow-y: auto;\n}\n\n.qrmenu-cart-drawer.active {\n    bottom: 0;\n}\n\n.qrmenu-cart-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 20px;\n}\n\n.qrmenu-cart-title {\n    font-size: 24px;\n    font-weight: bold;\n}\n\n.qrmenu-cart-close {\n    font-size: 28px;\n    cursor: pointer;\n}\n.cart-plus:hover,\n.cart-minus:hover {\n\n    background: #333 !important;\n\n}\n.qrmenu-checkout-form {\n    margin-top: 20px;\n}\n\n.qrmenu-checkout-form input {\n    width: 100%;\n    padding: 14px;\n    margin-bottom: 12px;\n    border-radius: 12px;\n    border: 1px solid #ddd;\n    box-sizing: border-box;\n    font-size: 16px;\n}\n\n#qrmenu-whatsapp-order-btn {\n    width: 100%;\n    background: #25D366;\n    color: #fff;\n    border: none;\n    padding: 16px;\n    border-radius: 14px;\n    font-size: 16px;\n    font-weight: bold;\n    cursor: pointer;\n}\n        .qrmenu-price {\n            font-size: 24px;\n            font-weight: bold;\n        }\n\n        .qrmenu-type {\n            font-size: 14px;\n            font-weight: bold;\n            padding: 6px 12px;\n            border-radius: 20px;\n            margin-top: 12px;\n        }\n\n        .veg {\n    background: #e7f8ea;\n    color: green;\n    display: inline-block;\n}\n\n        .nonveg {\n    background: #ffe8e8;\n    color: red;\n    display: inline-block;\n}\n       .egg {\n    color: #f39c12;\n    display: inline-block;\n}\n\n        \/*\n        |--------------------------------------------------------------------------\n        | Mobile Optimization\n        |--------------------------------------------------------------------------\n        *\/\n\n       @media (max-width: 768px) {\n\n    .qrmenu-header {\n        border-radius: 24px;\n        margin-bottom: 18px;\n    }\n\n    .qrmenu-header-overlay {\n    padding: 20px 18px;\n}\n\n    .qrmenu-welcome-text {\n        font-size: 18px;\n        margin-bottom: 8px;\n    }\n\n    .qrmenu-header-content h1 {\n        font-size: 34px;\n        line-height: 1.1;\n        margin-bottom: 12px;\n    }\n    \n    .qrmenu-address {\n\n    font-size: 14px;\n\n    margin-bottom: 8px;\n\n}\n\n    .qrmenu-header-content p {\n        font-size: 15px;\n        margin-bottom: 12px;\n    }\n\n    .qrmenu-search-box {\n    padding: 2px 3px;\n    margin-bottom: 12px;\n}\n\n.qrmenu-search-icon {\n    margin-right: 8px;\n}\n\n.qrmenu-search-icon svg {\n    width: 16px;\n    height: 16px;\n}\n\n#qrmenu-search-input {\n    font-size: 15px;\n}\n\n    .qrmenu-feature-badges {\n    display: flex;\n    flex-wrap: nowrap;\n    gap: 6px;\n    overflow-x: auto;\n    scrollbar-width: none;\n}\n\n.qrmenu-feature-badges::-webkit-scrollbar {\n    display: none;\n}\n\n .qrmenu-badge {\n    padding: 5px 14px;\n    font-size: 8px;\n    font-weight: 700;\n    white-space: nowrap;\n}\n\n    .qrmenu-container {\n        padding: 12px;\n    }\n\n    .qrmenu-category-title {\n        font-size: 19px;\n    }\n\n\n    .qrmenu-title {\n        font-size: 18px;\n    }\n\n    .qrmenu-description {\n        font-size: 14px;\n    }\n\n    .qrmenu-price {\n        font-size: 20px;\n    }\n\n    .qrmenu-cart-floating {\n        bottom: 15px;\n        right: 15px;\n        padding: 12px 18px;\n        font-size: 15px;\n    }\n\n}\n\n        <\/style>\n        \n       \n\n        <div class=\"qrmenu-header\">\n\n    <div class=\"qrmenu-header-overlay\">\n\n        <div class=\"qrmenu-header-content\">\n\n            <div class=\"qrmenu-welcome-text\">\n\n                Welcome to\n\n            <\/div>\n\n            <h1>\n\n    Demo Cafe\n<\/h1>\n\n\n \n    <div\n    id=\"qrmenu-status\"\n    class=\"qrmenu-status-open\"\n>\n\n        \ud83d\udfe2 Open Now\n\n    <\/div>\n\n\n<p>\n\n    Digital QR Menu\n\n<\/p>\n\n            <div class=\"qrmenu-search\">\n\n                <div class=\"qrmenu-search-box\">\n\n                    <span class=\"qrmenu-search-icon\" aria-hidden=\"true\">\n\n<svg\n    width=\"18\"\n    height=\"18\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n>\n    <circle\n        cx=\"11\"\n        cy=\"11\"\n        r=\"7\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n    \/>\n\n    <line\n        x1=\"16.65\"\n        y1=\"16.65\"\n        x2=\"21\"\n        y2=\"21\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n    \/>\n<\/svg>\n\n<\/span>\n\n                    <input\n                        type=\"text\"\n                        id=\"qrmenu-search-input\"\n                        placeholder=\"\"\n                    >\n\n                <\/div>\n\n            <\/div>\n\n            <div class=\"qrmenu-feature-badges\">\n\n                <div class=\"qrmenu-badge\">\n\n                    \ud83c\udf43 Fresh Ingredients\n\n                <\/div>\n\n                <div class=\"qrmenu-badge\">\n\n                    \u2728Hygienic Kitchen\n\n                <\/div>\n\n                <div class=\"qrmenu-badge\">\n\n                    \ud83d\udc96Made with Love\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n<div class=\"qrmenu-food-filters\">\n\n    <button\n        class=\"qrmenu-filter-btn active\"\n        data-filter=\"all\"\n    >\n        All\n    <\/button>\n\n    <button\n        class=\"qrmenu-filter-btn veg-filter\"\n        data-filter=\"veg\"\n    >\n        <span class=\"food-dot veg-dot\"><\/span>\n        Veg\n    <\/button>\n\n    <button\n        class=\"qrmenu-filter-btn nonveg-filter\"\n        data-filter=\"nonveg\"\n    >\n        <span class=\"food-dot nonveg-dot\"><\/span>\n        Non Veg\n    <\/button>\n\n    <button\n        class=\"qrmenu-filter-btn egg-filter\"\n        data-filter=\"egg\"\n    >\n        <span class=\"food-dot egg-dot\"><\/span>\n        Egg\n    <\/button>\n\n<\/div>\n\n<div class=\"qrmenu-category-nav\">\n\n    \n        <a href=\"#category-4\">\n\n            BEVERAGES\n        <\/a>\n\n    \n        <a href=\"#category-9\">\n\n            COLD DRINKS\n        <\/a>\n\n    \n        <a href=\"#category-5\">\n\n            DESSERTS\n        <\/a>\n\n    \n        <a href=\"#category-3\">\n\n            MAIN COURSE\n        <\/a>\n\n    \n        <a href=\"#category-13\">\n\n            PIZZA\n        <\/a>\n\n    \n        <a href=\"#category-10\">\n\n            ROLL\n        <\/a>\n\n    \n        <a href=\"#category-12\">\n\n            ROTI\n        <\/a>\n\n    \n        <a href=\"#category-11\">\n\n            SALAD\n        <\/a>\n\n    \n        <a href=\"#category-8\">\n\n            SOUTH INDIAN\n        <\/a>\n\n    \n        <a href=\"#category-2\">\n\n            STARTERS\n        <\/a>\n\n    \n        <a href=\"#category-7\">\n\n            TANDOORI\n        <\/a>\n\n    \n<\/div>\n\n        \n        <div class=\"qrmenu-container\">\n\n        \n            <div\n                class=\"qrmenu-category\"\n                id=\"category-4\"\n            >\n\n                <div class=\"qrmenu-category-title\">\n\n                    BEVERAGES\n                <\/div>\n\n                \n                \n                    \n                        \n                      <div\n    class=\"qrmenu-item\"\n    data-name=\"Cold Coffee\"\n    data-type=\"veg\"\n>\n\n                            <div class=\"qrmenu-content\">\n\n                                <div class=\"qrmenu-title\">\n\n                                    Cold Coffee\n                                <\/div>\n\n                                <div class=\"qrmenu-description\">\n\n                                    <p>Delicious Cold Coffee prepared fresh.<\/p>\n\n                                <\/div>\n                                \n                                <div class=\"qrmenu-bottom\">\n\n   \n<div\n    class=\"qrmenu-quantity-wrapper\"\n    data-price=\"149\"\n    data-name=\"Cold Coffee\"\n    data-id=\"5\"\n    data-gst-applicable=\"yes\"\n>\n<span class=\"qrmenu-item-price\">\n\n    \u20b9149\n<\/span>\n    <button class=\"qrmenu-add-btn\">\n\n        Add\n\n    <\/button>\n\n    <div class=\"qrmenu-quantity-controls\" style=\"display:none;\">\n\n        <button class=\"qrmenu-minus-btn\">-<\/button>\n\n        <span class=\"qrmenu-quantity\">1<\/span>\n\n        <button class=\"qrmenu-plus-btn\">+<\/button>\n\n    <\/div>\n\n<\/div>\n                                    \n\n                                <\/div>\n                                <div class=\"qrmenu-type veg\">\n\n                                        VEG\n                                    <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n                    \n                    \n                \n            <\/div>\n\n        \n            <div\n                class=\"qrmenu-category\"\n                id=\"category-9\"\n            >\n\n                <div class=\"qrmenu-category-title\">\n\n                    COLD DRINKS\n                <\/div>\n\n                \n                \n                    \n                        \n                      <div\n    class=\"qrmenu-item\"\n    data-name=\"Vanilla Milk Shake\"\n    data-type=\"veg\"\n>\n\n                            <div class=\"qrmenu-content\">\n\n                                <div class=\"qrmenu-title\">\n\n                                    Vanilla Milk Shake\n                                <\/div>\n\n                                <div class=\"qrmenu-description\">\n\n                                    \n                                <\/div>\n                                \n                                <div class=\"qrmenu-bottom\">\n\n   \n<div\n    class=\"qrmenu-quantity-wrapper\"\n    data-price=\"120\"\n    data-name=\"Vanilla Milk Shake\"\n    data-id=\"54\"\n    data-gst-applicable=\"yes\"\n>\n<span class=\"qrmenu-item-price\">\n\n    \u20b9120\n<\/span>\n    <button class=\"qrmenu-add-btn\">\n\n        Add\n\n    <\/button>\n\n    <div class=\"qrmenu-quantity-controls\" style=\"display:none;\">\n\n        <button class=\"qrmenu-minus-btn\">-<\/button>\n\n        <span class=\"qrmenu-quantity\">1<\/span>\n\n        <button class=\"qrmenu-plus-btn\">+<\/button>\n\n    <\/div>\n\n<\/div>\n                                    \n\n                                <\/div>\n                                <div class=\"qrmenu-type veg\">\n\n                                        VEG\n                                    <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n                    \n                    \n                \n            <\/div>\n\n        \n            <div\n                class=\"qrmenu-category\"\n                id=\"category-5\"\n            >\n\n                <div class=\"qrmenu-category-title\">\n\n                    DESSERTS\n                <\/div>\n\n                \n                \n                    \n                        \n                      <div\n    class=\"qrmenu-item\"\n    data-name=\"Gulab Jamun\"\n    data-type=\"veg\"\n>\n\n                            <div class=\"qrmenu-content\">\n\n                                <div class=\"qrmenu-title\">\n\n                                    Gulab Jamun\n                                <\/div>\n\n                                <div class=\"qrmenu-description\">\n\n                                    <p>Delicious Gulab Jamun prepared fresh.<\/p>\n\n                                <\/div>\n                                \n                                <div class=\"qrmenu-bottom\">\n\n   \n<div\n    class=\"qrmenu-quantity-wrapper\"\n    data-price=\"99\"\n    data-name=\"Gulab Jamun\"\n    data-id=\"6\"\n    data-gst-applicable=\"yes\"\n>\n<span class=\"qrmenu-item-price\">\n\n    \u20b999\n<\/span>\n    <button class=\"qrmenu-add-btn\">\n\n        Add\n\n    <\/button>\n\n    <div class=\"qrmenu-quantity-controls\" style=\"display:none;\">\n\n        <button class=\"qrmenu-minus-btn\">-<\/button>\n\n        <span class=\"qrmenu-quantity\">1<\/span>\n\n        <button class=\"qrmenu-plus-btn\">+<\/button>\n\n    <\/div>\n\n<\/div>\n                                    \n\n                                <\/div>\n                                <div class=\"qrmenu-type veg\">\n\n                                        VEG\n                                    <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n                    \n                    \n                \n            <\/div>\n\n        \n            <div\n                class=\"qrmenu-category\"\n                id=\"category-3\"\n            >\n\n                <div class=\"qrmenu-category-title\">\n\n                    MAIN COURSE\n                <\/div>\n\n                \n                \n                    \n                        \n                      <div\n    class=\"qrmenu-item\"\n    data-name=\"Chicken Biryani\"\n    data-type=\"nonveg\"\n>\n\n                            <div class=\"qrmenu-content\">\n\n                                <div class=\"qrmenu-title\">\n\n                                    Chicken Biryani\n                                <\/div>\n\n                                <div class=\"qrmenu-description\">\n\n                                    <p>Delicious Chicken Biryani prepared fresh.<\/p>\n\n                                <\/div>\n                                \n                                <div class=\"qrmenu-bottom\">\n\n   \n<div\n    class=\"qrmenu-quantity-wrapper\"\n    data-price=\"299\"\n    data-name=\"Chicken Biryani\"\n    data-id=\"4\"\n    data-gst-applicable=\"yes\"\n>\n<span class=\"qrmenu-item-price\">\n\n    \u20b9299\n<\/span>\n    <button class=\"qrmenu-add-btn\">\n\n        Add\n\n    <\/button>\n\n    <div class=\"qrmenu-quantity-controls\" style=\"display:none;\">\n\n        <button class=\"qrmenu-minus-btn\">-<\/button>\n\n        <span class=\"qrmenu-quantity\">1<\/span>\n\n        <button class=\"qrmenu-plus-btn\">+<\/button>\n\n    <\/div>\n\n<\/div>\n                                    \n\n                                <\/div>\n                                <div class=\"qrmenu-type nonveg\">\n\n                                        NONVEG\n                                    <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n                    \n                    \n                \n            <\/div>\n\n        \n            <div\n                class=\"qrmenu-category\"\n                id=\"category-13\"\n            >\n\n                <div class=\"qrmenu-category-title\">\n\n                    PIZZA\n                <\/div>\n\n                \n                \n                    \n                        \n                      <div\n    class=\"qrmenu-item\"\n    data-name=\"Veg Cheese Pizza\"\n    data-type=\"veg\"\n>\n\n                            <div class=\"qrmenu-content\">\n\n                                <div class=\"qrmenu-title\">\n\n                                    Veg Cheese Pizza\n                                <\/div>\n\n                                <div class=\"qrmenu-description\">\n\n                                    \n                                <\/div>\n                                \n                                <div class=\"qrmenu-bottom\">\n\n   \n<div\n    class=\"qrmenu-quantity-wrapper\"\n    data-price=\"150\"\n    data-name=\"Veg Cheese Pizza\"\n    data-id=\"59\"\n    data-gst-applicable=\"yes\"\n>\n<span class=\"qrmenu-item-price\">\n\n    \u20b9150\n<\/span>\n    <button class=\"qrmenu-add-btn\">\n\n        Add\n\n    <\/button>\n\n    <div class=\"qrmenu-quantity-controls\" style=\"display:none;\">\n\n        <button class=\"qrmenu-minus-btn\">-<\/button>\n\n        <span class=\"qrmenu-quantity\">1<\/span>\n\n        <button class=\"qrmenu-plus-btn\">+<\/button>\n\n    <\/div>\n\n<\/div>\n                                    \n\n                                <\/div>\n                                <div class=\"qrmenu-type veg\">\n\n                                        VEG\n                                    <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n                    \n                    \n                \n            <\/div>\n\n        \n            <div\n                class=\"qrmenu-category\"\n                id=\"category-10\"\n            >\n\n                <div class=\"qrmenu-category-title\">\n\n                    ROLL\n                <\/div>\n\n                \n                \n                    \n                        \n                      <div\n    class=\"qrmenu-item\"\n    data-name=\"Veg Roll\"\n    data-type=\"veg\"\n>\n\n                            <div class=\"qrmenu-content\">\n\n                                <div class=\"qrmenu-title\">\n\n                                    Veg Roll\n                                <\/div>\n\n                                <div class=\"qrmenu-description\">\n\n                                    \n                                <\/div>\n                                \n                                <div class=\"qrmenu-bottom\">\n\n   \n<div\n    class=\"qrmenu-quantity-wrapper\"\n    data-price=\"35\"\n    data-name=\"Veg Roll\"\n    data-id=\"57\"\n    data-gst-applicable=\"yes\"\n>\n<span class=\"qrmenu-item-price\">\n\n    \u20b935\n<\/span>\n    <button class=\"qrmenu-add-btn\">\n\n        Add\n\n    <\/button>\n\n    <div class=\"qrmenu-quantity-controls\" style=\"display:none;\">\n\n        <button class=\"qrmenu-minus-btn\">-<\/button>\n\n        <span class=\"qrmenu-quantity\">1<\/span>\n\n        <button class=\"qrmenu-plus-btn\">+<\/button>\n\n    <\/div>\n\n<\/div>\n                                    \n\n                                <\/div>\n                                <div class=\"qrmenu-type veg\">\n\n                                        VEG\n                                    <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n                    \n                    \n                \n            <\/div>\n\n        \n            <div\n                class=\"qrmenu-category\"\n                id=\"category-12\"\n            >\n\n                <div class=\"qrmenu-category-title\">\n\n                    ROTI\n                <\/div>\n\n                \n                \n                    \n                        \n                      <div\n    class=\"qrmenu-item\"\n    data-name=\"Tandoor Butter Roti\"\n    data-type=\"veg\"\n>\n\n                            <div class=\"qrmenu-content\">\n\n                                <div class=\"qrmenu-title\">\n\n                                    Tandoor Butter Roti\n                                <\/div>\n\n                                <div class=\"qrmenu-description\">\n\n                                    \n                                <\/div>\n                                \n                                <div class=\"qrmenu-bottom\">\n\n   \n<div\n    class=\"qrmenu-quantity-wrapper\"\n    data-price=\"25\"\n    data-name=\"Tandoor Butter Roti\"\n    data-id=\"58\"\n    data-gst-applicable=\"yes\"\n>\n<span class=\"qrmenu-item-price\">\n\n    \u20b925\n<\/span>\n    <button class=\"qrmenu-add-btn\">\n\n        Add\n\n    <\/button>\n\n    <div class=\"qrmenu-quantity-controls\" style=\"display:none;\">\n\n        <button class=\"qrmenu-minus-btn\">-<\/button>\n\n        <span class=\"qrmenu-quantity\">1<\/span>\n\n        <button class=\"qrmenu-plus-btn\">+<\/button>\n\n    <\/div>\n\n<\/div>\n                                    \n\n                                <\/div>\n                                <div class=\"qrmenu-type veg\">\n\n                                        VEG\n                                    <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n                    \n                    \n                \n            <\/div>\n\n        \n            <div\n                class=\"qrmenu-category\"\n                id=\"category-11\"\n            >\n\n                <div class=\"qrmenu-category-title\">\n\n                    SALAD\n                <\/div>\n\n                \n                \n                    \n                        \n                      <div\n    class=\"qrmenu-item\"\n    data-name=\"Kheera Salad\"\n    data-type=\"veg\"\n>\n\n                            <div class=\"qrmenu-content\">\n\n                                <div class=\"qrmenu-title\">\n\n                                    Kheera Salad\n                                <\/div>\n\n                                <div class=\"qrmenu-description\">\n\n                                    \n                                <\/div>\n                                \n                                <div class=\"qrmenu-bottom\">\n\n   \n<div\n    class=\"qrmenu-quantity-wrapper\"\n    data-price=\"50\"\n    data-name=\"Kheera Salad\"\n    data-id=\"53\"\n    data-gst-applicable=\"yes\"\n>\n<span class=\"qrmenu-item-price\">\n\n    \u20b950\n<\/span>\n    <button class=\"qrmenu-add-btn\">\n\n        Add\n\n    <\/button>\n\n    <div class=\"qrmenu-quantity-controls\" style=\"display:none;\">\n\n        <button class=\"qrmenu-minus-btn\">-<\/button>\n\n        <span class=\"qrmenu-quantity\">1<\/span>\n\n        <button class=\"qrmenu-plus-btn\">+<\/button>\n\n    <\/div>\n\n<\/div>\n                                    \n\n                                <\/div>\n                                <div class=\"qrmenu-type veg\">\n\n                                        VEG\n                                    <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n                    \n                        \n                      <div\n    class=\"qrmenu-item\"\n    data-name=\"Onion Salad\"\n    data-type=\"veg\"\n>\n\n                            <div class=\"qrmenu-content\">\n\n                                <div class=\"qrmenu-title\">\n\n                                    Onion Salad\n                                <\/div>\n\n                                <div class=\"qrmenu-description\">\n\n                                    \n                                <\/div>\n                                \n                                <div class=\"qrmenu-bottom\">\n\n   \n<div\n    class=\"qrmenu-quantity-wrapper\"\n    data-price=\"50\"\n    data-name=\"Onion Salad\"\n    data-id=\"52\"\n    data-gst-applicable=\"yes\"\n>\n<span class=\"qrmenu-item-price\">\n\n    \u20b950\n<\/span>\n    <button class=\"qrmenu-add-btn\">\n\n        Add\n\n    <\/button>\n\n    <div class=\"qrmenu-quantity-controls\" style=\"display:none;\">\n\n        <button class=\"qrmenu-minus-btn\">-<\/button>\n\n        <span class=\"qrmenu-quantity\">1<\/span>\n\n        <button class=\"qrmenu-plus-btn\">+<\/button>\n\n    <\/div>\n\n<\/div>\n                                    \n\n                                <\/div>\n                                <div class=\"qrmenu-type veg\">\n\n                                        VEG\n                                    <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n                    \n                    \n                \n            <\/div>\n\n        \n            <div\n                class=\"qrmenu-category\"\n                id=\"category-8\"\n            >\n\n                <div class=\"qrmenu-category-title\">\n\n                    SOUTH INDIAN\n                <\/div>\n\n                \n                \n                    \n                        \n                      <div\n    class=\"qrmenu-item\"\n    data-name=\"Butter Masala Dosa\"\n    data-type=\"veg\"\n>\n\n                            <div class=\"qrmenu-content\">\n\n                                <div class=\"qrmenu-title\">\n\n                                    Butter Masala Dosa\n                                <\/div>\n\n                                <div class=\"qrmenu-description\">\n\n                                    \n                                <\/div>\n                                \n                                <div class=\"qrmenu-bottom\">\n\n   \n<div\n    class=\"qrmenu-quantity-wrapper\"\n    data-price=\"90\"\n    data-name=\"Butter Masala Dosa\"\n    data-id=\"56\"\n    data-gst-applicable=\"yes\"\n>\n<span class=\"qrmenu-item-price\">\n\n    \u20b990\n<\/span>\n    <button class=\"qrmenu-add-btn\">\n\n        Add\n\n    <\/button>\n\n    <div class=\"qrmenu-quantity-controls\" style=\"display:none;\">\n\n        <button class=\"qrmenu-minus-btn\">-<\/button>\n\n        <span class=\"qrmenu-quantity\">1<\/span>\n\n        <button class=\"qrmenu-plus-btn\">+<\/button>\n\n    <\/div>\n\n<\/div>\n                                    \n\n                                <\/div>\n                                <div class=\"qrmenu-type veg\">\n\n                                        VEG\n                                    <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n                    \n                    \n                \n            <\/div>\n\n        \n            <div\n                class=\"qrmenu-category\"\n                id=\"category-2\"\n            >\n\n                <div class=\"qrmenu-category-title\">\n\n                    STARTERS\n                <\/div>\n\n                \n                \n                    \n                        \n                      <div\n    class=\"qrmenu-item\"\n    data-name=\"Paneer Tikka\"\n    data-type=\"veg\"\n>\n\n                            <div class=\"qrmenu-content\">\n\n                                <div class=\"qrmenu-title\">\n\n                                    Paneer Tikka\n                                <\/div>\n\n                                <div class=\"qrmenu-description\">\n\n                                    <p>Delicious Paneer Tikka prepared fresh.<\/p>\n\n                                <\/div>\n                                \n                                <div class=\"qrmenu-bottom\">\n\n   \n<div\n    class=\"qrmenu-quantity-wrapper\"\n    data-price=\"199\"\n    data-name=\"Paneer Tikka\"\n    data-id=\"3\"\n    data-gst-applicable=\"yes\"\n>\n<span class=\"qrmenu-item-price\">\n\n    \u20b9199\n<\/span>\n    <button class=\"qrmenu-add-btn\">\n\n        Add\n\n    <\/button>\n\n    <div class=\"qrmenu-quantity-controls\" style=\"display:none;\">\n\n        <button class=\"qrmenu-minus-btn\">-<\/button>\n\n        <span class=\"qrmenu-quantity\">1<\/span>\n\n        <button class=\"qrmenu-plus-btn\">+<\/button>\n\n    <\/div>\n\n<\/div>\n                                    \n\n                                <\/div>\n                                <div class=\"qrmenu-type veg\">\n\n                                        VEG\n                                    <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n                    \n                    \n                \n            <\/div>\n\n        \n            <div\n                class=\"qrmenu-category\"\n                id=\"category-7\"\n            >\n\n                <div class=\"qrmenu-category-title\">\n\n                    TANDOORI\n                <\/div>\n\n                \n                \n                    \n                        \n                      <div\n    class=\"qrmenu-item\"\n    data-name=\"Veg Tikka Chaap\"\n    data-type=\"veg\"\n>\n\n                            <div class=\"qrmenu-content\">\n\n                                <div class=\"qrmenu-title\">\n\n                                    Veg Tikka Chaap\n                                <\/div>\n\n                                <div class=\"qrmenu-description\">\n\n                                    \n                                <\/div>\n                                \n                                <div class=\"qrmenu-bottom\">\n\n   \n<div\n    class=\"qrmenu-quantity-wrapper\"\n    data-price=\"140\"\n    data-name=\"Veg Tikka Chaap\"\n    data-id=\"55\"\n    data-gst-applicable=\"yes\"\n>\n<span class=\"qrmenu-item-price\">\n\n    \u20b9140\n<\/span>\n    <button class=\"qrmenu-add-btn\">\n\n        Add\n\n    <\/button>\n\n    <div class=\"qrmenu-quantity-controls\" style=\"display:none;\">\n\n        <button class=\"qrmenu-minus-btn\">-<\/button>\n\n        <span class=\"qrmenu-quantity\">1<\/span>\n\n        <button class=\"qrmenu-plus-btn\">+<\/button>\n\n    <\/div>\n\n<\/div>\n                                    \n\n                                <\/div>\n                                <div class=\"qrmenu-type veg\">\n\n                                        VEG\n                                    <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n                    \n                    \n                \n            <\/div>\n\n        \n        <\/div>\n        <div class=\"qrmenu-cart-drawer\" id=\"qrmenu-cart-drawer\">\n\n    <div class=\"qrmenu-cart-header\">\n\n        <div class=\"qrmenu-cart-title\">\n\n            Your Cart\n\n        <\/div>\n\n        <div class=\"qrmenu-cart-close\" id=\"qrmenu-cart-close\">\n\n            \u00d7\n\n        <\/div>\n\n    <\/div>\n\n    <div id=\"qrmenu-cart-items\">\n\n        Cart is empty\n\n    <\/div>\n    <div class=\"qrmenu-checkout-form\">\n\n    <input\n        type=\"text\"\n        id=\"qrmenu-customer-name\"\n        placeholder=\"Your Name\"\n    >\n\n    <input\n        type=\"text\"\n        id=\"qrmenu-table-number\"\n        placeholder=\"Table Number (Optional)\"\n    >\n    <input\n    type=\"text\"\n    id=\"qrmenu-customer-phone\"\n    placeholder=\"Mobile Number\"\n    style=\"display:none;\"\n>\n\n<textarea\n    id=\"qrmenu-delivery-address\"\n    placeholder=\"Delivery Address\"\n    rows=\"3\"\n    style=\"\n        display:none;\n        width:100%;\n        padding:14px;\n        margin-bottom:12px;\n        border-radius:12px;\n        border:1px solid #ddd;\n        box-sizing:border-box;\n        font-size:16px;\n        resize:vertical;\n    \"\n><\/textarea>\n\n<input\n    type=\"text\"\n    id=\"qrmenu-pincode\"\n    placeholder=\"PIN Code\"\n    inputmode=\"numeric\"\n    maxlength=\"6\"\n    style=\"display:none;\"\n>\n\n<input\n    type=\"text\"\n    id=\"qrmenu-landmark\"\n    placeholder=\"Landmark (Optional)\"\n    style=\"display:none;\"\n>\n\n<div\n    id=\"qrmenu-use-location\"\n    style=\"\n        display:none;\n        margin-bottom:12px;\n    \"\n>\n\n    <button\n        type=\"button\"\n        id=\"qrmenu-location-btn\"\n        style=\"\n            width:100%;\n            padding:14px;\n            border:none;\n            border-radius:12px;\n            background:#0d6efd;\n            color:#fff;\n            font-size:16px;\n            font-weight:600;\n            cursor:pointer;\n        \"\n    >\n        \ud83d\udccd Share Current Location\n    <\/button>\n\n    <p\n        id=\"qrmenu-location-help\"\n        style=\"\n            margin:8px 4px 0;\n            color:#666;\n            font-size:13px;\n            line-height:1.5;\n        \"\n    >\n        (Optional) Sharing your current location helps us deliver your order faster and more accurately.\n    <\/p>\n\n<\/div>\n\n\n    <button id=\"qrmenu-whatsapp-order-btn\">\n\n        Place Order on WhatsApp\n\n    <\/button>\n\n<\/div>\n\n<\/div>\n        <div\n    class=\"qrmenu-cart-floating\"\n    id=\"qrmenu-cart-button\"\n>\n\n    \ud83d\uded2 Cart (0)\n\n<\/div>\n<div class=\"qrmenu-footer\">\n\n    <p>\n\n        Copyright \u00a9 2026\n        Demo Cafe\n    <\/p>\n\n    <p>\n\n        Powered by Swdeep Soft\n\n    <\/p>\n\n<\/div>\n\n<script>\n\ndocument.addEventListener('DOMContentLoaded', function () {\n    const urlParams =\n    new URLSearchParams(\n        window.location.search\n    );\n    \n    const deliveryMode =\n    urlParams.get('delivery') === '1';\n\nconst scannedTable =\n    urlParams.get('table');\n\nconsole.log(\n    'QRMenu Table:',\n    scannedTable\n);\nif (scannedTable) {\n\n    const tableField =\n        document.getElementById(\n            'qrmenu-table-number'\n        );\n\n    if (tableField) {\n\n        tableField.value =\n            scannedTable;\n            tableField.style.display =\n            'none';\n\n    }\n\n}\n\nconst scannedSeat =\n    urlParams.get('seat');\n\nif (scannedSeat) {\n\n    const tableField =\n        document.getElementById(\n            'qrmenu-table-number'\n        );\n\n    if (tableField) {\n\n      tableField.value =\n    scannedSeat;\n\ntableField.dataset.seat =\n    scannedSeat;\n\n        tableField.style.display =\n            'none';\n\n        tableField.placeholder =\n            'Seat';\n\n    }\n\n}\n\/*\n|--------------------------------------------------------------------------\n| Home Delivery Mode\n|--------------------------------------------------------------------------\n*\/\n\nif (deliveryMode) {\n\n    document.getElementById(\n        'qrmenu-table-number'\n    ).style.display = 'none';\n\n    document.getElementById(\n        'qrmenu-customer-phone'\n    ).style.display = 'block';\n\n    document.getElementById(\n        'qrmenu-delivery-address'\n    ).style.display = 'block';\n    \n    document.getElementById(\n    'qrmenu-pincode'\n).style.display = 'block';\n    \n     document.getElementById(\n        'qrmenu-use-location'\n    ).style.display = 'block';\n\n    document.getElementById(\n        'qrmenu-landmark'\n    ).style.display = 'block';\n\n}\n    \n    const cgstRate =\n    2.5;\n\nconst sgstRate =\n    2.5;\n    \n    const taxMode =\n    'extra';\n\n   const subscriptionInactive =\nfalse;\n\nlet restaurantOpen =\ntrue;\nlet customerLatitude = '';\nlet customerLongitude = '';\nlet customerLocationLink = '';\n\nfunction showPopup(message) {\n\n    const popup = document.createElement('div');\n\n    popup.innerHTML = `\n        <div\n            style=\"\n                position:fixed;\n                top:0;\n                left:0;\n                width:100%;\n                height:100%;\n                background:rgba(0,0,0,0.5);\n                display:flex;\n                align-items:center;\n                justify-content:center;\n                z-index:999999;\n            \"\n        >\n\n            <div\n                style=\"\n                    background:#fff;\n                    padding:30px;\n                    border-radius:16px;\n                    max-width:320px;\n                    width:90%;\n                    text-align:center;\n                    font-family:Arial,sans-serif;\n                \"\n            >\n\n                <p\n                    style=\"\n                        font-size:16px;\n                        line-height:1.6;\n                        margin-bottom:20px;\n                    \"\n                >\n\n                    ${message}\n\n                <\/p>\n\n                <button\n                    id=\"qrmenu-popup-close\"\n                    style=\"\n                        background:#111;\n                        color:#fff;\n                        border:none;\n                        padding:12px 24px;\n                        border-radius:10px;\n                        cursor:pointer;\n                        font-size:14px;\n                    \"\n                >\n\n                    OK\n\n                <\/button>\n\n            <\/div>\n\n        <\/div>\n    `;\n\n    document.body.appendChild(popup);\n\n    document\n        .getElementById(\n            'qrmenu-popup-close'\n        )\n        .addEventListener(\n            'click',\n            function() {\n\n                popup.remove();\n\n            }\n        );\n\n}\n\n    let cartCount = 0;\n\nlet cart = JSON.parse(\n    localStorage.getItem(\n        'qrmenu_cart'\n    ) || '[]'\n);\n\nfunction saveCart() {\n\n    localStorage.setItem(\n        'qrmenu_cart',\n        JSON.stringify(cart)\n    );\n\n}\n    const whatsappNumber = '916203491753';\nconst deliveryPincodeCheckURL =\n    'https:\/\/qr.swdeepsoft.in\/democafe\/wp-admin\/admin-ajax.php';\n    async function checkDeliveryPincode(pincode) {\n\n    try {\n\n        const response = await fetch(\n            deliveryPincodeCheckURL,\n            {\n                method: 'POST',\n                headers: {\n                    'Content-Type':\n                        'application\/x-www-form-urlencoded; charset=UTF-8'\n                },\n                body:\n                    'action=qrmenu_check_delivery_pincode' +\n                    '&pincode=' +\n                    encodeURIComponent(pincode)\n            }\n        );\n\n        const data = await response.json();\n\n        if (\n            !data.success ||\n            !data.data\n        ) {\n\n            return false;\n\n        }\n\n        return !!data.data.serviceable;\n\n    } catch (error) {\n\n        console.error(\n            'Delivery PIN check failed:',\n            error\n        );\n\n        return false;\n\n    }\n\n}\n\n    const cartButton = document.getElementById('qrmenu-cart-button');\n    const cartDrawer = document.getElementById('qrmenu-cart-drawer');\n\nconst cartClose = document.getElementById('qrmenu-cart-close');\ncartButton.addEventListener('click', function() {\n    if (subscriptionInactive) {\n\n    showPopup(\n    'This business is currently not accepting online orders.'\n);\n\n    return;\n\n}\n\nif (!restaurantOpen) {\n\n    showPopup(\n        'Restaurant is currently closed. Orders are not being accepted.'\n    );\n\n    return;\n\n}\n\n    cartDrawer.classList.add('active');\n\n});\n\ncartClose.addEventListener('click', function() {\n\n    cartDrawer.classList.remove('active');\n\n});\n\nconst searchInput = document.getElementById('qrmenu-search-input');\n\nconst menuItems = document.querySelectorAll('.qrmenu-item');\n\n\/*\n|--------------------------------------------------------------------------\n| Animated Search Placeholder\n|--------------------------------------------------------------------------\n*\/\n\nconst placeholderText = \"Search for food items...\";\n\nlet placeholderIndex = 0;\nlet isDeleting = false;\n\nfunction animatePlaceholder() {\n\n    if (\n        document.activeElement === searchInput ||\n        searchInput.value.length > 0\n    ) {\n        requestAnimationFrame(animatePlaceholder);\n        return;\n    }\n\n    if (!isDeleting) {\n\n        searchInput.placeholder =\n            placeholderText.substring(0, placeholderIndex++);\n\n        if (placeholderIndex > placeholderText.length) {\n\n            isDeleting = true;\n\n            setTimeout(animatePlaceholder, 1800);\n\n            return;\n        }\n\n    } else {\n\n        searchInput.placeholder =\n            placeholderText.substring(0, placeholderIndex--);\n\n        if (placeholderIndex < 0) {\n\n            isDeleting = false;\n        }\n    }\n\n    setTimeout(\n        animatePlaceholder,\n        isDeleting ? 40 : 70\n    );\n}\n\nanimatePlaceholder();\n\nsearchInput.addEventListener('keyup', function() {\n\n    const keyword = this.value.toLowerCase();\n\n    menuItems.forEach(function(item) {\n\n        const itemName =\n            item.dataset.name.toLowerCase();\n\n        if (itemName.includes(keyword)) {\n\n            item.style.display = 'block';\n\n        } else {\n\n            item.style.display = 'none';\n\n        }\n\n    });\n\n});\n\nconst filterButtons = document.querySelectorAll('.qrmenu-filter-btn');\n\nfilterButtons.forEach(function(button) {\n\n    button.addEventListener('click', function() {\n\n        filterButtons.forEach(function(btn) {\n\n            btn.classList.remove('active');\n\n        });\n\n        this.classList.add('active');\n\n        const filter = this.dataset.filter;\n\n        menuItems.forEach(function(item) {\n\n            const type = item.dataset.type;\n\n            if (\n                filter === 'all' ||\n                type === filter\n            ) {\n\n                item.style.display = 'block';\n\n            } else {\n\n                item.style.display = 'none';\n\n            }\n\n        });\n\n    });\n\n});\n    const wrappers = document.querySelectorAll('.qrmenu-quantity-wrapper');\n\n    wrappers.forEach(function(wrapper) {\n\n        const addBtn = wrapper.querySelector('.qrmenu-add-btn');\n\n        const controls = wrapper.querySelector('.qrmenu-quantity-controls');\n\n        const minusBtn = wrapper.querySelector('.qrmenu-minus-btn');\n\n        const plusBtn = wrapper.querySelector('.qrmenu-plus-btn');\n\n        const quantityText = wrapper.querySelector('.qrmenu-quantity');\n       const itemName = wrapper.dataset.name;\n       const variantInputs = document.querySelectorAll(\n    'input[name=\"variant_' +\n    wrapper.dataset.id +\n    '\"]'\n);\n\n\nfunction getSelectedVariant() {\n\n    const itemId = wrapper.dataset.id;\n\n    const selectedVariant = document.querySelector(\n        'input[name=\"variant_' + itemId + '\"]:checked'\n    );\n\n    if (selectedVariant) {\n\n        return {\n\n            variant: selectedVariant.value,\n\n            price: parseFloat(\n                selectedVariant.dataset.price\n            )\n\n        };\n\n    }\n\n    return {\n\n        variant: '',\n        price: parseFloat(wrapper.dataset.price)\n\n    };\n\n}\n\n        let quantity = 1;\n\n        \/*\n        |--------------------------------------------------------------------------\n        | Add Button\n        |--------------------------------------------------------------------------\n        *\/\n\n        addBtn.addEventListener('click', function() {\n            \n            if (!restaurantOpen) {\n\n    showPopup(\n        'Restaurant is currently closed. Orders are not being accepted.'\n    );\n\n    return;\n\n}\n            if (subscriptionInactive) {\n\n   showPopup(\n    'This business is currently not accepting online orders.'\n);\n\n    return;\n\n}\n\n            addBtn.style.display = 'none';\n\n            controls.style.display = 'flex';\n\n        \n\nconst selected = getSelectedVariant();\n\ncart.push({\n\n    name: itemName,\n\n    variant: selected.variant,\n\n    price: selected.price,\n\n    quantity: quantity,\n\n    gstApplicable:\n        wrapper.dataset.gstApplicable\n\n});\n\nupdateCartCount();\nupdateCart();\n\n        });\n\n        \/*\n        |--------------------------------------------------------------------------\n        | Plus Button\n        |--------------------------------------------------------------------------\n        *\/\n\nplusBtn.addEventListener('click', function() {\n\n    quantity++;\n\n    quantityText.innerText = quantity;\n\n\n    cart.forEach(function(item) {\n\n        const selected = getSelectedVariant();\n\nif (\n    item.name === itemName &&\n    item.variant === selected.variant\n) {\n\n            item.quantity = quantity;\n\n        }\n\n    });\n\n    updateCartCount();\nupdateCart();\n\n});\n\n        \/*\n        |--------------------------------------------------------------------------\n        | Minus Button\n        |--------------------------------------------------------------------------\n        *\/\n\n        minusBtn.addEventListener('click', function() {\n\n    quantity--;\n\n    \n\n    if (quantity <= 0) {\n\n        const selected = getSelectedVariant();\n\ncart = cart.filter(function(item) {\n\n    return !(\n        item.name === itemName &&\n        item.variant === selected.variant\n    );\n\n});\n\n        quantity = 1;\n\n        addBtn.style.display = 'inline-block';\n\n        controls.style.display = 'none';\n\n    } else {\n\n        cart.forEach(function(item) {\n\n           const selected = getSelectedVariant();\n\nif (\n    item.name === itemName &&\n    item.variant === selected.variant\n) {\n\n                item.quantity = quantity;\n\n            }\n\n        });\n\n    }\n\n    quantityText.innerText = quantity;\n\n    updateCartCount();\nupdateCart();\n\n});\n\n    });\n    \n    \/*\n|--------------------------------------------------------------------------\n| Variant Item Controls\n|--------------------------------------------------------------------------\n*\/\n\nconst variantRows =\n    document.querySelectorAll(\n        '.qrmenu-variant-row'\n    );\n    function syncVariantUI() {\n\n    variantRows.forEach(function(row) {\n\n        const itemName =\n            row.dataset.name;\n\n        const variant =\n            row.dataset.variant;\n\n        const qtyText =\n            row.querySelector(\n                '.variant-qty'\n            );\n            const addBtn =\n    row.querySelector(\n        '.variant-add-btn'\n    );\n\nconst controls =\n    row.querySelector(\n        '.variant-controls'\n    );\n\n        const cartItem =\n            cart.find(function(item) {\n\n                return (\n                    item.name === itemName &&\n                    item.variant === variant\n                );\n\n            });\n\n        if (cartItem) {\n\n    qtyText.innerText =\n        cartItem.quantity;\n\n    addBtn.style.display =\n        'none';\n\n    controls.style.display =\n        'flex';\n\n} else {\n\n    addBtn.style.display =\n        'inline-block';\n\n    controls.style.display =\n        'none';\n\n}\n\n    });\n\n}\n    variantRows.forEach(function(row) {\n\n    const plusBtn =\n        row.querySelector(\n            '.variant-plus'\n        );\n    const minusBtn =\n    row.querySelector(\n        '.variant-minus'\n    );\n    const addBtn =\n    row.querySelector(\n        '.variant-add-btn'\n    );\n\nconst controls =\n    row.querySelector(\n        '.variant-controls'\n    );\n    addBtn.addEventListener(\n    'click',\n    function() {\n        \n        if (!restaurantOpen) {\n\n    showPopup(\n        'Restaurant is currently closed. Orders are not being accepted.'\n    );\n\n    return;\n\n}\n\n        const itemName =\n            row.dataset.name;\n\n        const variant =\n            row.dataset.variant;\n\n        const price =\n            parseFloat(\n                row.dataset.price\n            );\n\n        cart.push({\n\n    name: itemName,\n\n    variant: variant,\n\n    price: price,\n\n    quantity: 1,\n\n    gstApplicable:\n        row.dataset.gstApplicable\n\n});\n\n        addBtn.style.display =\n            'none';\n\n        controls.style.display =\n            'flex';\n\n        syncVariantUI();\n\n        updateCartCount();\n\n        updateCart();\n\n    }\n);\n\n    plusBtn.addEventListener(\n        'click',\n        function() {\n\n            const itemName =\n                row.dataset.name;\n\n            const variant =\n                row.dataset.variant;\n\n            const price =\n                parseFloat(\n                    row.dataset.price\n                );\n\n            let existingItem =\n                cart.find(function(item) {\n\n                    return (\n                        item.name === itemName &&\n                        item.variant === variant\n                    );\n\n                });\n\n            if (existingItem) {\n\n                existingItem.quantity++;\n\n            } else {\n\n                cart.push({\n\n    name: itemName,\n\n    variant: variant,\n\n    price: price,\n\n    quantity: 1,\n\n    gstApplicable:\n        row.dataset.gstApplicable\n\n});\n\n            }\n            \n            \nsyncVariantUI();\n            updateCartCount();\n\n            updateCart();\n\n        }\n    );\n    \n    minusBtn.addEventListener(\n    'click',\n    function() {\n\n        const itemName =\n            row.dataset.name;\n\n        const variant =\n            row.dataset.variant;\n\n        cart = cart.filter(function(item) {\n\n            if (\n                item.name === itemName &&\n                item.variant === variant\n            ) {\n\n                item.quantity--;\n\n            }\n\n            return item.quantity > 0;\n\n        });\n\n        syncVariantUI();\n\n        updateCartCount();\n\n        updateCart();\n\n    }\n);\n\n});\n\n\n    \/*\n    |--------------------------------------------------------------------------\n    | Update Cart\n    |--------------------------------------------------------------------------\n    *\/\n\n   function updateCart() {\n\nsaveCart();\n\n    cartButton.innerHTML = '\ud83d\uded2 Cart (' + cartCount + ')';\n\n    const cartItems = document.getElementById('qrmenu-cart-items');\n\n    if (cart.length === 0) {\n\n        cartItems.innerHTML = 'Cart is empty';\n\n        return;\n\n    }\n    \n\n    let html = '';\n\n    let taxableTotal = 0;\n\nlet nonTaxableTotal = 0;\n\n    cart.forEach(function(item) {\n\n        const subtotal = item.price * item.quantity;\n\nif (\n    item.gstApplicable === 'no'\n) {\n\n    nonTaxableTotal += subtotal;\n\n} else {\n\n    taxableTotal += subtotal;\n\n}\n\n        html += `\n            <div style=\"\n                padding:15px;\n                border-bottom:1px solid #eee;\n            \">\n\n                <div style=\"\n                    font-weight:bold;\n                    margin-bottom:8px;\n                \">\n                    ${item.name}\n\n${item.variant\n    ? '<br><small>' + item.variant + '<\/small>'\n    : ''\n}\n                <\/div>\n\n                <div\n    style=\"\n        display:flex;\n        align-items:center;\n        gap:10px;\n        margin-top:10px;\n    \"\n>\n\n    <button\n    class=\"cart-minus\"\n    data-name=\"${item.name}\"\n    data-variant=\"${item.variant}\"\n    style=\"\n    width:30px;\n    height:30px;\n    padding:0;\n    border:none;\n    border-radius:8px;\n    background:var(--qrmenu-theme-color);\n    color:#fff;\n    font-size:16px;\n    line-height:30px;\n    cursor:pointer;\n\"\n>\n    -\n<\/button>\n\n    <span\n    style=\"\n        min-width:20px;\n        text-align:center;\n        font-weight:600;\n    \"\n>\n    ${item.quantity}\n<\/span>\n\n    <button\n    class=\"cart-plus\"\n    data-name=\"${item.name}\"\n    data-variant=\"${item.variant}\"\n    style=\"\n    width:30px;\n    height:30px;\n    padding:0;\n    border:none;\n    border-radius:8px;\n    background:var(--qrmenu-theme-color);\n    color:#fff;\n    font-size:16px;\n    line-height:30px;\n    cursor:pointer;\n\"\n>\n    +\n<\/button>\n<span\n    style=\"\n        margin-left:15px;\n        font-weight:600;\n    \"\n>\n    \u20b9${subtotal}\n<\/span>\n<button\n    class=\"cart-remove\"\n    data-name=\"${item.name}\"\n    data-variant=\"${item.variant}\"\n    style=\"\n        margin-left:12px;\n        border:none;\n        background:#dc3545;\n        color:#fff;\n        padding:6px 8px;\n        border-radius:8px;\n        cursor:pointer;\n        font-size:12px;\n        font-weight:600;\n    \"\n>\n    \u2715\n<\/button>\n<\/div>\n\n\n            <\/div>\n        `;\n\n    });\n    \n    const total =\n    taxableTotal +\n    nonTaxableTotal;\n    \n    let cgst = 0;\n\nlet sgst = 0;\n\nlet grossTotal = total;\n\nif (taxMode === 'extra') {\n\n    cgst =\n        taxableTotal *\n        (cgstRate \/ 100);\n\n    sgst =\n        taxableTotal *\n        (sgstRate \/ 100);\n\n    grossTotal =\n        total +\n        cgst +\n        sgst;\n\n}\n\nelse if (taxMode === 'included') {\n\n    const totalGstRate =\n        cgstRate + sgstRate;\n\n    const taxableValue =\n        taxableTotal \/\n        (1 + (totalGstRate \/ 100));\n\n    const totalGst =\n        taxableTotal -\n        taxableValue;\n\n    cgst = totalGst \/ 2;\n\n    sgst = totalGst \/ 2;\n\n    grossTotal = total;\n\n}\n\n\n\nconst grandTotal =\n    Math.round(grossTotal);\n\nconst roundOff =\n    grandTotal -\n    grossTotal;\n\n    html += `\n    <div style=\"\n        padding:20px;\n        border-top:2px solid #eee;\n        margin-top:10px;\n    \">\n    \n    <div style=\"\n    display:flex;\n    justify-content:space-between;\n    margin-bottom:8px;\n\">\n    <span>Subtotal<\/span>\n    <span>\u20b9${total.toFixed(2)}<\/span>\n<\/div>\n\n        ${(taxMode === 'extra' || taxMode === 'included') ? `\n\n<div style=\"\n    display:flex;\n    justify-content:space-between;\n    margin-bottom:8px;\n\">\n    <span>CGST @ ${cgstRate}%<\/span>\n    <span>\u20b9${cgst.toFixed(2)}<\/span>\n<\/div>\n\n<div style=\"\n    display:flex;\n    justify-content:space-between;\n    margin-bottom:8px;\n\">\n    <span>SGST @ ${sgstRate}%<\/span>\n    <span>\u20b9${sgst.toFixed(2)}<\/span>\n<\/div>\n\n${taxMode === 'extra' ? `\n\n<div style=\"\n    display:flex;\n    justify-content:space-between;\n    margin-bottom:12px;\n\">\n    <span>Round Off<\/span>\n    <span>${roundOff >= 0 ? '+' : ''}\u20b9${roundOff.toFixed(2)}<\/span>\n<\/div>\n\n` : ''}\n\n` : ''}\n\n        <div style=\"\n            display:flex;\n            justify-content:space-between;\n            font-size:22px;\n            font-weight:bold;\n            border-top:1px solid #ddd;\n            padding-top:12px;\n        \">\n            <span>Grand Total<\/span>\n            <span>\u20b9${grandTotal}<\/span>\n        <\/div>\n\n    <\/div>\n`;\n\n   cartItems.innerHTML = html;\n\n\/*\n|--------------------------------------------------------------------------\n| Drawer Plus \/ Minus Buttons\n|--------------------------------------------------------------------------\n*\/\n\nattachDrawerEvents();\n\n}\nfunction attachDrawerEvents() {\n\n    document\n        .querySelectorAll('.cart-plus')\n        .forEach(function(btn) {\n\n            btn.addEventListener(\n                'click',\n                function() {\n\n                    const name =\n                        this.dataset.name;\n\n                    const variant =\n                        this.dataset.variant;\n\n                    cart.forEach(function(item) {\n\n                        if (\n                            item.name === name &&\n                            item.variant === variant\n                        ) {\n\n                            item.quantity++;\n\n                        }\n\n                    });\n\n                    syncMenuCards();\n                    \n                    syncVariantUI();\n\n                    updateCartCount();\n\n                    updateCart();\n\n                }\n            );\n\n        });\n\n    document\n        .querySelectorAll('.cart-minus')\n        .forEach(function(btn) {\n\n            btn.addEventListener(\n                'click',\n                function() {\n\n                    const name =\n                        this.dataset.name;\n\n                    const variant =\n                        this.dataset.variant;\n\n                    cart = cart.filter(function(item) {\n\n                        if (\n                            item.name === name &&\n                            item.variant === variant\n                        ) {\n\n                            item.quantity--;\n\n                        }\n\n                        return item.quantity > 0;\n\n                    });\n\n                    syncMenuCards();\n                    \n                    syncVariantUI();\n\n                    updateCartCount();\n\n                    updateCart();\n\n                }\n            );\n\n        });\n        document\n    .querySelectorAll('.cart-remove')\n    .forEach(function(btn) {\n\n        btn.addEventListener(\n            'click',\n            function() {\n\n                const name =\n                    this.dataset.name;\n\n                const variant =\n                    this.dataset.variant;\n\n                cart = cart.filter(function(item) {\n\n                    return !(\n                        item.name === name &&\n                        item.variant === variant\n                    );\n\n                });\n\n                syncMenuCards();\n\n                syncVariantUI();\n\n                updateCartCount();\n\n                updateCart();\n\n            }\n        );\n\n    });\n\n}\nfunction updateCartCount() {\n\n    cartCount = 0;\n\n    cart.forEach(function(item) {\n\n        cartCount += item.quantity;\n\n    });\n\n    cartButton.innerHTML =\n        '\ud83d\uded2 Cart (' +\n        cartCount +\n        ')';\n\n}\nfunction syncMenuCards() {\n\n    wrappers.forEach(function(wrapper) {\n\n        const itemName =\n            wrapper.dataset.name;\n\n        const addBtn =\n            wrapper.querySelector(\n                '.qrmenu-add-btn'\n            );\n\n        const controls =\n            wrapper.querySelector(\n                '.qrmenu-quantity-controls'\n            );\n\n        const quantityText =\n            wrapper.querySelector(\n                '.qrmenu-quantity'\n            );\n\n        const item = cart.find(function(cartItem) {\n\n            return (\n                cartItem.name === itemName\n            );\n\n        });\n\n        if (!item) {\n\n            addBtn.style.display =\n                'inline-block';\n\n            controls.style.display =\n                'none';\n\n            quantityText.innerText =\n                '1';\n\n            return;\n\n        }\n\n        addBtn.style.display =\n            'none';\n\n        controls.style.display =\n            'flex';\n\n        quantityText.innerText =\n            item.quantity;\n\n    });\n\n}\nconst whatsappButton = document.getElementById('qrmenu-whatsapp-order-btn');\n\nwhatsappButton.addEventListener('click', async function() {\nif (subscriptionInactive) {\n\n   showPopup(\n    'This business is currently not accepting online orders.'\n);\n\n    return;\n\n}\n\nif (!restaurantOpen) {\n\n    showPopup(\n        'Restaurant is currently closed. Orders are not being accepted.'\n    );\n\n    return;\n\n}\n    const customerName = document.getElementById('qrmenu-customer-name').value;\n\n    const tableNumber = document.getElementById('qrmenu-table-number').value;\n    const seatLabel =\n    document.getElementById(\n        'qrmenu-table-number'\n    ).dataset.seat || '';\n\n    if (cart.length === 0) {\n\n        showPopup('Your cart is empty.');\n\n        return;\n\n    }\n    if (!customerName.trim()) {\n\n    showPopup('Please enter your name.');\n\n    return;\n\n}\nlet phone = '';\n\nlet address = '';\n\nlet landmark = '';\n\nlet pincode = '';\n\nif (deliveryMode) {\n\n    phone = document\n        .getElementById('qrmenu-customer-phone')\n        .value\n        .trim();\n\n    address = document\n        .getElementById('qrmenu-delivery-address')\n        .value\n        .trim();\n\n    landmark = document\n        .getElementById('qrmenu-landmark')\n        .value\n        .trim();\n        \n        pincode = document\n    .getElementById('qrmenu-pincode')\n    .value\n    .trim();\n\n    if (!phone) {\n\n        showPopup('Please enter your mobile number.');\n\n        return;\n\n    }\n    if (!\/^[0-9]{10}$\/.test(phone)) {\n\n    showPopup('Please enter a valid 10-digit mobile number.');\n\n    return;\n\n}\n\n  if (address.length < 10) {\n\n    showPopup('Please enter a complete delivery address.');\n\n    return;\n\n}\nif (!\/^[0-9]{6}$\/.test(pincode)) {\n\n    showPopup('Please enter a valid 6-digit PIN Code.');\n\n    return;\n\n}\nconst isDeliveryPincodeServiceable =\n    await checkDeliveryPincode(pincode);\n\nif (!isDeliveryPincodeServiceable) {\n\n    showPopup(\n        'Sorry, home delivery is currently unavailable at your location.'\n    );\n\n    return;\n}\n\n}\n\n    let message = '\ud83c\udf7d\ufe0f *New QR Menu Order*%0A%0A';\n\n    message += '*Customer:* ' + customerName + '%0A';\n    \n    if (deliveryMode) {\n\n    message += '*Mobile:* ' + phone + '%0A';\n\n    message += '*Address:* ' +\n    address.replace(\/\\n\/g, '%0A') +\n    '%0A';\n    \n    message += '*PIN Code:* ' + pincode + '%0A';\n\n    if (landmark) {\n\n        message += '*Landmark:* ' + landmark + '%0A';\n\n    }\n\n    if (customerLocationLink) {\n\n        message +=\n            '*Current Location:* ' +\n            customerLocationLink +\n            '%0A';\n\n    }\n\n}\n\nif (seatLabel) {\n\n    message +=\n        '*Seat:* ' +\n        tableNumber +\n        '%0A';\n\n}\nelse if (tableNumber.trim()) {\n\n    message +=\n        '*Table:* ' +\n        tableNumber +\n        '%0A';\n\n}\n\nmessage += '%0A';\n\n    let taxableTotal = 0;\n\nlet nonTaxableTotal = 0;\n\n    cart.forEach(function(item) {\n\n        const subtotal = item.price * item.quantity;\n\nif (\n    item.gstApplicable === 'no'\n) {\n\n    nonTaxableTotal += subtotal;\n\n} else {\n\n    taxableTotal += subtotal;\n\n}\n\n        message += '\u25aa\ufe0f ' + item.name;\n\nif (item.variant) {\n\n    message += ' (' + item.variant + ')';\n\n}\n\n        message += ' x ' + item.quantity;\n\n        message += ' = \u20b9' + subtotal + '%0A';\n\n    });\n    \n    const total =\n    taxableTotal +\n    nonTaxableTotal;\n\nlet cgst = 0;\n\nlet sgst = 0;\n\nlet grossTotal = total;\n\nif (taxMode === 'extra') {\n\n    cgst =\n        taxableTotal *\n        (cgstRate \/ 100);\n\n    sgst =\n        taxableTotal *\n        (sgstRate \/ 100);\n\n    grossTotal =\n        total +\n        cgst +\n        sgst;\n\n}\nelse if (taxMode === 'included') {\n\n    const totalGstRate =\n        cgstRate + sgstRate;\n\n    const taxableValue =\n        taxableTotal \/\n        (1 + (totalGstRate \/ 100));\n\n    const totalGst =\n        taxableTotal -\n        taxableValue;\n\n    cgst = totalGst \/ 2;\n\n    sgst = totalGst \/ 2;\n\n    grossTotal = total;\n\n}\n\nconst grandTotal =\n    Math.round(grossTotal);\n\nconst roundOff =\n    grandTotal -\n    grossTotal;\n\nmessage += '%0A*Subtotal:* \u20b9' +\n    total.toFixed(2);\n\nif (\n    taxMode === 'extra' ||\n    taxMode === 'included'\n) {\n\n    message += '%0A*CGST (' +\n        cgstRate +\n        '%):* \u20b9' +\n        cgst.toFixed(2);\n\n    message += '%0A*SGST (' +\n        sgstRate +\n        '%):* \u20b9' +\n        sgst.toFixed(2);\n\n    if (taxMode === 'extra') {\n\n    message += '%0A*Round Off:* ' +\n        (roundOff >= 0 ? '+' : '') +\n        '\u20b9' +\n        roundOff.toFixed(2);\n\n}\n\n}\n\nmessage += '%0A%0A*Grand Total:* \u20b9' +\n    grandTotal;\n\n    const whatsappURL =\n        'https:\/\/wa.me\/' +\n        whatsappNumber +\n        '?text=' +\n        message;\n\n    window.open(\n    whatsappURL,\n    '_blank'\n);\n\nsetTimeout(function() {\n\n    cart = [];\n\n    localStorage.removeItem(\n        'qrmenu_cart'\n    );\n\n    updateCartCount();\n    updateCart();\n    syncMenuCards();\n    syncVariantUI();\n\n}, 1000);\n\n});\n\nif (cart.length > 0) {\n\n    updateCartCount();\n\n    updateCart();\n\n    syncMenuCards();\n\n    syncVariantUI();\n\n}\n\nconst locationButton =\n    document.getElementById(\n        'qrmenu-location-btn'\n    );\n\nif (locationButton) {\n\n    locationButton.addEventListener(\n        'click',\n        function () {\n\n            if (!navigator.geolocation) {\n\n                showPopup(\n                    'Your browser does not support location.'\n                );\n\n                return;\n\n            }\n\n            locationButton.disabled = true;\n            locationButton.innerHTML =\n                'Getting location...';\n\n            navigator.geolocation.getCurrentPosition(\n\n                function(position) {\n\n                    customerLatitude =\n                        position.coords.latitude;\n\n                    customerLongitude =\n                        position.coords.longitude;\n\n                    customerLocationLink =\n                        'https:\/\/maps.google.com\/?q=' +\n                        customerLatitude +\n                        ',' +\n                        customerLongitude;\n\n                    locationButton.innerHTML =\n                        '\u2705 Location Shared';\n\n                    locationButton.style.background =\n                        '#28a745';\n\n                },\n\n               function(error) {\n\n    locationButton.disabled = false;\n\n    locationButton.innerHTML =\n        '\ud83d\udccd Share Current Location';\n\n    console.log(error);\n\n    let message = '';\n\n    switch (error.code) {\n\n        case error.PERMISSION_DENIED:\n            message = 'Permission denied';\n            break;\n\n        case error.POSITION_UNAVAILABLE:\n            message = 'Location unavailable';\n            break;\n\n        case error.TIMEOUT:\n            message = 'Location request timed out';\n            break;\n\n        default:\n            message = 'Unknown location error';\n    }\n\n   showPopup(\n    \"We couldn't determine your location right now.<br><br>You can try again or continue placing your order without sharing your location.\"\n);\n\n},\n\n               {\n    enableHighAccuracy: true,\n    timeout: 20000,\n    maximumAge: 30000\n}\n\n            );\n\n        }\n    );\n\n}\n\n\/*\n|--------------------------------------------------------------------------\n| Auto Refresh Open \/ Closed Status\n|--------------------------------------------------------------------------\n*\/\n\nsetInterval(function() {\n\n\n    fetch(\n        'https:\/\/qr.swdeepsoft.in\/democafe\/wp-admin\/admin-ajax.php?action=qrmenu_check_status'\n    )\n\n    .then(function(response) {\n\n        return response.json();\n\n    })\n\n    .then(function(data) {\n        restaurantOpen = data.is_open;\n\n        const status =\n            document.getElementById(\n                'qrmenu-status'\n            );\n\n        if (!status) {\n            return;\n        }\n\n        if (data.is_open) {\n\n            status.className =\n                'qrmenu-status-open';\n\n            status.innerHTML =\n                '\ud83d\udfe2 Open Now';\n\n        } else {\n\n    status.className =\n        'qrmenu-status-closed';\n\n    status.innerHTML =\n        '\ud83d\udd34 Currently Closed' +\n        '<br><small>' +\n        (data.next_opening || '') +\n        '<\/small>';\n\n}\n\n    });\n\n}, 5000);\n\n\n\n});\n\n\n<\/script>\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/qr.swdeepsoft.in\/democafe\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qr.swdeepsoft.in\/democafe\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/qr.swdeepsoft.in\/democafe\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/qr.swdeepsoft.in\/democafe\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/qr.swdeepsoft.in\/democafe\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":1,"href":"https:\/\/qr.swdeepsoft.in\/democafe\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":38,"href":"https:\/\/qr.swdeepsoft.in\/democafe\/wp-json\/wp\/v2\/pages\/7\/revisions\/38"}],"wp:attachment":[{"href":"https:\/\/qr.swdeepsoft.in\/democafe\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}