{"id":6514,"date":"2026-03-17T11:35:30","date_gmt":"2026-03-17T11:35:30","guid":{"rendered":"https:\/\/primepile.in\/kaanavoor\/?page_id=6514"},"modified":"2026-04-11T17:25:57","modified_gmt":"2026-04-11T17:25:57","slug":"dinner-menu","status":"publish","type":"page","link":"https:\/\/primepile.in\/kaanavoor\/dinner-menu\/","title":{"rendered":"Dinner-Menu"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6514\" class=\"elementor elementor-6514\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a61289 e-flex e-con-boxed e-con e-parent \" data-id=\"4a61289\" 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-afb7f05 elementor-widget elementor-widget-html\" data-id=\"afb7f05\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"dcm-interactive-board\">\r\n  <style>\r\n    .dcm-interactive-board,\r\n    .dcm-interactive-board * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .dcm-interactive-board {\r\n      --dcm-bg: #f6f2ed;\r\n      --dcm-card: #ece7df;\r\n      --dcm-white: #ffffff;\r\n      --dcm-text: #2d241d;\r\n      --dcm-muted: #6f6258;\r\n      --dcm-accent: #6d2c94;\r\n      --dcm-border: #e2d8cd;\r\n      font-family: \"Noto Sans Elbasan\", sans-serif;\r\n      background: var(--dcm-bg);\r\n      padding: 28px 16px;\r\n      width: 100%;\r\n      color: var(--dcm-text);\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-shell {\r\n      max-width: 1240px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-head {\r\n      text-align: center;\r\n      margin-bottom: 24px;\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-title {\r\n      margin: 0 0 8px;\r\n      font-size: 34px;\r\n      line-height: 1.15;\r\n      color: var(--dcm-accent);\r\n      font-weight: 700;\r\n      font-family: \"Noto Sans Elbasan\", sans-serif;\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-subtitle {\r\n      margin: 0;\r\n      font-family: \"Noto Sans Elbasan\", sans-serif;\r\n      color: var(--dcm-muted);\r\n      font-size: 15px;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-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    .dcm-interactive-board .dcm-sidebar {\r\n      background: rgba(255, 255, 255, 0.45);\r\n      border: 1px solid var(--dcm-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    .dcm-interactive-board .dcm-sidebar-title {\r\n      margin: 0 0 12px;\r\n      font-size: 18px;\r\n      color: var(--dcm-accent);\r\n      padding: 0 6px;\r\n      font-family: \"Noto Sans Elbasan\", sans-serif;\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-nav {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 8px;\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-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(--dcm-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    .dcm-interactive-board .dcm-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    .dcm-interactive-board .dcm-nav-btn:hover,\r\n    .dcm-interactive-board .dcm-nav-btn.is-active {\r\n      background: #b83baa;\r\n      color: #ffffff;\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-main {\r\n      min-width: 0;\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-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(--dcm-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    .dcm-interactive-board .dcm-current-title {\r\n      margin: 0;\r\n      font-size: 26px;\r\n      color: var(--dcm-accent);\r\n      font-family: \"Noto Sans Elbasan\", sans-serif;\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-current-note {\r\n      margin: 4px 0 0;\r\n      font-family: \"Noto Sans Elbasan\", sans-serif;\r\n      color: var(--dcm-muted);\r\n      font-size: 14px;\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-counter {\r\n      background: var(--dcm-white);\r\n      border: 1px solid var(--dcm-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(--dcm-muted);\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-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    .dcm-interactive-board .dcm-card {\r\n      background: var(--dcm-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    .dcm-interactive-board .dcm-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    .dcm-interactive-board .dcm-img-wrap {\r\n      aspect-ratio: 1 \/ 1;\r\n      overflow: hidden;\r\n      background: #ddd4ca;\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-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    .dcm-interactive-board .dcm-card-body {\r\n      padding: 14px 14px 16px;\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-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    .dcm-interactive-board .dcm-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(--dcm-muted);\r\n      cursor: pointer;\r\n      user-select: none;\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-check input {\r\n      width: 18px;\r\n      height: 18px;\r\n      accent-color: var(--dcm-accent);\r\n      cursor: pointer;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-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    .dcm-interactive-board .dcm-selected-box,\r\n    .dcm-interactive-board .dcm-form-box {\r\n      background: rgba(255, 255, 255, 0.55);\r\n      border: 1px solid var(--dcm-border);\r\n      border-radius: 20px;\r\n      padding: 18px;\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-box-title {\r\n      margin: 0 0 10px;\r\n      font-size: 20px;\r\n      color: var(--dcm-accent);\r\n      font-family: \"Noto Sans Elbasan\", sans-serif;\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-selected-list {\r\n      margin: 0;\r\n      padding-left: 18px;\r\n      font-family: \"Noto Sans Elbasan\", sans-serif;\r\n      color: var(--dcm-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    .dcm-interactive-board .dcm-empty {\r\n      font-family: \"Noto Sans Elbasan\", sans-serif;\r\n      color: var(--dcm-muted);\r\n      font-size: 14px;\r\n      margin: 0;\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-field {\r\n      margin-bottom: 10px;\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-field input,\r\n    .dcm-interactive-board .dcm-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    .dcm-interactive-board .dcm-field input:focus,\r\n    .dcm-interactive-board .dcm-field textarea:focus {\r\n      border-color: var(--dcm-accent);\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-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    .dcm-interactive-board .dcm-send-btn:hover {\r\n      background: #1fb75a;\r\n      transform: translateY(-2px);\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-help {\r\n      margin: 10px 0 0;\r\n      font-family: \"Noto Sans Elbasan\", sans-serif;\r\n      color: var(--dcm-muted);\r\n      font-size: 12px;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    \/* Back button styling *\/\r\n    .dcm-back-wrapper {\r\n      margin-top: 32px;\r\n      text-align: center;\r\n      padding-top: 16px;\r\n      border-top: 1px solid var(--dcm-border);\r\n    }\r\n\r\n    .dcm-back-wrapper .dcm-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    .dcm-back-wrapper .dcm-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      .dcm-interactive-board .dcm-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      .dcm-interactive-board .dcm-layout {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .dcm-interactive-board .dcm-sidebar {\r\n        position: static;\r\n      }\r\n\r\n      .dcm-interactive-board .dcm-nav {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      }\r\n\r\n      .dcm-interactive-board .dcm-bottom {\r\n        grid-template-columns: 1fr;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 620px) {\r\n      .dcm-interactive-board {\r\n        padding: 18px 12px;\r\n      }\r\n\r\n      .dcm-interactive-board .dcm-title {\r\n        font-size: 28px;\r\n      }\r\n\r\n      .dcm-interactive-board .dcm-current-title {\r\n        font-size: 22px;\r\n      }\r\n\r\n      .dcm-interactive-board .dcm-grid,\r\n      .dcm-interactive-board .dcm-nav {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .dcm-interactive-board .dcm-card {\r\n        border-radius: 18px;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"dcm-shell\">\r\n    <div class=\"dcm-head\">\r\n      <h2 class=\"dcm-title\">Dinner Menu<\/h2>\r\n      <p class=\"dcm-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=\"dcm-layout\">\r\n      <aside class=\"dcm-sidebar\">\r\n        <h3 class=\"dcm-sidebar-title\">Menu Categories<\/h3>\r\n        <div class=\"dcm-nav\" id=\"dcmSidebarNav\"><\/div>\r\n      <\/aside>\r\n\r\n      <div class=\"dcm-main\">\r\n        <div class=\"dcm-toolbar\">\r\n          <div>\r\n            <h3 class=\"dcm-current-title\" id=\"dcmCurrentTitle\">Starters<\/h3>\r\n            <p class=\"dcm-current-note\" id=\"dcmCurrentNote\">Select dishes from this sub category.<\/p>\r\n          <\/div>\r\n          <div class=\"dcm-counter\" id=\"dcmCounter\">0 dishes selected<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"dcm-grid\" id=\"dcmCardsGrid\"><\/div>\r\n\r\n        <div class=\"dcm-bottom\">\r\n          <div class=\"dcm-selected-box\">\r\n            <h3 class=\"dcm-box-title\">Selected Dishes<\/h3>\r\n            <div id=\"dcmSelectedWrap\">\r\n              <p class=\"dcm-empty\">No dishes selected yet.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"dcm-form-box\">\r\n            <h3 class=\"dcm-box-title\">Send on WhatsApp<\/h3>\r\n            <div class=\"dcm-field\">\r\n              <input type=\"text\" id=\"dcmName\" placeholder=\"Your full name\" \/>\r\n            <\/div>\r\n            <div class=\"dcm-field\">\r\n              <input type=\"tel\" id=\"dcmPhone\" placeholder=\"Phone number\" \/>\r\n            <\/div>\r\n            <div class=\"dcm-field\">\r\n              <input type=\"number\" id=\"dcmGuests\" placeholder=\"Guest count\" min=\"1\" \/>\r\n            <\/div>\r\n            <div class=\"dcm-field\">\r\n              <input type=\"date\" id=\"dcmDate\" \/>\r\n            <\/div>\r\n            <div class=\"dcm-field\">\r\n              <textarea id=\"dcmNotes\" rows=\"4\" placeholder=\"Additional notes (optional)\"><\/textarea>\r\n            <\/div>\r\n            <button type=\"button\" class=\"dcm-send-btn\" id=\"dcmSendBtn\">Send Selected Dishes<\/button>\r\n            <p class=\"dcm-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=\"dcm-back-wrapper\">\r\n      <a href=\"https:\/\/primepile.in\/kaanavoor\/menu\/\" class=\"dcm-back-footer-btn\" id=\"dcmBackButton\">\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(\".dcm-interactive-board\");\r\n      if (!root) return;\r\n\r\n      const WHATSAPP_NUMBER = \"919841577011\";\r\n      const fallbackImage = \"https:\/\/images.unsplash.com\/photo-1517244683847-7456b63c5969?auto=format&fit=crop&w=900&q=80\";\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\/gopi-manchurian-1.webp\",\r\n        \"Veg & Non-Veg Tandoori Items\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/veg-thandoori.webp\",\r\n        \"Chicken Tikka\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/chicken-tikka.webp\",\r\n        \"Chicken Kebabs\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/04\/Chicken-kebab.png\",\r\n        \"Mutton Kebabs\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/mutton-kebab.webp\",\r\n        \"Veg Kebabs\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/veg-kebab.webp\",\r\n        \"Veg Gravies (All from Veg Menu)\": \"https:\/\/images.unsplash.com\/photo-1631292784640-2b24be784d5d?auto=format&fit=crop&w=900&q=80\",\r\n        \"Non-Veg Gravies (All from Non-Veg Menu)\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/malay-chicken.webp\",\r\n        \"Biriyani & Rice Varieties (All from both menus)\": \"https:\/\/images.unsplash.com\/photo-1701579231305-d84d8af9a3fd?auto=format&fit=crop&w=900&q=80\",\r\n        \"Breads (All varieties)\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/chappathi.webp\",\r\n        \"All Accompaniments\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/chettni.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: \"tandoori-kebabs\",\r\n          title: \"Tandoori \/ Kebabs (Live Counter)\",\r\n          note: \"Fresh live-counter tandoori and kebab selections.\",\r\n          items: [\r\n            \"Veg & Non-Veg Tandoori Items\",\r\n            \"Chicken Tikka\",\r\n            \"Chicken Kebabs\",\r\n            \"Mutton Kebabs\",\r\n            \"Veg Kebabs\"\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 dinner 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 and salads that complete the dinner menu.\",\r\n          items: [\r\n            \"All Accompaniments\",\r\n            \"Veg Salad Varieties\"\r\n          ]\r\n        }\r\n      ];\r\n\r\n      const nav = root.querySelector(\"#dcmSidebarNav\");\r\n      const grid = root.querySelector(\"#dcmCardsGrid\");\r\n      const title = root.querySelector(\"#dcmCurrentTitle\");\r\n      const note = root.querySelector(\"#dcmCurrentNote\");\r\n      const counter = root.querySelector(\"#dcmCounter\");\r\n      const selectedWrap = root.querySelector(\"#dcmSelectedWrap\");\r\n      const sendBtn = root.querySelector(\"#dcmSendBtn\");\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 = \"dcm-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 = \"dcm-card\";\r\n\r\n          card.innerHTML = `\r\n            <div class=\"dcm-img-wrap\">\r\n              <img decoding=\"async\" src=\"${getDishImage(item)}\" alt=\"${item}\">\r\n            <\/div>\r\n            <div class=\"dcm-card-body\">\r\n              <h4 class=\"dcm-item-name\">${item}<\/h4>\r\n              <label class=\"dcm-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=\"dcm-empty\">No dishes selected yet.<\/p>';\r\n          return;\r\n        }\r\n\r\n        const list = document.createElement(\"ol\");\r\n        list.className = \"dcm-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(\"#dcmName\").value.trim();\r\n        const phone = root.querySelector(\"#dcmPhone\").value.trim();\r\n        const guests = root.querySelector(\"#dcmGuests\").value.trim();\r\n        const date = root.querySelector(\"#dcmDate\").value;\r\n        const notes = root.querySelector(\"#dcmNotes\").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 Dinner 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>Dinner 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-6514","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/primepile.in\/kaanavoor\/wp-json\/wp\/v2\/pages\/6514","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=6514"}],"version-history":[{"count":19,"href":"https:\/\/primepile.in\/kaanavoor\/wp-json\/wp\/v2\/pages\/6514\/revisions"}],"predecessor-version":[{"id":7637,"href":"https:\/\/primepile.in\/kaanavoor\/wp-json\/wp\/v2\/pages\/6514\/revisions\/7637"}],"wp:attachment":[{"href":"https:\/\/primepile.in\/kaanavoor\/wp-json\/wp\/v2\/media?parent=6514"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}