{"id":6509,"date":"2026-03-17T11:28:38","date_gmt":"2026-03-17T11:28:38","guid":{"rendered":"https:\/\/primepile.in\/kaanavoor\/?page_id=6509"},"modified":"2026-04-10T08:58:18","modified_gmt":"2026-04-10T08:58:18","slug":"lunch-menu","status":"publish","type":"page","link":"https:\/\/primepile.in\/kaanavoor\/lunch-menu\/","title":{"rendered":"Lunch-menu"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6509\" class=\"elementor elementor-6509\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c27c705 e-flex e-con-boxed e-con e-parent \" data-id=\"c27c705\" data-element_type=\"container\" data-e-type=\"container\">\t\t\t<div class=\"e-con-inner\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-e645525 elementor-widget elementor-widget-html\" data-id=\"e645525\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"lcm-interactive-board\">\r\n  <style>\r\n    .lcm-interactive-board,\r\n    .lcm-interactive-board * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .lcm-interactive-board {\r\n      --lcm-bg: #f6f2ed;\r\n      --lcm-card: #ece7df;\r\n      --lcm-white: #ffffff;\r\n      --lcm-text: #2d241d;\r\n      --lcm-muted: #6f6258;\r\n      --lcm-accent: #6d2c94;\r\n      --lcm-border: #e2d8cd;\r\n      font-family: \"Noto Sans Elbasan\", sans-serif;\r\n      background: var(--lcm-bg);\r\n      padding: 28px 16px;\r\n      width: 100%;\r\n      color: var(--lcm-text);\r\n    }\r\n\r\n    .lcm-interactive-board .lcm-shell {\r\n      max-width: 1240px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .lcm-interactive-board .lcm-head {\r\n      text-align: center;\r\n      margin-bottom: 24px;\r\n    }\r\n\r\n    .lcm-interactive-board .lcm-title {\r\n      margin: 0 0 8px;\r\n      font-size: 34px;\r\n      line-height: 1.15;\r\n      color: var(--lcm-accent);\r\n      font-weight: 700;\r\n      font-family: \"Noto Sans Elbasan\", sans-serif;\r\n    }\r\n\r\n    .lcm-interactive-board .lcm-subtitle {\r\n      margin: 0;\r\n      font-family: \"Noto Sans Elbasan\", sans-serif;\r\n      color: var(--lcm-muted);\r\n      font-size: 15px;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    .lcm-interactive-board .lcm-layout {\r\n      display: grid;\r\n      grid-template-columns: 260px minmax(0, 1fr);\r\n      gap: 18px;\r\n      align-items: start;\r\n    }\r\n\r\n    .lcm-interactive-board .lcm-sidebar {\r\n      background: rgba(255, 255, 255, 0.45);\r\n      border: 1px solid var(--lcm-border);\r\n      border-radius: 22px;\r\n      padding: 14px;\r\n      position: sticky;\r\n      top: 20px;\r\n      backdrop-filter: blur(2px);\r\n    }\r\n\r\n    .lcm-interactive-board .lcm-sidebar-title {\r\n      margin: 0 0 12px;\r\n      font-size: 18px;\r\n      color: var(--lcm-accent);\r\n      padding: 0 6px;\r\n      font-family: \"Noto Sans Elbasan\", sans-serif;\r\n    }\r\n\r\n    .lcm-interactive-board .lcm-nav {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 8px;\r\n    }\r\n\r\n    .lcm-interactive-board .lcm-nav-btn {\r\n      border: none;\r\n      background: transparent;\r\n      text-align: left;\r\n      width: 100%;\r\n      padding: 10px 12px;\r\n      border-radius: 10px;\r\n      cursor: pointer;\r\n      font-size: 15px;\r\n      line-height: 1.35;\r\n      color: var(--lcm-text);\r\n      transition: 0.2s ease;\r\n      font-family: \"Noto Sans Elbasan\", sans-serif;\r\n      display: flex;\r\n      gap: 8px;\r\n      align-items: flex-start;\r\n    }\r\n\r\n    .lcm-interactive-board .lcm-nav-btn::before {\r\n      content: \"\u2615\";\r\n      font-size: 13px;\r\n      line-height: 1.1;\r\n      opacity: 0.7;\r\n      margin-top: 1px;\r\n    }\r\n\r\n    .lcm-interactive-board .lcm-nav-btn:hover,\r\n    .lcm-interactive-board .lcm-nav-btn.is-active {\r\n      background: #b83baa;\r\n      color: #ffffff;\r\n    }\r\n\r\n    .lcm-interactive-board .lcm-main {\r\n      min-width: 0;\r\n    }\r\n\r\n    .lcm-interactive-board .lcm-toolbar {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      gap: 12px;\r\n      align-items: center;\r\n      background: rgba(255, 255, 255, 0.45);\r\n      border: 1px solid var(--lcm-border);\r\n      border-radius: 18px;\r\n      padding: 14px 16px;\r\n      margin-bottom: 16px;\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    .lcm-interactive-board .lcm-current-title {\r\n      margin: 0;\r\n      font-size: 26px;\r\n      color: var(--lcm-accent);\r\n      font-family: \"Noto Sans Elbasan\", sans-serif;\r\n    }\r\n\r\n    .lcm-interactive-board .lcm-current-note {\r\n      margin: 4px 0 0;\r\n      font-family: \"Noto Sans Elbasan\", sans-serif;\r\n      color: var(--lcm-muted);\r\n      font-size: 14px;\r\n    }\r\n\r\n    .lcm-interactive-board .lcm-counter {\r\n      background: var(--lcm-white);\r\n      border: 1px solid var(--lcm-border);\r\n      border-radius: 999px;\r\n      padding: 10px 14px;\r\n      font-family: \"Noto Sans Elbasan\", sans-serif;\r\n      font-size: 14px;\r\n      color: var(--lcm-muted);\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .lcm-interactive-board .lcm-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      gap: 18px;\r\n      margin-bottom: 18px;\r\n    }\r\n\r\n    .lcm-interactive-board .lcm-card {\r\n      background: var(--lcm-card);\r\n      border-radius: 24px;\r\n      overflow: hidden;\r\n      border: 1px solid #e4dbd0;\r\n      transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n      min-width: 0;\r\n    }\r\n\r\n    .lcm-interactive-board .lcm-card:hover {\r\n      transform: translateY(-4px);\r\n      box-shadow: 0 14px 24px rgba(0, 0, 0, 0.08);\r\n    }\r\n\r\n    .lcm-interactive-board .lcm-img-wrap {\r\n      aspect-ratio: 1 \/ 1;\r\n      overflow: hidden;\r\n      background: #ddd4ca;\r\n    }\r\n\r\n    .lcm-interactive-board .lcm-img-wrap img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      display: block;\r\n    }\r\n\r\n    .lcm-interactive-board .lcm-card-body {\r\n      padding: 14px 14px 16px;\r\n    }\r\n\r\n    .lcm-interactive-board .lcm-item-name {\r\n      margin: 0 0 12px;\r\n      font-size: 16px;\r\n      line-height: 1.35;\r\n      color: #22170f;\r\n      min-height: 42px;\r\n      font-family: \"Noto Sans Elbasan\", sans-serif;\r\n    }\r\n\r\n    .lcm-interactive-board .lcm-check {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      font-family: \"Noto Sans Elbasan\", sans-serif;\r\n      font-size: 14px;\r\n      color: var(--lcm-muted);\r\n      cursor: pointer;\r\n      user-select: none;\r\n    }\r\n\r\n    .lcm-interactive-board .lcm-check input {\r\n      width: 18px;\r\n      height: 18px;\r\n      accent-color: var(--lcm-accent);\r\n      cursor: pointer;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .lcm-interactive-board .lcm-bottom {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1fr) 320px;\r\n      gap: 18px;\r\n      align-items: start;\r\n      margin-top: 8px;\r\n    }\r\n\r\n    .lcm-interactive-board .lcm-selected-box,\r\n    .lcm-interactive-board .lcm-form-box {\r\n      background: rgba(255, 255, 255, 0.55);\r\n      border: 1px solid var(--lcm-border);\r\n      border-radius: 20px;\r\n      padding: 18px;\r\n    }\r\n\r\n    .lcm-interactive-board .lcm-box-title {\r\n      margin: 0 0 10px;\r\n      font-size: 20px;\r\n      color: var(--lcm-accent);\r\n      font-family: \"Noto Sans Elbasan\", sans-serif;\r\n    }\r\n\r\n    .lcm-interactive-board .lcm-selected-list {\r\n      margin: 0;\r\n      padding-left: 18px;\r\n      font-family: \"Noto Sans Elbasan\", sans-serif;\r\n      color: var(--lcm-muted);\r\n      font-size: 14px;\r\n      line-height: 1.8;\r\n      max-height: 220px;\r\n      overflow: auto;\r\n    }\r\n\r\n    .lcm-interactive-board .lcm-empty {\r\n      font-family: \"Noto Sans Elbasan\", sans-serif;\r\n      color: var(--lcm-muted);\r\n      font-size: 14px;\r\n      margin: 0;\r\n    }\r\n\r\n    .lcm-interactive-board .lcm-field {\r\n      margin-bottom: 10px;\r\n    }\r\n\r\n    .lcm-interactive-board .lcm-field input,\r\n    .lcm-interactive-board .lcm-field textarea {\r\n      width: 100%;\r\n      border: 1px solid #dacfc4;\r\n      border-radius: 10px;\r\n      background: #fff;\r\n      padding: 12px 12px;\r\n      font-size: 14px;\r\n      font-family: \"Noto Sans Elbasan\", sans-serif;\r\n      outline: none;\r\n    }\r\n\r\n    .lcm-interactive-board .lcm-field input:focus,\r\n    .lcm-interactive-board .lcm-field textarea:focus {\r\n      border-color: var(--lcm-accent);\r\n    }\r\n\r\n    .lcm-interactive-board .lcm-send-btn {\r\n      width: 100%;\r\n      border: none;\r\n      background: #25d366;\r\n      color: #fff;\r\n      border-radius: 12px;\r\n      padding: 14px 18px;\r\n      font-size: 15px;\r\n      font-weight: 700;\r\n      font-family: \"Noto Sans Elbasan\", sans-serif;\r\n      cursor: pointer;\r\n      box-shadow: 0 8px 18px rgba(37, 211, 102, 0.22);\r\n      transition: all 0.3s ease;\r\n    }\r\n\r\n    .lcm-interactive-board .lcm-send-btn:hover {\r\n      background: #1fb75a;\r\n      transform: translateY(-2px);\r\n    }\r\n\r\n    .lcm-interactive-board .lcm-help {\r\n      margin: 10px 0 0;\r\n      font-family: \"Noto Sans Elbasan\", sans-serif;\r\n      color: var(--lcm-muted);\r\n      font-size: 12px;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    \/* Back button styling *\/\r\n    .lcm-back-wrapper {\r\n      margin-top: 32px;\r\n      text-align: center;\r\n      padding-top: 16px;\r\n      border-top: 1px solid var(--lcm-border);\r\n    }\r\n\r\n    .lcm-back-wrapper .lcm-back-footer-btn {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      background: #6f2999;\r\n      color: white;\r\n      border: none;\r\n      padding: 12px 28px;\r\n      font-size: 16px;\r\n      font-weight: 600;\r\n      font-family: \"Noto Sans Elbasan\", sans-serif;\r\n      border-radius: 50px;\r\n      cursor: pointer;\r\n      transition: all 0.3s ease;\r\n      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n      text-decoration: none;\r\n    }\r\n\r\n    .lcm-back-wrapper .lcm-back-footer-btn:hover {\r\n      background: #6f2999;\r\n      transform: translateX(-4px);\r\n      gap: 12px;\r\n    }\r\n\r\n    @media (max-width: 1080px) {\r\n      .lcm-interactive-board .lcm-grid {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      }\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n      .lcm-interactive-board .lcm-layout {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .lcm-interactive-board .lcm-sidebar {\r\n        position: static;\r\n      }\r\n\r\n      .lcm-interactive-board .lcm-nav {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      }\r\n\r\n      .lcm-interactive-board .lcm-bottom {\r\n        grid-template-columns: 1fr;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 620px) {\r\n      .lcm-interactive-board {\r\n        padding: 18px 12px;\r\n      }\r\n\r\n      .lcm-interactive-board .lcm-title {\r\n        font-size: 28px;\r\n      }\r\n\r\n      .lcm-interactive-board .lcm-current-title {\r\n        font-size: 22px;\r\n      }\r\n\r\n      .lcm-interactive-board .lcm-grid,\r\n      .lcm-interactive-board .lcm-nav {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .lcm-interactive-board .lcm-card {\r\n        border-radius: 18px;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"lcm-shell\">\r\n    <div class=\"lcm-head\">\r\n      <h2 class=\"lcm-title\">Lunch Menu<\/h2>\r\n      <p class=\"lcm-subtitle\">\r\n        Choose a sub category from the left. Click dishes to select them. Your selected dishes can be sent directly on WhatsApp.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"lcm-layout\">\r\n      <aside class=\"lcm-sidebar\">\r\n        <h3 class=\"lcm-sidebar-title\">Menu Categories<\/h3>\r\n        <div class=\"lcm-nav\" id=\"lcmSidebarNav\"><\/div>\r\n      <\/aside>\r\n\r\n      <div class=\"lcm-main\">\r\n        <div class=\"lcm-toolbar\">\r\n          <div>\r\n            <h3 class=\"lcm-current-title\" id=\"lcmCurrentTitle\">Starters<\/h3>\r\n            <p class=\"lcm-current-note\" id=\"lcmCurrentNote\">Select dishes from this sub category.<\/p>\r\n          <\/div>\r\n          <div class=\"lcm-counter\" id=\"lcmCounter\">0 dishes selected<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"lcm-grid\" id=\"lcmCardsGrid\"><\/div>\r\n\r\n        <div class=\"lcm-bottom\">\r\n          <div class=\"lcm-selected-box\">\r\n            <h3 class=\"lcm-box-title\">Selected Dishes<\/h3>\r\n            <div id=\"lcmSelectedWrap\">\r\n              <p class=\"lcm-empty\">No dishes selected yet.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"lcm-form-box\">\r\n            <h3 class=\"lcm-box-title\">Send on WhatsApp<\/h3>\r\n            <div class=\"lcm-field\">\r\n              <input type=\"text\" id=\"lcmName\" placeholder=\"Your full name\" \/>\r\n            <\/div>\r\n            <div class=\"lcm-field\">\r\n              <input type=\"tel\" id=\"lcmPhone\" placeholder=\"Phone number\" \/>\r\n            <\/div>\r\n            <div class=\"lcm-field\">\r\n              <input type=\"number\" id=\"lcmGuests\" placeholder=\"Guest count\" min=\"1\" \/>\r\n            <\/div>\r\n            <div class=\"lcm-field\">\r\n              <input type=\"date\" id=\"lcmDate\" \/>\r\n            <\/div>\r\n            <div class=\"lcm-field\">\r\n              <textarea id=\"lcmNotes\" rows=\"4\" placeholder=\"Additional notes (optional)\"><\/textarea>\r\n            <\/div>\r\n            <button type=\"button\" class=\"lcm-send-btn\" id=\"lcmSendBtn\">Send Selected Dishes<\/button>\r\n            <p class=\"lcm-help\">WhatsApp will open with your selected dishes for +91 98415 77011.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Back to Home Page Button at Bottom -->\r\n    <div class=\"lcm-back-wrapper\">\r\n      <a href=\"https:\/\/primepile.in\/kaanavoor\/menu\/\" class=\"lcm-back-footer-btn\" id=\"lcmBackButton\">\r\n        \u2190 Back to Menu\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      const root = document.querySelector(\".lcm-interactive-board\");\r\n      if (!root) return;\r\n\r\n      const WHATSAPP_NUMBER = \"919841577011\";\r\n      const fallbackImage = \"https:\/\/source.unsplash.com\/600x600\/?indian,lunch\";\r\n\r\n      const dishImages = {\r\n        \"Veg & Non-Veg Starters (All from respective sections)\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/chilli-chicken.webp\",\r\n        \"Veg Gravies (All from Veg Menu)\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/veg-kuruma.webp\",\r\n        \"Non-Veg Gravies (All from Non-Veg Menu)\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/butter-chicken.webp\",\r\n        \"Biriyani & Rice Varieties (All from both menus)\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/mutton-biriyani1.webp\",\r\n        \"Breads (All varieties)\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/rumali-roti.webp\",\r\n        \"Curd Onion Pachadi\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/onion-pacadi.webp\",\r\n        \"Brinjal Gravy\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/brinjal-curry.webp\",\r\n        \"Dhalcha\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/dhalcha-1.webp\",\r\n        \"Pickle\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/mango-pickle.webp\",\r\n        \"Appalam\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/04\/Appalam.webp\",\r\n        \"Tandoori papad\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/04\/Tandoori-papad.webp\",\r\n        \"Veg Salad Varieties\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/salad.webp\"\r\n      };\r\n\r\n      const categories = [\r\n        {\r\n          key: \"starters\",\r\n          title: \"Starters\",\r\n          note: \"Starter selections from both veg and non-veg sections.\",\r\n          items: [\r\n            \"Veg & Non-Veg Starters (All from respective sections)\"\r\n          ]\r\n        },\r\n        {\r\n          key: \"main-course\",\r\n          title: \"Main Course\",\r\n          note: \"Main course gravies, rice, and breads for a complete lunch spread.\",\r\n          items: [\r\n            \"Veg Gravies (All from Veg Menu)\",\r\n            \"Non-Veg Gravies (All from Non-Veg Menu)\",\r\n            \"Biriyani & Rice Varieties (All from both menus)\",\r\n            \"Breads (All varieties)\"\r\n          ]\r\n        },\r\n        {\r\n          key: \"accompaniments\",\r\n          title: \"Accompaniments\",\r\n          note: \"Essential sides that complete the lunch menu.\",\r\n          items: [\r\n            \"Curd Onion Pachadi\",\r\n            \"Brinjal Gravy\",\r\n            \"Dhalcha\",\r\n            \"Pickle\",\r\n            \"Appalam\",\r\n            \"Tandoori papad\",\r\n            \"Veg Salad Varieties\"\r\n          ]\r\n        }\r\n      ];\r\n\r\n      const nav = root.querySelector(\"#lcmSidebarNav\");\r\n      const grid = root.querySelector(\"#lcmCardsGrid\");\r\n      const title = root.querySelector(\"#lcmCurrentTitle\");\r\n      const note = root.querySelector(\"#lcmCurrentNote\");\r\n      const counter = root.querySelector(\"#lcmCounter\");\r\n      const selectedWrap = root.querySelector(\"#lcmSelectedWrap\");\r\n      const sendBtn = root.querySelector(\"#lcmSendBtn\");\r\n\r\n      let activeKey = categories[0].key;\r\n      const selectedItems = new Set();\r\n\r\n      function getDishImage(item) {\r\n        return dishImages[item] || fallbackImage;\r\n      }\r\n\r\n      function renderNav() {\r\n        nav.innerHTML = \"\";\r\n        categories.forEach((cat) => {\r\n          const btn = document.createElement(\"button\");\r\n          btn.type = \"button\";\r\n          btn.className = \"lcm-nav-btn\" + (cat.key === activeKey ? \" is-active\" : \"\");\r\n          btn.textContent = cat.title;\r\n          btn.addEventListener(\"click\", () => {\r\n            activeKey = cat.key;\r\n            renderNav();\r\n            renderGrid();\r\n          });\r\n          nav.appendChild(btn);\r\n        });\r\n      }\r\n\r\n      function renderGrid() {\r\n        const cat = categories.find((c) => c.key === activeKey);\r\n        if (!cat) return;\r\n\r\n        title.textContent = cat.title;\r\n        note.textContent = cat.note;\r\n        grid.innerHTML = \"\";\r\n\r\n        cat.items.forEach((item) => {\r\n          const card = document.createElement(\"article\");\r\n          card.className = \"lcm-card\";\r\n\r\n          card.innerHTML = `\r\n            <div class=\"lcm-img-wrap\">\r\n              <img decoding=\"async\" src=\"${getDishImage(item)}\" alt=\"${item}\">\r\n            <\/div>\r\n            <div class=\"lcm-card-body\">\r\n              <h4 class=\"lcm-item-name\">${item}<\/h4>\r\n              <label class=\"lcm-check\">\r\n                <input type=\"checkbox\" data-item=\"${item}\">\r\n                <span>Select this dish<\/span>\r\n              <\/label>\r\n            <\/div>\r\n          `;\r\n\r\n          const checkbox = card.querySelector('input[type=\"checkbox\"]');\r\n          checkbox.checked = selectedItems.has(item);\r\n          checkbox.addEventListener(\"change\", function () {\r\n            if (this.checked) {\r\n              selectedItems.add(item);\r\n            } else {\r\n              selectedItems.delete(item);\r\n            }\r\n            renderSelected();\r\n            updateCounter();\r\n          });\r\n\r\n          grid.appendChild(card);\r\n        });\r\n      }\r\n\r\n      function updateCounter() {\r\n        const count = selectedItems.size;\r\n        counter.textContent = count + (count === 1 ? \" dish selected\" : \" dishes selected\");\r\n      }\r\n\r\n      function renderSelected() {\r\n        if (selectedItems.size === 0) {\r\n          selectedWrap.innerHTML = '<p class=\"lcm-empty\">No dishes selected yet.<\/p>';\r\n          return;\r\n        }\r\n\r\n        const list = document.createElement(\"ol\");\r\n        list.className = \"lcm-selected-list\";\r\n\r\n        Array.from(selectedItems).sort().forEach((item) => {\r\n          const li = document.createElement(\"li\");\r\n          li.textContent = item;\r\n          list.appendChild(li);\r\n        });\r\n\r\n        selectedWrap.innerHTML = \"\";\r\n        selectedWrap.appendChild(list);\r\n      }\r\n\r\n      sendBtn.addEventListener(\"click\", function () {\r\n        const name = root.querySelector(\"#lcmName\").value.trim();\r\n        const phone = root.querySelector(\"#lcmPhone\").value.trim();\r\n        const guests = root.querySelector(\"#lcmGuests\").value.trim();\r\n        const date = root.querySelector(\"#lcmDate\").value;\r\n        const notes = root.querySelector(\"#lcmNotes\").value.trim();\r\n\r\n        if (!name || !phone || !guests || !date) {\r\n          alert(\"Please fill name, phone, guest count, and date.\");\r\n          return;\r\n        }\r\n\r\n        if (selectedItems.size === 0) {\r\n          alert(\"Please select at least one dish.\");\r\n          return;\r\n        }\r\n\r\n        const selectedText = Array.from(selectedItems)\r\n          .map((item, i) => `${i + 1}. ${item}`)\r\n          .join(\"\\n\");\r\n\r\n        const message =\r\n          \"Hello Kaanavoor Caterers,\\n\\n\" +\r\n          \"I would like to enquire about the Lunch Menu.\\n\\n\" +\r\n          \"Name: \" + name + \"\\n\" +\r\n          \"Phone: \" + phone + \"\\n\" +\r\n          \"Guest Count: \" + guests + \"\\n\" +\r\n          \"Event Date: \" + date + \"\\n\" +\r\n          (notes ? \"Notes: \" + notes + \"\\n\" : \"\") +\r\n          \"\\nSelected Dishes:\\n\" + selectedText;\r\n\r\n        const url = \"https:\/\/wa.me\/\" + WHATSAPP_NUMBER + \"?text=\" + encodeURIComponent(message);\r\n        window.open(url, \"_blank\");\r\n      });\r\n\r\n      renderNav();\r\n      renderGrid();\r\n      renderSelected();\r\n      updateCounter();\r\n    })();\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Lunch Menu Choose a sub category from the left. Click dishes to select them. Your selected dishes can be sent directly on WhatsApp. Menu Categories Starters Select dishes from this sub category. 0 dishes selected Selected Dishes No dishes selected yet. Send on WhatsApp Send Selected Dishes WhatsApp will open with your selected dishes for [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6509","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/primepile.in\/kaanavoor\/wp-json\/wp\/v2\/pages\/6509","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/primepile.in\/kaanavoor\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/primepile.in\/kaanavoor\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/primepile.in\/kaanavoor\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/primepile.in\/kaanavoor\/wp-json\/wp\/v2\/comments?post=6509"}],"version-history":[{"count":22,"href":"https:\/\/primepile.in\/kaanavoor\/wp-json\/wp\/v2\/pages\/6509\/revisions"}],"predecessor-version":[{"id":7446,"href":"https:\/\/primepile.in\/kaanavoor\/wp-json\/wp\/v2\/pages\/6509\/revisions\/7446"}],"wp:attachment":[{"href":"https:\/\/primepile.in\/kaanavoor\/wp-json\/wp\/v2\/media?parent=6509"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}