{"id":454,"date":"2024-05-18T14:09:54","date_gmt":"2024-05-18T09:09:54","guid":{"rendered":"https:\/\/yisolutions.com\/ordering\/order-online-2\/"},"modified":"2024-05-18T14:09:54","modified_gmt":"2024-05-18T09:09:54","slug":"order-online-2","status":"publish","type":"page","link":"https:\/\/yisolutions.com\/ordering\/","title":{"rendered":"Order Online"},"content":{"rendered":"\r\n<div data-bs-spy=\"scroll\" data-bs-target=\".arsh-menu-list\" data-bs-offset=\"100\" data-bs-smooth-scroll=\"true\" tabindex=\"0\" class=\"arsh-menu-container category-menu-layout-text\">\r\n    <div class=\"m-0 row\">\r\n                    <!-- Placeholder -->\r\n            <div class=\"banner p-0\" style=\"height: 300px;\">\r\n    <span aria-live=\"polite\" aria-busy=\"true\"><span class=\"arsh-loading-skeleton w-100 h-100\">\u200c<\/span><br><\/span>\r\n<\/div>\r\n<div class=\"arsh-menu-list-p-0 sticky-top p-0\">\r\n    <div class=\"arsh-menu-wrapper text\">\r\n        <ul class=\"d-flex flex-row flex-nowrap arsh-menu-slider justify-content-center m-0\">\r\n                            <span aria-live=\"polite\" aria-busy=\"true\"><span class=\"arsh-loading-skeleton nav-item rounded-04 fs-2 me-2 my-2\">\u200c<\/span><br><\/span>\r\n                            <span aria-live=\"polite\" aria-busy=\"true\"><span class=\"arsh-loading-skeleton nav-item rounded-04 fs-2 me-2 my-2\">\u200c<\/span><br><\/span>\r\n                            <span aria-live=\"polite\" aria-busy=\"true\"><span class=\"arsh-loading-skeleton nav-item rounded-04 fs-2 me-2 my-2\">\u200c<\/span><br><\/span>\r\n                            <span aria-live=\"polite\" aria-busy=\"true\"><span class=\"arsh-loading-skeleton nav-item rounded-04 fs-2 me-2 my-2\">\u200c<\/span><br><\/span>\r\n                            <span aria-live=\"polite\" aria-busy=\"true\"><span class=\"arsh-loading-skeleton nav-item rounded-04 fs-2 me-2 my-2\">\u200c<\/span><br><\/span>\r\n                    <\/ul>\r\n    <\/div>\r\n<\/div>\r\n<div class=\"item-section\">\r\n    <div class=\"items-section-wrapper\">\r\n        <div class=\"container\">\r\n            <div class=\"row\">\r\n                                    <div class=\"p-0 mb-md-0 m-0 col-12 col-md-6\">\r\n                        <div class=\"item m-2 mt-md-2 row\">\r\n                            <div class=\"p-0 image-col mh-100 overflow-hidden position-relative col-3\">\r\n                                <span aria-live=\"polite\" aria-busy=\"true\">\r\n                                    <span class=\"arsh-loading-skeleton position-absolute start-0 end-0 top-0 bottom-0\">\u200c<\/span><br>\r\n                                <\/span>\r\n                            <\/div>\r\n                            <div class=\"p-0 content-col col\">\r\n                                <div class=\"mx-0 h-100 row\"><div class=\"wrap-info\"><span aria-live=\"polite\" aria-busy=\"true\"><span class=\"arsh-loading-skeleton w-50 fs-5 mb-2\">\u200c<\/span><br><\/span><span aria-live=\"polite\" aria-busy=\"true\"><span class=\"arsh-loading-skeleton fs-08\">\u200c<\/span><br><span class=\"arsh-loading-skeleton fs-08\">\u200c<\/span><br><\/span><span aria-live=\"polite\" aria-busy=\"true\"><span class=\"arsh-loading-skeleton w-25 fs-08 mt-2\">\u200c<\/span><br><\/span><\/div><\/div><\/div><\/div>\r\n                    <\/div>\r\n                                    <div class=\"p-0 mb-md-0 m-0 col-12 col-md-6\">\r\n                        <div class=\"item m-2 mt-md-2 row\">\r\n                            <div class=\"p-0 image-col mh-100 overflow-hidden position-relative col-3\">\r\n                                <span aria-live=\"polite\" aria-busy=\"true\">\r\n                                    <span class=\"arsh-loading-skeleton position-absolute start-0 end-0 top-0 bottom-0\">\u200c<\/span><br>\r\n                                <\/span>\r\n                            <\/div>\r\n                            <div class=\"p-0 content-col col\">\r\n                                <div class=\"mx-0 h-100 row\"><div class=\"wrap-info\"><span aria-live=\"polite\" aria-busy=\"true\"><span class=\"arsh-loading-skeleton w-50 fs-5 mb-2\">\u200c<\/span><br><\/span><span aria-live=\"polite\" aria-busy=\"true\"><span class=\"arsh-loading-skeleton fs-08\">\u200c<\/span><br><span class=\"arsh-loading-skeleton fs-08\">\u200c<\/span><br><\/span><span aria-live=\"polite\" aria-busy=\"true\"><span class=\"arsh-loading-skeleton w-25 fs-08 mt-2\">\u200c<\/span><br><\/span><\/div><\/div><\/div><\/div>\r\n                    <\/div>\r\n                                    <div class=\"p-0 mb-md-0 m-0 col-12 col-md-6\">\r\n                        <div class=\"item m-2 mt-md-2 row\">\r\n                            <div class=\"p-0 image-col mh-100 overflow-hidden position-relative col-3\">\r\n                                <span aria-live=\"polite\" aria-busy=\"true\">\r\n                                    <span class=\"arsh-loading-skeleton position-absolute start-0 end-0 top-0 bottom-0\">\u200c<\/span><br>\r\n                                <\/span>\r\n                            <\/div>\r\n                            <div class=\"p-0 content-col col\">\r\n                                <div class=\"mx-0 h-100 row\"><div class=\"wrap-info\"><span aria-live=\"polite\" aria-busy=\"true\"><span class=\"arsh-loading-skeleton w-50 fs-5 mb-2\">\u200c<\/span><br><\/span><span aria-live=\"polite\" aria-busy=\"true\"><span class=\"arsh-loading-skeleton fs-08\">\u200c<\/span><br><span class=\"arsh-loading-skeleton fs-08\">\u200c<\/span><br><\/span><span aria-live=\"polite\" aria-busy=\"true\"><span class=\"arsh-loading-skeleton w-25 fs-08 mt-2\">\u200c<\/span><br><\/span><\/div><\/div><\/div><\/div>\r\n                    <\/div>\r\n                                    <div class=\"p-0 mb-md-0 m-0 col-12 col-md-6\">\r\n                        <div class=\"item m-2 mt-md-2 row\">\r\n                            <div class=\"p-0 image-col mh-100 overflow-hidden position-relative col-3\">\r\n                                <span aria-live=\"polite\" aria-busy=\"true\">\r\n                                    <span class=\"arsh-loading-skeleton position-absolute start-0 end-0 top-0 bottom-0\">\u200c<\/span><br>\r\n                                <\/span>\r\n                            <\/div>\r\n                            <div class=\"p-0 content-col col\">\r\n                                <div class=\"mx-0 h-100 row\"><div class=\"wrap-info\"><span aria-live=\"polite\" aria-busy=\"true\"><span class=\"arsh-loading-skeleton w-50 fs-5 mb-2\">\u200c<\/span><br><\/span><span aria-live=\"polite\" aria-busy=\"true\"><span class=\"arsh-loading-skeleton fs-08\">\u200c<\/span><br><span class=\"arsh-loading-skeleton fs-08\">\u200c<\/span><br><\/span><span aria-live=\"polite\" aria-busy=\"true\"><span class=\"arsh-loading-skeleton w-25 fs-08 mt-2\">\u200c<\/span><br><\/span><\/div><\/div><\/div><\/div>\r\n                    <\/div>\r\n                                    <div class=\"p-0 mb-md-0 m-0 col-12 col-md-6\">\r\n                        <div class=\"item m-2 mt-md-2 row\">\r\n                            <div class=\"p-0 image-col mh-100 overflow-hidden position-relative col-3\">\r\n                                <span aria-live=\"polite\" aria-busy=\"true\">\r\n                                    <span class=\"arsh-loading-skeleton position-absolute start-0 end-0 top-0 bottom-0\">\u200c<\/span><br>\r\n                                <\/span>\r\n                            <\/div>\r\n                            <div class=\"p-0 content-col col\">\r\n                                <div class=\"mx-0 h-100 row\"><div class=\"wrap-info\"><span aria-live=\"polite\" aria-busy=\"true\"><span class=\"arsh-loading-skeleton w-50 fs-5 mb-2\">\u200c<\/span><br><\/span><span aria-live=\"polite\" aria-busy=\"true\"><span class=\"arsh-loading-skeleton fs-08\">\u200c<\/span><br><span class=\"arsh-loading-skeleton fs-08\">\u200c<\/span><br><\/span><span aria-live=\"polite\" aria-busy=\"true\"><span class=\"arsh-loading-skeleton w-25 fs-08 mt-2\">\u200c<\/span><br><\/span><\/div><\/div><\/div><\/div>\r\n                    <\/div>\r\n                            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>                <div id=\"cart\" class=\"CartColumn\">\r\n            \r\n<div class=\"empty-cart-wrapper text-center d-flex flex-column align-items-center justify-content-center h-100 position-relative\">\r\n    <i class=\"icon-shopping-bag\"><\/i>\r\n    <p class=\"mb-0 fw-bold empty-cart-text\">Your cart is empty<\/p>\r\n    <p class=\"mb-0 text-muted\">Add items to get started<\/p>\r\n\r\n    <div class=\"position-relative\"><a onclick=\"floatingCloseCart();\" class=\"mt-3 d-lg-none cur_pointer\">Go Back<\/a><\/div>\r\n<\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n\r\n\r\n    <div id=\"branchAreaModal\" class=\"modal fade\" data-bs-backdrop=\"static\" data-bs-keyboard=\"false\" tabindex=\"-1\">\r\n    <div class=\"modal-dialog modal-dialog-centered modal-dialog-scrollable\">\r\n        <div class=\"modal-content\">\r\n        \r\n        <div class=\"modal-body\">\r\n            <form id=\"formSelectLocation\" method=\"post\" enctype=\"multipart\/form-data\">\r\n                <input type=\"hidden\" name=\"action\" value=\"popup_submit\">\r\n                <input type=\"hidden\" id=\"selectbranch\" name=\"selectbranch\" value=\"0\" \/>\r\n                <div class=\"sitelogo mx-auto text-center\"><a href=\"https:\/\/yisolutions.com\/ordering\/\" class=\"custom-logo-link\" rel=\"home\"><img loading=\"lazy\" decoding=\"async\" width=\"225\" height=\"225\" src=\"https:\/\/yisolutions.com\/ordering\/wp-content\/uploads\/2024\/04\/cropped-images.webp\" class=\"custom-logo img-fluid\" alt=\"Agha Juice\" srcset=\"https:\/\/yisolutions.com\/ordering\/wp-content\/uploads\/2024\/04\/cropped-images.webp 225w, https:\/\/yisolutions.com\/ordering\/wp-content\/uploads\/2024\/04\/cropped-images-150x150.webp 150w\" sizes=\"auto, (max-width: 225px) 100vw, 225px\" \/><\/a><\/div>\r\n                <span class=\"fw-bold text-center d-block pt-3\">Select your order type<\/span>\r\n                <div class=\"order_option text-center mt-2\">\r\n\r\n                                            <div class=\"form-check form-check-inline\">\r\n                            <input class=\"form-check-input\" type=\"radio\" checked name=\"order_option\" id=\"order_option1\" value=\"delivery\">\r\n                            <label class=\"form-check-label\" for=\"order_option1\" data-text=\"Please select your location\">Delivery<\/label>\r\n                        <\/div>\r\n                        <div class=\"form-check form-check-inline\">\r\n                            <input class=\"form-check-input\" type=\"radio\"  name=\"order_option\" id=\"order_option2\" value=\"pickup\">\r\n                            <label class=\"form-check-label\" for=\"order_option2\" data-text=\"Which outlet would you like to pick-up from?\">Pick-up<\/label>\r\n                        <\/div>\r\n                    \r\n                    <div class=\"form-check form-check-inline\">\r\n                        <input class=\"form-check-input\" type=\"radio\"  name=\"order_option\" id=\"order_option3\" value=\"dinein\">\r\n                        <label class=\"form-check-label\" for=\"order_option3\" data-text=\"Which outlet would you like to dine-in at?\">Dine-In<\/label>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"selectcity mt-2\">\r\n                    <select name=\"selectcity\" id=\"selectcity\" class=\"form-select fs-14\">\r\n                        <option value=\"0\" disabled selected>Select City \/ Region<\/option>\r\n                                                    <option  value=\"Karachi\">Karachi<\/option>\r\n                                            <\/select>\r\n                <\/div>\r\n                <div class=\"selectarea mt-2\">\r\n                                        <select name=\"selectarea\" id=\"selectarea\" class=\"form-select fs-14\">\r\n                                                        <option value=\"0\" disabled selected>Select Area \/ Sub Region<\/option>\r\n                                \r\n                    <\/select>\r\n                <\/div>\r\n                <div class=\"btn-submit mt-2\">\r\n                    <button type=\"submit\" name=\"submit\" id=\"popup_submit\" disabled class=\"btn btn-arsh-primary w-100\">Select<\/button>\r\n                <\/div>\r\n            <\/form>\r\n        <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <\/div>\r\n    <script>\r\n        window.onload = () => {\r\n        const myModal = new bootstrap.Modal('#branchAreaModal');\r\n        myModal.show();\r\n        }\r\n    <\/script>\r\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":"template-container.php","meta":{"footnotes":""},"class_list":["post-454","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/yisolutions.com\/ordering\/wp-json\/wp\/v2\/pages\/454","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yisolutions.com\/ordering\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yisolutions.com\/ordering\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yisolutions.com\/ordering\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yisolutions.com\/ordering\/wp-json\/wp\/v2\/comments?post=454"}],"version-history":[{"count":0,"href":"https:\/\/yisolutions.com\/ordering\/wp-json\/wp\/v2\/pages\/454\/revisions"}],"wp:attachment":[{"href":"https:\/\/yisolutions.com\/ordering\/wp-json\/wp\/v2\/media?parent=454"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}