// MenuPanel.jsx — full-screen takeover with tabs + product grid
const MENU_DATA = {
  burger: {
    name: "Hamburger",
    groups: [
      { title: "Hamburger", items: [
        { n: "Hamburger 100g", p: "109,- / 118,-" },
        { n: "Hamburger 160g", p: "129,- / 140,-" },
        { n: "Hamburger 190g", p: "145,- / 158,-" },
        { n: "Jafs Burger 200g", p: "155,- / 168,-" },
        { n: "Jafs Burger 320g", p: "169,- / 184,-" },
        { n: "Jafs Burger 380g", p: "179,- / 195,-" },
        { n: "Vegetar Burger", p: "159,- / 173,-" },
        { n: "Kyllingburger", p: "145,- / 158,-" },
      ]},
      { title: "Hamburgermeny", items: [
        { n: "Hamburger 100g meny", d: "Med 0,5L drikke og pommes frites", p: "168,- / 183,-" },
        { n: "Hamburger 160g meny", d: "Med 0,5L drikke og pommes frites", p: "188,- / 204,-" },
        { n: "Hamburger 190g meny", d: "Med 0,5L drikke og pommes frites", p: "204,- / 222,-" },
        { n: "Jafs Burger 200g meny", d: "Med 0,5L drikke og pommes frites", p: "214,- / 233,-" },
        { n: "Jafs Burger 320g meny", d: "Med 0,5L drikke og pommes frites", p: "228,- / 248,-" },
        { n: "Jafs Burger 380g meny", d: "Med 0,5L drikke og pommes frites", p: "238,- / 259,-" },
        { n: "Vegetar Burger meny", d: "Med 0,5L drikke og pommes frites", p: "218,- / 237,-" },
        { n: "Kyllingburger meny", d: "Med 0,5L drikke og pommes frites", p: "204,- / 222,-" },
      ]},
    ],
  },
  pizza: { name: "Pizza", groups: [{ title: "Pizza", items: [
    { n: "1. Margarita", d: "Tomatsaus, ost", p: "Medium 179,- / 195,- · Stor 219,- / 238,-" },
    { n: "2. Biffmester'n", d: "Tomatsaus, hvitløk, ost, marinert biff, bacon", p: "Medium 209,- / 227,- · Stor 309,- / 336,-" },
    { n: "3. Jeløya Spesial", d: "Tomatsaus, ost, skinke, pepperoni, bacon, rødløk", p: "Medium 219,- / 238,- · Stor 319,- / 347,-" },
    { n: "4. Babben", d: "Tomatsaus, ost, kebabkjøtt, pommes frites, kebabsaus", p: "Medium 219,- / 238,- · Stor 319,- / 347,-" },
    { n: "5. Syden", d: "Tomatsaus, ost, skinke, pepperoni, ananas, oregano", p: "Medium 199,- / 216,- · Stor 289,- / 314,-" },
    { n: "6. Sjefen", d: "Tomatsaus, ost, løk, chorizo, marinert kylling, jalapeño", p: "Medium 209,- / 227,- · Stor 299,- / 325,-" },
    { n: "7. Petters favoritt", d: "Tomatsaus, ost, kjøttdeig, pepperoni, løk", p: "Medium 209,- / 227,- · Stor 299,- / 325,-" },
    { n: "8. Vegetaren", d: "Tomatsaus, ost, rødløk, paprika, sjampinjong, mais, feta ost", p: "Medium 199,- / 216,- · Stor 279,- / 303,-" },
    { n: "9. Jafs spesial", d: "Tomatsaus, ost, marinert kylling, løk, sjampinjong, mais", p: "Medium 209,- / 227,- · Stor 309,- / 336,-" },
    { n: "10. Din egen", d: "Sett sammen pizza etter eget ønske. Maks 5 valg", p: "Medium 219,- / 238,- · Stor 319,- / 347,-" },
    { n: "11. Kebabpizza", d: "Tomatsaus, ost, kebab, kebabsaus", p: "Medium 209,- / 227,- · Stor 299,- / 325,-" },
    { n: "12. Spicy fiesta", d: "Tacosaus, ost, tacokjøttdeig, løk, jalapeno, mais", p: "Medium 219,- / 238,- · Stor 309,- / 336,-" },
    { n: "13. Glutenfri", d: "Velg fra meny", p: "Medium 220,- · Spis her 239,-" },
  ]}]},
  kebab: { name: "Kebab", groups: [
    { title: "Kebab", items: [
      { n: "Kebab i pita", p: "139,- / 151,-" },
      { n: "Kebab i rull", p: "159,- / 173,-" },
      { n: "Kebabtallerken", p: "179,- / 195,-" },
      { n: "Kylling i pita", p: "149,- / 162,-" },
      { n: "Kylling i rull", p: "169,- / 184,-" },
      { n: "Kyllingtallerken", p: "189,- / 205,-" },
      { n: "Døner i pita", p: "149,- / 162,-" },
      { n: "Døner i rull", p: "169,- / 184,-" },
      { n: "Dønertallerken", p: "189,- / 205,-" },
    ]},
    { title: "Tillegg for pommes frites", items: [
      { n: "Pommes frites (tillegg)", p: "15,- / 17,-" },
    ]},
  ]},
  diverse: { name: "Diverse", groups: [
    { title: "Diverse retter", items: [
      { n: "Biffsnadder meny", d: "Med 0,5L drikke og pommes frites", p: "209,- / 227,-" },
      { n: "Løvstek meny", d: "Med 0,5L drikke og pommes frites", p: "175,- / 190,-" },
      { n: "Nuggets (8 stk) meny", d: "Med 0,5L drikke og pommes frites", p: "149,- / 162,-" },
      { n: "Fish & chips meny", d: "Med 0,5L drikke og pommes frites", p: "175,- / 190,-" },
      { n: "1/2 Grillet kylling meny", d: "Med 0,5L drikke og pommes frites", p: "175,- / 190,-" },
      { n: "Pommes frites", p: "39,- / 42,-" },
      { n: "Pommes frites stor", p: "59,- / 64,-" },
      { n: "Loaded fries m/ Cheddarsaus & Jalapeno", p: "79,- / 86,-" },
      { n: "Loaded fries m/ Cheddarsaus & Bacon", p: "99,- / 108,-" },
    ]},
    { title: "Barnemeny", items: [
      { n: "Hamburger m/ pommes frites", p: "119,- / 129,-" },
      { n: "Kyllingnuggets (6 stk) m/ pommes frites", p: "119,- / 129,-" },
    ]},
  ]},
  salat: { name: "Salat", groups: [{ title: "Salater", items: [
    { n: "Kebabsalat", p: "179,- / 195,-" },
    { n: "Kyllingsalat", p: "179,- / 195,-" },
    { n: "Hawaii salat", p: "159,- / 173,-" },
    { n: "Gresk salat", p: "169,- / 184,-" },
  ]}]},
  dessert: { name: "Dessert", groups: [{ title: "Desserter", items: [
    { n: "Softis", p: "55,- / 60,-" },
    { n: "Strøssel/saus", p: "5,- / 5,-" },
    { n: "Vaffel med softis", p: "55,- / 60,-" },
    { n: "Kuleis 1 kule", p: "35,- / 38,-" },
    { n: "Kuleis 2 kuler", p: "55,- / 60,-" },
    { n: "Kuleis 3 kuler", p: "60,- / 65,-" },
  ]}]},
  drikke: { name: "Drikke", groups: [{ title: "Drikke", items: [
    { n: "Flaske 0,5L + pant", p: "35,- / 38,-" },
    { n: "Flaske 1,5L", p: "65,- / 71,-" },
    { n: "Milkshake", p: "69,- / 75,-" },
    { n: "Monster + pant", p: "39,- / 42,-" },
  ]}]},
  tilbehor: { name: "Tilbehør", groups: [{ title: "Tilbehør", items: [
    { n: "Bacon", p: "19,- / 21,-" },
    { n: "Ost", p: "15,- / 16,-" },
    { n: "Glutenfri hamburger brød", p: "29,- / 32,-" },
    { n: "Ekstra kjøtt", p: "29,- / 32,-" },
    { n: "Ekstra saus", p: "15,- / 16,-" },
    { n: "Hvitløkssaus", p: "29,- / 32,-" },
    { n: "Rød saus", p: "29,- / 32,-" },
    { n: "Tilbud 2 stk saus", p: "49,- / 53,-" },
  ]}]},
};

