{"id":7394,"date":"2026-04-10T08:17:43","date_gmt":"2026-04-10T08:17:43","guid":{"rendered":"https:\/\/primepile.in\/kaanavoor\/?page_id=7394"},"modified":"2026-04-16T05:54:59","modified_gmt":"2026-04-16T05:54:59","slug":"breakfast-menus","status":"publish","type":"page","link":"https:\/\/primepile.in\/kaanavoor\/breakfast-menus\/","title":{"rendered":"Breakfast-menus"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7394\" class=\"elementor elementor-7394\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d56adf7 e-con-full e-flex e-con e-parent \" data-id=\"d56adf7\" data-element_type=\"container\" data-e-type=\"container\">\t\t<div class=\"elementor-element elementor-element-5585a29 elementor-widget elementor-widget-html\" data-id=\"5585a29\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"bfm-interactive-board\">\r\n  <style>\r\n    .bfm-interactive-board,\r\n    .bfm-interactive-board * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .bfm-interactive-board {\r\n      --bfm-bg: #f6f2ed;\r\n      --bfm-card: #ece7df;\r\n      --bfm-white: #ffffff;\r\n      --bfm-text: #2d241d;\r\n      --bfm-muted: #6f6258;\r\n      --bfm-accent: #6d2c94;\r\n      --bfm-border: #e2d8cd;\r\n      font-family: \"Noto Sans Elbasan\", sans-serif;\r\n      background: var(--bfm-bg);\r\n      padding: 28px 16px;\r\n      width: 100%;\r\n      color: var(--bfm-text);\r\n    }\r\n\r\n    .bfm-interactive-board .bfm-shell {\r\n      max-width: 1240px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .bfm-interactive-board .bfm-head {\r\n      text-align: center;\r\n      margin-bottom: 24px;\r\n    }\r\n\r\n    .bfm-interactive-board .bfm-title {\r\n      margin: 0 0 8px;\r\n      font-size: 34px;\r\n      line-height: 1.15;\r\n      color: var(--bfm-accent);\r\n      font-weight: 700;\r\n      font-family: \"Noto Sans Elbasan\", sans-serif;\r\n    }\r\n\r\n    .bfm-interactive-board .bfm-subtitle {\r\n      margin: 0;\r\n      font-family: \"Noto Sans Elbasan\", sans-serif;\r\n      color: var(--bfm-muted);\r\n      font-size: 15px;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    .bfm-interactive-board .bfm-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    .bfm-interactive-board .bfm-sidebar {\r\n      background: rgba(255, 255, 255, 0.45);\r\n      border: 1px solid var(--bfm-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    .bfm-interactive-board .bfm-sidebar-title {\r\n      margin: 0 0 12px;\r\n      font-size: 18px;\r\n      color: var(--bfm-accent);\r\n      padding: 0 6px;\r\n      font-family: \"Noto Sans Elbasan\", sans-serif;\r\n    }\r\n\r\n    .bfm-interactive-board .bfm-nav {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 8px;\r\n    }\r\n\r\n    .bfm-interactive-board .bfm-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(--bfm-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    .bfm-interactive-board .bfm-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    .bfm-interactive-board .bfm-nav-btn:hover,\r\n    .bfm-interactive-board .bfm-nav-btn.is-active {\r\n      background: #b83baa;\r\n      color: #ffffff;\r\n    }\r\n\r\n    .bfm-interactive-board .bfm-main {\r\n      min-width: 0;\r\n    }\r\n\r\n    .bfm-interactive-board .bfm-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(--bfm-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    .bfm-interactive-board .bfm-current-title {\r\n      margin: 0;\r\n      font-size: 26px;\r\n      color: var(--bfm-accent);\r\n      font-family: \"Noto Sans Elbasan\", sans-serif;\r\n    }\r\n\r\n    .bfm-interactive-board .bfm-current-note {\r\n      margin: 4px 0 0;\r\n      font-family: \"Noto Sans Elbasan\", sans-serif;\r\n      color: var(--bfm-muted);\r\n      font-size: 14px;\r\n    }\r\n\r\n    .bfm-interactive-board .bfm-counter {\r\n      background: var(--bfm-white);\r\n      border: 1px solid var(--bfm-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(--bfm-muted);\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .bfm-interactive-board .bfm-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    .bfm-interactive-board .bfm-card {\r\n      background: var(--bfm-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    .bfm-interactive-board .bfm-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    .bfm-interactive-board .bfm-img-wrap {\r\n      aspect-ratio: 1 \/ 1;\r\n      overflow: hidden;\r\n      background: #ddd4ca;\r\n    }\r\n\r\n    .bfm-interactive-board .bfm-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    .bfm-interactive-board .bfm-card-body {\r\n      padding: 14px 14px 16px;\r\n    }\r\n\r\n    .bfm-interactive-board .bfm-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    .bfm-interactive-board .bfm-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(--bfm-muted);\r\n      cursor: pointer;\r\n      user-select: none;\r\n    }\r\n\r\n    .bfm-interactive-board .bfm-check input {\r\n      width: 18px;\r\n      height: 18px;\r\n      accent-color: var(--bfm-accent);\r\n      cursor: pointer;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .bfm-interactive-board .bfm-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    .bfm-interactive-board .bfm-selected-box,\r\n    .bfm-interactive-board .bfm-form-box {\r\n      background: rgba(255, 255, 255, 0.55);\r\n      border: 1px solid var(--bfm-border);\r\n      border-radius: 20px;\r\n      padding: 18px;\r\n    }\r\n\r\n    .bfm-interactive-board .bfm-box-title {\r\n      margin: 0 0 10px;\r\n      font-size: 20px;\r\n      color: var(--bfm-accent);\r\n      font-family: \"Noto Sans Elbasan\", sans-serif;\r\n    }\r\n\r\n    .bfm-interactive-board .bfm-selected-list {\r\n      margin: 0;\r\n      padding-left: 18px;\r\n      font-family: \"Noto Sans Elbasan\", sans-serif;\r\n      color: var(--bfm-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    .bfm-interactive-board .bfm-empty {\r\n      font-family: \"Noto Sans Elbasan\", sans-serif;\r\n      color: var(--bfm-muted);\r\n      font-size: 14px;\r\n      margin: 0;\r\n    }\r\n\r\n    .bfm-interactive-board .bfm-field {\r\n      margin-bottom: 10px;\r\n    }\r\n\r\n    .bfm-interactive-board .bfm-field input,\r\n    .bfm-interactive-board .bfm-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    .bfm-interactive-board .bfm-field input:focus,\r\n    .bfm-interactive-board .bfm-field textarea:focus {\r\n      border-color: var(--bfm-accent);\r\n    }\r\n\r\n    .bfm-interactive-board .bfm-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    .bfm-interactive-board .bfm-send-btn:hover {\r\n      background: #1fb75a;\r\n      transform: translateY(-2px);\r\n    }\r\n\r\n    .bfm-interactive-board .bfm-help {\r\n      margin: 10px 0 0;\r\n      font-family: \"Noto Sans Elbasan\", sans-serif;\r\n      color: var(--bfm-muted);\r\n      font-size: 12px;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    \/* Back button styling *\/\r\n    .bfm-back-wrapper {\r\n      margin-top: 32px;\r\n      text-align: center;\r\n      padding-top: 16px;\r\n      border-top: 1px solid var(--bfm-border);\r\n    }\r\n\r\n    .bfm-back-wrapper .bfm-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    .bfm-back-wrapper .bfm-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      .bfm-interactive-board .bfm-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      .bfm-interactive-board .bfm-layout {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .bfm-interactive-board .bfm-sidebar {\r\n        position: static;\r\n      }\r\n\r\n      .bfm-interactive-board .bfm-nav {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      }\r\n\r\n      .bfm-interactive-board .bfm-bottom {\r\n        grid-template-columns: 1fr;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 620px) {\r\n      .bfm-interactive-board {\r\n        padding: 18px 12px;\r\n      }\r\n\r\n      .bfm-interactive-board .bfm-title {\r\n        font-size: 28px;\r\n      }\r\n\r\n      .bfm-interactive-board .bfm-current-title {\r\n        font-size: 22px;\r\n      }\r\n\r\n      .bfm-interactive-board .bfm-grid,\r\n      .bfm-interactive-board .bfm-nav {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .bfm-interactive-board .bfm-card {\r\n        border-radius: 18px;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"bfm-shell\">\r\n    <div class=\"bfm-head\">\r\n      <h2 class=\"bfm-title\">Breakfast Menu<\/h2>\r\n      <p class=\"bfm-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=\"bfm-layout\">\r\n      <aside class=\"bfm-sidebar\">\r\n        <h3 class=\"bfm-sidebar-title\">Menu Categories<\/h3>\r\n        <div class=\"bfm-nav\" id=\"bfmSidebarNav\"><\/div>\r\n      <\/aside>\r\n\r\n      <div class=\"bfm-main\">\r\n        <div class=\"bfm-toolbar\">\r\n          <div>\r\n            <h3 class=\"bfm-current-title\" id=\"bfmCurrentTitle\">South Indian Breakfast<\/h3>\r\n            <p class=\"bfm-current-note\" id=\"bfmCurrentNote\">Select dishes from this sub category.<\/p>\r\n          <\/div>\r\n          <div class=\"bfm-counter\" id=\"bfmCounter\">0 dishes selected<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"bfm-grid\" id=\"bfmCardsGrid\"><\/div>\r\n\r\n        <div class=\"bfm-bottom\">\r\n          <div class=\"bfm-selected-box\">\r\n            <h3 class=\"bfm-box-title\">Selected Dishes<\/h3>\r\n            <div id=\"bfmSelectedWrap\">\r\n              <p class=\"bfm-empty\">No dishes selected yet.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"bfm-form-box\">\r\n            <h3 class=\"bfm-box-title\">Send on WhatsApp<\/h3>\r\n            <div class=\"bfm-field\">\r\n              <input type=\"text\" id=\"bfmName\" placeholder=\"Your full name\" \/>\r\n            <\/div>\r\n            <div class=\"bfm-field\">\r\n              <input type=\"tel\" id=\"bfmPhone\" placeholder=\"Phone number\" \/>\r\n            <\/div>\r\n            <div class=\"bfm-field\">\r\n              <input type=\"number\" id=\"bfmGuests\" placeholder=\"Guest count\" min=\"1\" \/>\r\n            <\/div>\r\n            <div class=\"bfm-field\">\r\n              <input type=\"date\" id=\"bfmDate\" \/>\r\n            <\/div>\r\n            <div class=\"bfm-field\">\r\n              <textarea id=\"bfmNotes\" rows=\"4\" placeholder=\"Additional notes (optional)\"><\/textarea>\r\n            <\/div>\r\n            <button type=\"button\" class=\"bfm-send-btn\" id=\"bfmSendBtn\">Send Selected Dishes<\/button>\r\n            <p class=\"bfm-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=\"bfm-back-wrapper\">\r\n      <a href=\"https:\/\/primepile.in\/kaanavoor\/menu\/\" class=\"bfm-back-footer-btn\" id=\"bfmBackButton\">\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(\".bfm-interactive-board\");\r\n      if (!root) return;\r\n\r\n      const WHATSAPP_NUMBER = \"919841577011\";\r\n      const fallbackImage = \"https:\/\/source.unsplash.com\/600x600\/?south-indian-breakfast\";\r\n\r\n      const dishImages = {\r\n  \"Idly\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/Kushboo-Idly.webp\",\r\n  \"Kushboo Idly\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/04\/idli.webp\",\r\n  \"Podi Idly\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/Podi-Idly.webp\",\r\n  \"Thattu Idly\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/Thattu-Idly.webp\",\r\n  \"Dosa Varieties\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-16-at-11.20.54-AM.jpeg\",\r\n  \"Idiappam\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/Idiappam.webp\",\r\n  \"Aappam\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/04\/Aappam.webp\",\r\n  \"Poori\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/poori.webp\",\r\n  \"Kichadi\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/04\/kichadi.png\",\r\n  \"Upma\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/Upma.webp\",\r\n  \"Pongal\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/04\/pongal.png\",\r\n    \"Oothapam\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-13-at-3.22.03-PM.jpeg\",  \/\/ \u2705 \r\n  \"Sweet Pongal\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/sweet-ponga.webp\",\r\n  \"Kozhukattai Varieties\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/Kozhukattai-Varieties.webp\",\r\n  \"Medhu vada\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/Vada-Varieties.webp\",\r\n  \"Paruppu Vada\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/04\/parupu-vada-1.webp\",\r\n  \"Chutney & Pachadi Varieties\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/chettni.webp\",\r\n  \"Chutney Varieties\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/chutny.webp\",\r\n  \"idly\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/Kushboo-Idly.webp\",\r\n  \r\n  \"Kushboo idly\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/04\/idli.webp\",\r\n   \"Dosa-varieties\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-13-at-3.22.03-PM.jpeg\",\r\n  \"Oothapam\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/04\/oothapam.png\",\r\n  \"kathirikka pachadi\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/brinjal-gravy.webp\",\/\/ \u2705 Fixed - correct key\r\n  \"Pachadi Varieties\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/pachedi.webp\"\r\n};\r\n\r\n      const categories = [\r\n        {\r\n          key: \"south-indian-breakfast\",\r\n          title: \"South Indian Breakfast\",\r\n          note: \"Traditional breakfast favorites served fresh and hot.\",\r\n          items: [\r\n            \"Kushboo Idly\",\r\n            \"Idly\",\r\n            \"Podi Idly\",\r\n            \"Thattu Idly\",\r\n            \"Dosa Varieties\",\r\n            \"Idiappam\",\r\n            \"Aappam\",\r\n            \"Poori\",\r\n            \"Kichadi\",\r\n            \"Upma\",\r\n            \"Oothapam\",\r\n            \"Pongal\",\r\n            \"Sweet Pongal\",\r\n            \"Kozhukattai Varieties\",\r\n            \"Medhu vada\",\r\n            \"Paruppu Vada\"\r\n          ]\r\n        },\r\n        {\r\n          key: \"idly-varieties\",\r\n          title: \"Idly Varieties\",\r\n          note: \"Soft and fluffy idly varieties for a classic breakfast spread.\",\r\n          items: [\r\n            \"Idly\",\r\n            \"Kushboo Idly\",\r\n            \"Podi Idly\",\r\n            \"Thattu Idly\"\r\n          ]\r\n        },\r\n        {\r\n          key: \"dosa-varieties\",\r\n          title: \"Dosa Varieties\",\r\n          note: \"Crispy dosa options for all kinds of breakfast menus.\",\r\n          items: [\r\n            \"Dosa Varieties\",\r\n            \"Oothapam\"\r\n          ]\r\n        },\r\n        {\r\n          key: \"tiffin-specials\",\r\n          title: \"Tiffin Specials\",\r\n          note: \"Popular tiffin dishes that complete the breakfast menu.\",\r\n          items: [\r\n            \"Kushboo Idly\",\r\n            \"Idly\",\r\n            \"Podi Idly\",\r\n            \"Thattu Idly\",\r\n            \"Dosa Varieties\",\r\n            \"Oothapam\",\r\n            \"Idiappam\",\r\n            \"Aappam\",\r\n            \"Poori\",\r\n            \"Kichadi\",\r\n            \"Upma\",\r\n            \r\n            \"Pongal\",\r\n            \"Sweet Pongal\",\r\n            \"Kozhukattai Varieties\",\r\n            \"Medhu vada\",\r\n            \"Paruppu Vada\"\r\n          ]\r\n        },\r\n        {\r\n          key: \"chutney-pachadi\",\r\n          title: \"Chutney & Pachadi Varieties\",\r\n          note: \"Flavorful sides to pair with every breakfast dish.\",\r\n          items: [\r\n            \"Chutney & Pachadi Varieties\",\r\n            \"Chutney Varieties\",\r\n            \"Pachadi Varieties\",\r\n            \"kathirikka pachadi\"\r\n          ]\r\n        }\r\n      ];\r\n\r\n      const nav = root.querySelector(\"#bfmSidebarNav\");\r\n      const grid = root.querySelector(\"#bfmCardsGrid\");\r\n      const title = root.querySelector(\"#bfmCurrentTitle\");\r\n      const note = root.querySelector(\"#bfmCurrentNote\");\r\n      const counter = root.querySelector(\"#bfmCounter\");\r\n      const selectedWrap = root.querySelector(\"#bfmSelectedWrap\");\r\n      const sendBtn = root.querySelector(\"#bfmSendBtn\");\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 = \"bfm-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 = \"bfm-card\";\r\n\r\n          card.innerHTML = `\r\n            <div class=\"bfm-img-wrap\">\r\n              <img decoding=\"async\" src=\"${getDishImage(item)}\" alt=\"${item}\">\r\n            <\/div>\r\n            <div class=\"bfm-card-body\">\r\n              <h4 class=\"bfm-item-name\">${item}<\/h4>\r\n              <label class=\"bfm-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=\"bfm-empty\">No dishes selected yet.<\/p>';\r\n          return;\r\n        }\r\n\r\n        const list = document.createElement(\"ol\");\r\n        list.className = \"bfm-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(\"#bfmName\").value.trim();\r\n        const phone = root.querySelector(\"#bfmPhone\").value.trim();\r\n        const guests = root.querySelector(\"#bfmGuests\").value.trim();\r\n        const date = root.querySelector(\"#bfmDate\").value;\r\n        const notes = root.querySelector(\"#bfmNotes\").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 Breakfast 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<\/div>\r\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Breakfast Menu Choose a sub category from the left. Click dishes to select them. Your selected dishes can be sent directly on WhatsApp. Menu Categories South Indian Breakfast 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 [&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-7394","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/primepile.in\/kaanavoor\/wp-json\/wp\/v2\/pages\/7394","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=7394"}],"version-history":[{"count":64,"href":"https:\/\/primepile.in\/kaanavoor\/wp-json\/wp\/v2\/pages\/7394\/revisions"}],"predecessor-version":[{"id":7869,"href":"https:\/\/primepile.in\/kaanavoor\/wp-json\/wp\/v2\/pages\/7394\/revisions\/7869"}],"wp:attachment":[{"href":"https:\/\/primepile.in\/kaanavoor\/wp-json\/wp\/v2\/media?parent=7394"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}