function MenuPanel({ open, onClose }) {
  const [cat, setCat] = React.useState("burger");
  const data = MENU_DATA[cat];
  return (
    <div className={"jv-menu-panel" + (open ? " open" : "")}>
      <header className="jv-menu-header">
        <div className="l">
          <img src="assets/jafs-logo.png" alt="" />
          <span className="t">JAFS JELØYA</span>
        </div>
        <button className="jv-menu-close" onClick={onClose}>← Tilbake</button>
      </header>
      <div className="jv-menu-info">
        <span className="open">● ÅPENT</span>
        <span>📞 98 64 20 28</span>
        <span>📍 Gimleveien 5, Moss</span>
      </div>
      <div className="jv-menu-nav">
        {Object.entries(MENU_DATA).map(([k, v]) => (
          <button key={k} className={cat === k ? "active" : ""} onClick={() => setCat(k)}>{v.name}</button>
        ))}
      </div>
      <div className="jv-menu-content">
        {data.groups.map((g, gi) => (
          <div key={gi} style={{ marginBottom: 30 }}>
            <div className="jv-menu-section-t">{g.title}</div>
            <div className="jv-products">
              {g.items.map((it, i) => (
                <div key={i} className="jv-product">
                  <div className="n">{it.n}</div>
                  {it.d && <div className="d">{it.d}</div>}
                  <div className="pr">{it.p}</div>
                </div>
              ))}
            </div>
          </div>
        ))}
      </div>
    </div>
  );
}

window.MenuPanel = MenuPanel;