{"id":12725,"date":"2026-02-15T20:38:08","date_gmt":"2026-02-15T20:38:08","guid":{"rendered":"https:\/\/www.minatti.group\/INK\/?p=12725"},"modified":"2026-02-15T22:55:48","modified_gmt":"2026-02-15T22:55:48","slug":"booking-002","status":"publish","type":"post","link":"https:\/\/www.minatti.group\/INK\/support\/movies-news\/booking-002\/","title":{"rendered":"BOOKING 002"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"12725\" class=\"elementor elementor-12725\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f006bc e-flex e-con-boxed e-con e-parent\" data-id=\"1f006bc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-54bea7b elementor-widget elementor-widget-html\" data-id=\"54bea7b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Elementor-safe: paste into an Elementor HTML widget -->\n<div id=\"hosp-os\">\n  <style>\n    \/* ==========================================================\n       MINATTGROUP DISCOUNT PARTY SERVICE (White-label)\n       - Elementor-safe (scoped)\n       - Manual Booking Mode + Director Panels + Invoice\n       - Live rates via YOUR backend endpoint (no scraping)\n       ========================================================== *\/\n\n    #hosp-os{\n      --bg0:#f6f7fb; --bg1:#eef1ff;\n      --panel: rgba(255,255,255,.82);\n      --panel2: rgba(255,255,255,.70);\n      --stroke: rgba(20,30,60,.14);\n      --stroke2: rgba(20,30,60,.10);\n      --text:#0b1020; --muted:#44507a;\n\n      --accent:#ff2fb3;      \/* HOT PINK for PRIMARY *\/\n      --accent2:#2E7BFF;\n      --good:#10b981; --warn:#f59e0b; --bad:#ef4444;\n      --gold:#b89236;\n\n      --r:18px; --r2:24px;\n      --shadow: 0 28px 90px rgba(10,18,40,.14);\n      --shadow2: 0 18px 50px rgba(10,18,40,.12);\n      --mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\"Courier New\", monospace;\n      --sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;\n\n      width:100%;\n      color:var(--text);\n      font-family:var(--sans);\n    }\n    #hosp-os, #hosp-os *{ box-sizing:border-box; }\n    #hosp-os a{ color:inherit; text-decoration:none; }\n    #hosp-os button, #hosp-os input, #hosp-os select, #hosp-os textarea{ font:inherit; }\n\n    \/* ---------- Theme presets (switcher sets data-theme) ---------- *\/\n    #hosp-os[data-theme=\"cloud\"]{\n      --bg0:#f6f7fb; --bg1:#eef1ff;\n      --panel: rgba(255,255,255,.84);\n      --panel2: rgba(255,255,255,.72);\n      --stroke: rgba(20,30,60,.14);\n      --stroke2: rgba(20,30,60,.10);\n      --text:#0b1020; --muted:#44507a;\n    }\n    #hosp-os[data-theme=\"sand\"]{\n      --bg0:#faf7f2; --bg1:#f2eadf;\n      --panel: rgba(255,255,255,.82);\n      --panel2: rgba(255,255,255,.70);\n      --stroke: rgba(70,50,20,.18);\n      --stroke2: rgba(70,50,20,.12);\n      --text:#17110a; --muted:#5b4b3b;\n      --accent2:#2e7bff;\n    }\n    #hosp-os[data-theme=\"mint\"]{\n      --bg0:#f3fbf8; --bg1:#e9fff6;\n      --panel: rgba(255,255,255,.82);\n      --panel2: rgba(255,255,255,.70);\n      --stroke: rgba(12,60,40,.16);\n      --stroke2: rgba(12,60,40,.10);\n      --text:#06131a; --muted:#2a5b58;\n      --accent2:#00b2ff;\n    }\n    #hosp-os[data-theme=\"mono\"]{\n      --bg0:#f7f7f7; --bg1:#eeeeee;\n      --panel: rgba(255,255,255,.86);\n      --panel2: rgba(255,255,255,.74);\n      --stroke: rgba(10,10,10,.16);\n      --stroke2: rgba(10,10,10,.10);\n      --text:#090909; --muted:#434343;\n      --accent2:#111827;\n    }\n\n    \/* ---------- Layout ---------- *\/\n    #hosp-os .hos-app{\n      min-height: min(100vh, 1020px);\n      width:100%;\n      display:grid;\n      grid-template-columns: 330px 1fr;\n      grid-template-rows: 74px 1fr;\n      grid-template-areas: \"sidebar topbar\" \"sidebar main\";\n      border-radius: 22px;\n      overflow:hidden;\n      background:\n        radial-gradient(1000px 560px at 8% 8%, rgba(255,47,179,.12), transparent 60%),\n        radial-gradient(900px 520px at 92% 10%, rgba(46,123,255,.10), transparent 62%),\n        radial-gradient(900px 520px at 60% 92%, rgba(16,185,129,.08), transparent 62%),\n        linear-gradient(180deg, var(--bg0), var(--bg1));\n      border:1px solid var(--stroke2);\n      box-shadow: var(--shadow);\n    }\n    #hosp-os .hos-topbar{\n      grid-area:topbar;\n      position:sticky; top:0; z-index:20;\n      display:flex; align-items:center; justify-content:space-between; gap:12px;\n      padding:12px 16px;\n      background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.62));\n      border-bottom:1px solid var(--stroke2);\n      backdrop-filter: blur(14px);\n    }\n    #hosp-os .hos-sidebar{\n      grid-area:sidebar;\n      padding:16px 14px; overflow:auto;\n      border-right:1px solid var(--stroke2);\n      background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.52));\n      backdrop-filter: blur(14px);\n    }\n    #hosp-os .hos-main{\n      grid-area:main;\n      padding:16px;\n      overflow:auto;\n    }\n\n    \/* ---------- Brand + \u201cembossed\u201d feel ---------- *\/\n    #hosp-os .hos-brand{\n      display:flex; align-items:center; gap:12px;\n      padding:10px; border-radius:var(--r);\n      border:1px solid var(--stroke2);\n      background:\n        linear-gradient(180deg, rgba(255,255,255,.84), rgba(255,255,255,.62));\n      box-shadow:var(--shadow2);\n      position:sticky; top:8px; z-index:5;\n    }\n    #hosp-os .hos-mark{\n      width:46px; height:46px; border-radius:16px;\n      background:\n        radial-gradient(circle at 30% 30%, rgba(255,255,255,.95), rgba(255,255,255,.0) 55%),\n        linear-gradient(135deg, rgba(255,47,179,.96), rgba(46,123,255,.86));\n      border:1px solid rgba(0,0,0,.08);\n      box-shadow: 0 20px 60px rgba(255,47,179,.18);\n      position:relative; overflow:hidden;\n    }\n    #hosp-os .hos-mark:after{\n      content:\"\"; position:absolute; inset:-40%;\n      background: conic-gradient(from 190deg, rgba(255,255,255,0), rgba(255,255,255,.55), rgba(255,255,255,0));\n      transform: rotate(12deg); opacity:.35;\n    }\n    #hosp-os .hos-brand strong{ font-size:14px; letter-spacing:.35px; display:block; }\n    #hosp-os .hos-brand small{ display:block; font-size:12px; color:var(--muted); margin-top:2px; line-height:1.25; }\n\n    #hosp-os .hos-pill{\n      display:inline-flex; align-items:center; gap:8px;\n      padding:6px 10px; border-radius:999px;\n      border:1px solid var(--stroke2);\n      background: rgba(255,255,255,.72);\n      font-size:12px; font-weight:900;\n      color: rgba(11,16,32,.88);\n      white-space:nowrap;\n      box-shadow: 0 10px 22px rgba(10,18,40,.08);\n    }\n    #hosp-os .hos-dot{\n      width:8px; height:8px; border-radius:50%;\n      background:var(--good);\n      box-shadow:0 0 0 4px rgba(16,185,129,.16);\n    }\n\n    \/* ---------- Buttons (3D \/ embossed) ---------- *\/\n    #hosp-os .hos-btn{\n      border:1px solid var(--stroke2);\n      background:\n        linear-gradient(180deg, rgba(255,255,255,.86), rgba(255,255,255,.62));\n      color:var(--text);\n      padding:10px 12px; border-radius:14px;\n      cursor:pointer; font-weight:950;\n      transition: transform .16s ease, filter .16s ease, border-color .16s ease;\n      display:inline-flex; align-items:center; gap:8px; user-select:none;\n      box-shadow:\n        0 18px 36px rgba(10,18,40,.10),\n        inset 0 1px 0 rgba(255,255,255,.65);\n    }\n    #hosp-os .hos-btn:hover{ transform:translateY(-1px); border-color:var(--stroke); filter:saturate(1.05); }\n    #hosp-os .hos-btn:active{ transform:translateY(0px) scale(.99); }\n\n    #hosp-os .hos-btn.hos-primary{\n      background:\n        radial-gradient(circle at 20% 15%, rgba(255,255,255,.70), rgba(255,255,255,0) 45%),\n        linear-gradient(135deg, rgba(255,47,179,.95), rgba(255,98,205,.84));\n      border-color: rgba(255,47,179,.40);\n      box-shadow: 0 24px 70px rgba(255,47,179,.18);\n      color: rgba(12,10,18,.94);\n    }\n    #hosp-os .hos-btn.hos-blue{\n      background:\n        radial-gradient(circle at 20% 15%, rgba(255,255,255,.60), rgba(255,255,255,0) 45%),\n        linear-gradient(135deg, rgba(46,123,255,.92), rgba(0,178,255,.82));\n      border-color: rgba(46,123,255,.36);\n      box-shadow: 0 24px 70px rgba(46,123,255,.14);\n      color: rgba(6,10,18,.95);\n    }\n    #hosp-os .hos-btn.hos-danger{\n      background: linear-gradient(135deg, rgba(239,68,68,.92), rgba(244,63,94,.82));\n      border-color: rgba(239,68,68,.40);\n      color:#fff;\n    }\n\n    \/* ---------- Nav ---------- *\/\n    #hosp-os .hos-nav{ margin-top:14px; display:grid; gap:8px; }\n    #hosp-os .hos-nav a{\n      display:flex; align-items:center; justify-content:space-between; gap:10px;\n      padding:11px 12px; border-radius:14px;\n      border:1px solid transparent; opacity:.94;\n      transition: transform .16s ease, background .16s ease, border-color .16s ease, opacity .16s ease;\n      cursor:pointer;\n      background: rgba(255,255,255,.0);\n    }\n    #hosp-os .hos-nav a:hover{\n      transform:translateY(-1px);\n      background: rgba(255,255,255,.46);\n      border-color:var(--stroke2);\n      opacity:1;\n    }\n    #hosp-os .hos-nav a.hos-active{\n      background: rgba(255,255,255,.62);\n      border-color:var(--stroke);\n      opacity:1;\n    }\n    #hosp-os .hos-left{ display:flex; align-items:center; gap:10px; font-weight:950; letter-spacing:.2px; }\n    #hosp-os .hos-ico{\n      width:34px; height:34px; border-radius:14px; border:1px solid var(--stroke2);\n      background:\n        radial-gradient(circle at 30% 30%, rgba(255,255,255,.80), rgba(255,255,255,.0) 60%),\n        linear-gradient(180deg, rgba(255,255,255,.85), rgba(255,255,255,.55));\n      display:grid; place-items:center;\n      box-shadow: 0 10px 24px rgba(10,18,40,.10), inset 0 1px 0 rgba(255,255,255,.65);\n    }\n    #hosp-os .hos-badge{\n      font-size:12px; padding:4px 8px; border-radius:999px;\n      border:1px solid var(--stroke2);\n      background: rgba(255,255,255,.72);\n      color: rgba(11,16,32,.82);\n      font-family: var(--mono); white-space:nowrap;\n      box-shadow: 0 10px 20px rgba(10,18,40,.08);\n    }\n    #hosp-os .hos-badge.hot{\n      border-color: rgba(255,47,179,.40);\n      background: rgba(255,47,179,.12);\n      color: rgba(120,10,70,.95);\n    }\n\n    \/* ---------- Search ---------- *\/\n    #hosp-os .hos-search{\n      flex:1; max-width:860px; min-width:260px;\n      display:flex; align-items:center; gap:10px;\n      padding:10px 12px; border-radius:16px;\n      border:1px solid var(--stroke2);\n      background: rgba(255,255,255,.70);\n      box-shadow:var(--shadow2);\n    }\n    #hosp-os .hos-search input{\n      border:0; outline:none; background:transparent;\n      width:100%; color:var(--text); font-size:14px;\n    }\n\n    \/* ---------- Cards ---------- *\/\n    #hosp-os .hos-grid{ display:grid; grid-template-columns: 1.25fr .75fr; gap:14px; align-items:start; }\n    #hosp-os .hos-card{\n      border-radius:var(--r2);\n      border:1px solid var(--stroke2);\n      background:\n        radial-gradient(700px 260px at 20% 0%, rgba(255,47,179,.10), transparent 62%),\n        radial-gradient(700px 260px at 90% 10%, rgba(46,123,255,.08), transparent 65%),\n        linear-gradient(180deg, rgba(255,255,255,.84), rgba(255,255,255,.62));\n      box-shadow:var(--shadow);\n      overflow:hidden; position:relative;\n    }\n    #hosp-os .hos-cardHead{\n      padding:16px 18px;\n      border-bottom:1px solid var(--stroke2);\n      display:flex; align-items:flex-start; justify-content:space-between; gap:10px;\n    }\n    #hosp-os .hos-cardHead h1, #hosp-os .hos-cardHead h2, #hosp-os .hos-cardHead h3{ margin:0; letter-spacing:-.4px; }\n    #hosp-os .hos-cardHead h1{ font-size:22px; }\n    #hosp-os .hos-cardHead h2{ font-size:18px; }\n    #hosp-os .hos-cardHead h3{ font-size:15px; }\n    #hosp-os .hos-cardHead p{\n      margin:6px 0 0;\n      color:var(--muted);\n      line-height:1.45;\n      font-size:13.5px;\n      max-width:80ch;\n    }\n    #hosp-os .hos-cardBody{ padding:16px 18px 18px; }\n    #hosp-os .hos-hr{ height:1px; background:var(--stroke2); margin:12px 0; }\n\n    #hosp-os label{\n      font-size:12px; color: rgba(68,80,122,.96);\n      display:block; margin:0 0 6px;\n      font-weight:950; letter-spacing:.2px;\n    }\n    #hosp-os input, #hosp-os select, #hosp-os textarea{\n      width:100%;\n      border:1px solid var(--stroke2);\n      border-radius:14px;\n      padding:12px;\n      background: rgba(255,255,255,.78);\n      color:var(--text);\n      outline:none;\n      box-shadow: inset 0 1px 0 rgba(255,255,255,.65);\n      font-size:14px;\n    }\n    #hosp-os textarea{ min-height:110px; resize:vertical; }\n\n    #hosp-os .hos-row2{ display:grid; grid-template-columns: 1fr 1fr; gap:10px; }\n    #hosp-os .hos-row3{ display:grid; grid-template-columns: 1fr 1fr 1fr; gap:10px; }\n\n    #hosp-os table{ width:100%; border-collapse:collapse; }\n    #hosp-os th, #hosp-os td{\n      padding:10px 10px;\n      border-bottom:1px solid var(--stroke2);\n      vertical-align:top; text-align:left;\n    }\n    #hosp-os th{ font-size:12px; color:var(--muted); font-weight:1000; letter-spacing:.3px; }\n    #hosp-os td{ font-size:13.5px; }\n    #hosp-os .hos-note{ font-size:12.5px; color:var(--muted); line-height:1.5; }\n\n    #hosp-os .hos-toast{\n      position:fixed; left:50%; bottom:18px;\n      transform:translateX(-50%) translateY(10px);\n      opacity:0; pointer-events:none;\n      padding:10px 12px; border-radius:14px;\n      border:1px solid var(--stroke2);\n      background: rgba(255,255,255,.78);\n      box-shadow:var(--shadow);\n      backdrop-filter: blur(14px);\n      transition: opacity .18s ease, transform .18s ease;\n      max-width:min(920px, calc(100% - 22px));\n      text-align:center; font-weight:950;\n      z-index:999999;\n    }\n    #hosp-os .hos-toast.hos-show{ opacity:1; transform:translateX(-50%) translateY(0); }\n\n    #hosp-os .hos-kpi{ display:grid; grid-template-columns: repeat(4,1fr); gap:10px; margin-top:12px; }\n    #hosp-os .hos-kpi .hos-box{\n      border-radius:16px; border:1px solid var(--stroke2);\n      background: rgba(255,255,255,.68);\n      padding:12px;\n      box-shadow: 0 18px 34px rgba(10,18,40,.10), inset 0 1px 0 rgba(255,255,255,.65);\n    }\n    #hosp-os .hos-kpi .hos-big{ font-size:22px; font-weight:1000; letter-spacing:-.6px; }\n    #hosp-os .hos-kpi .hos-lbl{ color:var(--muted); font-size:12px; margin-top:2px; }\n\n    #hosp-os .hos-page[hidden]{ display:none !important; }\n\n    \/* ---------- Invoice modal ---------- *\/\n    #hosp-os .hos-modal{\n      position:fixed; inset:0; z-index:999998;\n      display:none; align-items:center; justify-content:center;\n      background: rgba(10,18,40,.35);\n      padding:16px;\n    }\n    #hosp-os .hos-modal.hos-open{ display:flex; }\n    #hosp-os .hos-modalCard{\n      width:min(980px, 100%);\n      border-radius: 22px;\n      border:1px solid var(--stroke2);\n      background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.78));\n      box-shadow: 0 40px 120px rgba(0,0,0,.25);\n      overflow:hidden;\n    }\n    #hosp-os .hos-modalTop{\n      padding:14px 16px;\n      display:flex; align-items:center; justify-content:space-between; gap:10px;\n      border-bottom:1px solid var(--stroke2);\n    }\n    #hosp-os .hos-invoice{\n      padding:18px;\n      font-family: var(--sans);\n      color:#0b1020;\n    }\n    #hosp-os .hos-invoice h2{ margin:0 0 8px; letter-spacing:-.3px; }\n    #hosp-os .hos-invoice .grid{\n      display:grid; grid-template-columns: 1fr 1fr;\n      gap:12px;\n      margin-top:12px;\n    }\n    #hosp-os .hos-invoice .box{\n      border:1px solid rgba(10,18,40,.14);\n      border-radius: 16px;\n      padding:12px;\n      background: rgba(255,255,255,.86);\n    }\n    #hosp-os .hos-invoice .k{ font-size:12px; color:#47507a; font-weight:900; letter-spacing:.2px; }\n    #hosp-os .hos-invoice .v{ margin-top:4px; font-weight:900; }\n    #hosp-os .hos-invoice table{ margin-top:12px; }\n    #hosp-os .hos-invoice .tot{\n      display:flex; justify-content:flex-end; margin-top:12px;\n      font-weight:1000;\n    }\n\n    @media (max-width: 1100px){\n      #hosp-os .hos-app{ grid-template-columns: 1fr; grid-template-areas:\"topbar\" \"main\"; grid-template-rows:74px 1fr; }\n      #hosp-os .hos-sidebar{ display:none; }\n      #hosp-os .hos-grid{ grid-template-columns: 1fr; }\n      #hosp-os .hos-kpi{ grid-template-columns: repeat(2,1fr); }\n      #hosp-os .hos-row2, #hosp-os .hos-row3{ grid-template-columns: 1fr; }\n      #hosp-os .hos-invoice .grid{ grid-template-columns: 1fr; }\n    }\n\n    \/* Print invoice only *\/\n    @media print{\n      body *{ visibility:hidden !important; }\n      #hosp-os .hos-modal.hos-open, #hosp-os .hos-modal.hos-open *{ visibility:visible !important; }\n      #hosp-os .hos-modal{ position:fixed !important; inset:0 !important; background:#fff !important; }\n      #hosp-os .hos-modalTop{ display:none !important; }\n      #hosp-os .hos-modalCard{ box-shadow:none !important; border:none !important; }\n    }\n  <\/style>\n\n  <div class=\"hos-app\">\n    <aside class=\"hos-sidebar\">\n      <div class=\"hos-brand\">\n        <div class=\"hos-mark\" aria-hidden=\"true\"><\/div>\n        <div>\n          <strong>MinattiGroup Discount Party Service<\/strong>\n          <small>Private Hospitality Console \u2022 Director\/Hotel Ops \u2022 White-label rates<\/small>\n        <\/div>\n      <\/div>\n\n      <div style=\"margin-top:14px; display:grid; gap:10px;\">\n        <div class=\"hos-card\" style=\"box-shadow:var(--shadow2)\">\n          <div class=\"hos-cardHead\">\n            <div>\n              <h3>Access & Theme<\/h3>\n              <p>Director sees sources + hotel contacts. Customer view is masked.<\/p>\n            <\/div>\n            <span class=\"hos-pill\"><span class=\"hos-dot\"><\/span> Private<\/span>\n          <\/div>\n          <div class=\"hos-cardBody\" style=\"display:grid; gap:10px;\">\n            <div class=\"hos-row2\">\n              <div>\n                <label>Role<\/label>\n                <select id=\"hos-roleSelect\">\n                  <option>Director<\/option>\n                  <option>Hotel Admin<\/option>\n                  <option>Front Desk<\/option>\n                  <option>Revenue Manager<\/option>\n                  <option>Support<\/option>\n                  <option>Customer (Masked)<\/option>\n                <\/select>\n              <\/div>\n              <div>\n                <label>Theme<\/label>\n                <select id=\"hos-themeSelect\">\n                  <option value=\"cloud\">Cloud Light<\/option>\n                  <option value=\"sand\">Sand Gold<\/option>\n                  <option value=\"mint\">Mint Ice<\/option>\n                  <option value=\"mono\">Mono Pro<\/option>\n                <\/select>\n              <\/div>\n            <\/div>\n            <div class=\"hos-row2\">\n              <div>\n                <label>Active Hotel<\/label>\n                <select id=\"hos-hotelSelect\"><\/select>\n              <\/div>\n              <div>\n                <label>Ops Mode<\/label>\n                <select id=\"hos-opsMode\">\n                  <option value=\"manual\" selected>Manual Booking Mode<\/option>\n                  <option value=\"api\">API Booking Mode (Backend)<\/option>\n                <\/select>\n              <\/div>\n            <\/div>\n            <button class=\"hos-btn hos-blue\" id=\"hos-saveCtxBtn\" type=\"button\">Save Context<\/button>\n            <div class=\"hos-note\">Theme applies instantly. Role gates features.<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <nav class=\"hos-nav\" id=\"hos-nav\" aria-label=\"Navigation\">\n        <a class=\"hos-active\" data-route=\"rates\"><span class=\"hos-left\"><span class=\"hos-ico\">\ud83d\udc97<\/span> Live Rates<\/span><span class=\"hos-badge hot\">PRIMARY<\/span><\/a>\n        <a data-route=\"manual-booking\"><span class=\"hos-left\"><span class=\"hos-ico\">\ud83e\uddfe<\/span> Manual Booking<\/span><span class=\"hos-badge\">INV<\/span><\/a>\n        <a data-route=\"search\"><span class=\"hos-left\"><span class=\"hos-ico\">\ud83d\udd0e<\/span> Unified Search<\/span><span class=\"hos-badge\">META<\/span><\/a>\n        <a data-route=\"bookings\"><span class=\"hos-left\"><span class=\"hos-ico\">\ud83d\udcc5<\/span> Booking Log<\/span><span class=\"hos-badge\" id=\"hos-bkBadge\">0<\/span><\/a>\n        <a data-route=\"audit\"><span class=\"hos-left\"><span class=\"hos-ico\">\ud83e\uddf7<\/span> Audit<\/span><span class=\"hos-badge\">LOG<\/span><\/a>\n        <a data-route=\"settings\"><span class=\"hos-left\"><span class=\"hos-ico\">\u2699\ufe0f<\/span> Settings<\/span><span class=\"hos-badge\">UI<\/span><\/a>\n        <a data-route=\"developer\"><span class=\"hos-left\"><span class=\"hos-ico\">\ud83e\uddea<\/span> Developer<\/span><span class=\"hos-badge\">DEV<\/span><\/a>\n      <\/nav>\n\n      <div class=\"hos-card\" style=\"margin-top:14px; box-shadow:var(--shadow2)\">\n        <div class=\"hos-cardHead\">\n          <div><h3>Quick<\/h3><p>Seed demo data if backend isn\u2019t connected.<\/p><\/div>\n          <span class=\"hos-pill\">Preview<\/span>\n        <\/div>\n        <div class=\"hos-cardBody\" style=\"display:flex; gap:10px; flex-wrap:wrap;\">\n          <button class=\"hos-btn\" id=\"hos-seedBtn\" type=\"button\">\ud83c\udf31 Seed<\/button>\n          <button class=\"hos-btn hos-danger\" id=\"hos-resetBtn\" type=\"button\">\u267b\ufe0f Reset<\/button>\n        <\/div>\n      <\/div>\n    <\/aside>\n\n    <header class=\"hos-topbar\">\n      <div style=\"display:flex; align-items:center; gap:10px; flex-wrap:wrap;\">\n        <span class=\"hos-pill\"><span class=\"hos-dot\"><\/span> White-label Console<\/span>\n        <span class=\"hos-pill\" id=\"hos-ctxPill\">Role: \u2014 \u2022 Hotel: \u2014 \u2022 Theme: \u2014<\/span>\n      <\/div>\n\n      <div class=\"hos-search\" role=\"search\">\n        <span style=\"opacity:.9\">\ud83d\udd0e<\/span>\n        <input id=\"hos-globalSearch\" placeholder=\"Search: confirmation #, guest, hotel\u2026\" \/>\n      <\/div>\n\n      <div style=\"display:flex; align-items:center; gap:10px; flex-wrap:wrap;\">\n        <button class=\"hos-btn hos-primary\" id=\"hos-liveBtn\" type=\"button\">\ud83d\udc97 Get Live Rates<\/button>\n        <button class=\"hos-btn\" id=\"hos-openManualBtn\" type=\"button\">\ud83e\uddfe Manual Booking<\/button>\n      <\/div>\n    <\/header>\n\n    <main class=\"hos-main\">\n      <!-- LIVE RATES -->\n      <section class=\"hos-page\" data-page=\"rates\">\n        <div class=\"hos-grid\">\n          <div class=\"hos-card\">\n            <div class=\"hos-cardHead\">\n              <div>\n                <h1>Live Rates (National)<\/h1>\n                <p>\n                  Uses your backend endpoint: <span style=\"font-family:var(--mono)\">\/api\/rates\/search<\/span>.\n                  If not available, falls back to demo. PRIMARY is hot pink (white-labeled).\n                <\/p>\n              <\/div>\n              <span class=\"hos-pill\">2026 Ready<\/span>\n            <\/div>\n            <div class=\"hos-cardBody\" style=\"display:grid; gap:12px;\">\n              <div class=\"hos-row3\">\n                <div><label>Where<\/label><input id=\"hos-city\" placeholder=\"City or location (e.g., Miami Beach)\" value=\"Miami Beach\" \/><\/div>\n                <div><label>Check-in<\/label><input id=\"hos-in\" type=\"date\" \/><\/div>\n                <div><label>Check-out<\/label><input id=\"hos-out\" type=\"date\" \/><\/div>\n              <\/div>\n              <div class=\"hos-row3\">\n                <div><label>Guests<\/label><input id=\"hos-guests\" type=\"number\" min=\"1\" value=\"2\" \/><\/div>\n                <div><label>Rooms<\/label><input id=\"hos-rooms\" type=\"number\" min=\"1\" value=\"1\" \/><\/div>\n                <div>\n                  <label>Provider<\/label>\n                  <select id=\"hos-provider\">\n                    <!-- WHITE-LABEL: do not reveal upstream brand -->\n                    <option value=\"primary\" selected>MinattiGroup Discount Party Service (PRIMARY)<\/option>\n                    <option value=\"expedia\">Expedia Rapid (if enabled)<\/option>\n                    <option value=\"booking\">Booking Demand API (if enabled)<\/option>\n                    <option value=\"direct\">Direct Hotel (manual)<\/option>\n                  <\/select>\n                <\/div>\n              <\/div>\n\n              <div style=\"display:flex; gap:10px; flex-wrap:wrap;\">\n                <button class=\"hos-btn hos-primary\" id=\"hos-searchBtn\" type=\"button\">\ud83d\udc97 Search Rates<\/button>\n                <button class=\"hos-btn\" id=\"hos-cacheBtn\" type=\"button\">\u2b07\ufe0f Cache Results<\/button>\n                <button class=\"hos-btn hos-blue\" id=\"hos-exportBtn\" type=\"button\">\ud83e\uddfe Create Manual Booking From Selected<\/button>\n              <\/div>\n\n              <div class=\"hos-hr\"><\/div>\n\n              <div class=\"hos-card\" style=\"box-shadow:var(--shadow2)\">\n                <div class=\"hos-cardHead\">\n                  <div><h2>Results<\/h2><p>Director sees hotel contact + exact source. Customer view masks it.<\/p><\/div>\n                  <span class=\"hos-pill\" id=\"hos-countPill\">0<\/span>\n                <\/div>\n                <div class=\"hos-cardBody\" style=\"overflow:auto\">\n                  <table>\n                    <thead>\n                      <tr>\n                        <th>Hotel<\/th><th>Room<\/th><th>Refund<\/th><th>Total<\/th><th>Nightly<\/th><th>Source<\/th><th><\/th>\n                      <\/tr>\n                    <\/thead>\n                    <tbody id=\"hos-rateTable\"><\/tbody>\n                  <\/table>\n                <\/div>\n              <\/div>\n\n              <div class=\"hos-note\">\n                Live pricing requires **contracted supplier access** (API keys\/server-side). Front-end does not scrape.\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- Director-only Supplier Contact Panel -->\n          <div class=\"hos-card\">\n            <div class=\"hos-cardHead\">\n              <div><h2>Director Panel<\/h2><p>Supplier + hotel contact details (RBAC).<\/p><\/div>\n              <span class=\"hos-pill\">Ops<\/span>\n            <\/div>\n            <div class=\"hos-cardBody\" style=\"display:grid; gap:10px;\">\n              <div class=\"hos-kpi\">\n                <div class=\"hos-box\"><div class=\"hos-big\" id=\"hos-kpiHotels\">0<\/div><div class=\"hos-lbl\">Hotels Loaded<\/div><\/div>\n                <div class=\"hos-box\"><div class=\"hos-big\" id=\"hos-kpiRates\">0<\/div><div class=\"hos-lbl\">Rates Cached<\/div><\/div>\n                <div class=\"hos-box\"><div class=\"hos-big\" id=\"hos-kpiInvoices\">0<\/div><div class=\"hos-lbl\">Invoices<\/div><\/div>\n                <div class=\"hos-box\"><div class=\"hos-big\" id=\"hos-kpiUpdates\">0<\/div><div class=\"hos-lbl\">Updates<\/div><\/div>\n              <\/div>\n              <div class=\"hos-hr\"><\/div>\n\n              <div class=\"hos-card\" style=\"box-shadow:var(--shadow2)\">\n                <div class=\"hos-cardHead\">\n                  <div><h3>Selected Offer<\/h3><p>One-click call & open official website (if available).<\/p><\/div>\n                  <span class=\"hos-pill\">Offer<\/span>\n                <\/div>\n                <div class=\"hos-cardBody\" style=\"display:grid; gap:10px;\">\n                  <div class=\"hos-note\" id=\"hos-offerNote\">No offer selected yet.<\/div>\n                  <div class=\"hos-row2\">\n                    <button class=\"hos-btn\" id=\"hos-callBtn\" type=\"button\">\ud83d\udcde Call Hotel<\/button>\n                    <button class=\"hos-btn hos-blue\" id=\"hos-openSiteBtn\" type=\"button\">\ud83c\udf10 Open Official Site<\/button>\n                  <\/div>\n                  <div class=\"hos-row2\">\n                    <button class=\"hos-btn hos-primary\" id=\"hos-startManualBtn\" type=\"button\">\ud83e\uddfe Start Manual Booking<\/button>\n                    <button class=\"hos-btn\" id=\"hos-copyDetailsBtn\" type=\"button\">\ud83d\udccb Copy Offer Details<\/button>\n                  <\/div>\n                  <div class=\"hos-note\" id=\"hos-directorOnlyNote\"><\/div>\n                <\/div>\n              <\/div>\n\n              <div class=\"hos-note\">\n                Director\/Hotel Admin sees full supplier + contacts. Customer view hides upstream source identity.\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/section>\n\n      <!-- MANUAL BOOKING -->\n      <section class=\"hos-page\" data-page=\"manual-booking\" hidden>\n        <div class=\"hos-card\">\n          <div class=\"hos-cardHead\">\n            <div>\n              <h1>Manual Booking Mode<\/h1>\n              <p>Use this after you book by phone or official website. Enter confirmation \u2192 generate invoice.<\/p>\n            <\/div>\n            <span class=\"hos-pill\">Invoice<\/span>\n          <\/div>\n          <div class=\"hos-cardBody\" style=\"display:grid; gap:12px;\">\n            <div class=\"hos-row3\">\n              <div><label>Hotel<\/label><input id=\"hos-mHotel\" placeholder=\"Hotel name\" \/><\/div>\n              <div><label>Address<\/label><input id=\"hos-mAddr\" placeholder=\"Street, City, State ZIP\" \/><\/div>\n              <div><label>Phone<\/label><input id=\"hos-mPhone\" placeholder=\"+1...\" \/><\/div>\n            <\/div>\n            <div class=\"hos-row3\">\n              <div><label>Check-in<\/label><input id=\"hos-mIn\" type=\"date\" \/><\/div>\n              <div><label>Check-out<\/label><input id=\"hos-mOut\" type=\"date\" \/><\/div>\n              <div><label>Guest Name<\/label><input id=\"hos-mGuest\" placeholder=\"Guest\" \/><\/div>\n            <\/div>\n            <div class=\"hos-row3\">\n              <div><label>Total (USD)<\/label><input id=\"hos-mTotal\" type=\"number\" min=\"0\" value=\"0\" \/><\/div>\n              <div><label>Confirmation #<\/label><input id=\"hos-mConf\" placeholder=\"e.g., ABC12345\" \/><\/div>\n              <div><label>Payment Method<\/label>\n                <select id=\"hos-mPay\">\n                  <option>Card (Manual)<\/option>\n                  <option>Wire<\/option>\n                  <option>ACH<\/option>\n                  <option>Virtual Card<\/option>\n                <\/select>\n              <\/div>\n            <\/div>\n\n            <div class=\"hos-row2\">\n              <div>\n                <label>Notes<\/label>\n                <textarea id=\"hos-mNotes\" placeholder=\"Agent name, cancellation terms, rate plan notes, etc.\"><\/textarea>\n              <\/div>\n              <div>\n                <label>Customer Visibility<\/label>\n                <select id=\"hos-mMask\">\n                  <option value=\"mask\" selected>Mask upstream supplier\/source<\/option>\n                  <option value=\"show\">Show supplier\/source (internal only)<\/option>\n                <\/select>\n                <div class=\"hos-hr\"><\/div>\n                <div class=\"hos-note\">\n                  Recommended: keep upstream supplier masked in customer invoices.\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <div style=\"display:flex; gap:10px; flex-wrap:wrap;\">\n              <button class=\"hos-btn hos-primary\" id=\"hos-saveManualBtn\" type=\"button\">\u2705 Save Booking + Generate Invoice #<\/button>\n              <button class=\"hos-btn hos-blue\" id=\"hos-previewInvoiceBtn\" type=\"button\">\ud83e\uddfe Preview \/ Print Invoice<\/button>\n              <button class=\"hos-btn\" id=\"hos-clearManualBtn\" type=\"button\">\ud83e\uddf9 Clear<\/button>\n            <\/div>\n\n            <div class=\"hos-hr\"><\/div>\n            <div class=\"hos-note\" id=\"hos-manualStatus\">No manual booking saved yet.<\/div>\n          <\/div>\n        <\/div>\n      <\/section>\n\n      <!-- SEARCH -->\n      <section class=\"hos-page\" data-page=\"search\" hidden>\n        <div class=\"hos-card\">\n          <div class=\"hos-cardHead\">\n            <div><h1>Unified Search<\/h1><p>Search cached rates + manual bookings.<\/p><\/div>\n            <span class=\"hos-pill\">Meta<\/span>\n          <\/div>\n          <div class=\"hos-cardBody\" style=\"display:grid; gap:12px;\">\n            <div class=\"hos-row3\">\n              <div><label>Query<\/label><input id=\"hos-q\" placeholder=\"hotel, city, confirmation\u2026\" \/><\/div>\n              <div><label>Max Nightly<\/label><input id=\"hos-qMax\" type=\"number\" min=\"0\" placeholder=\"300\" \/><\/div>\n              <div><label>Refundable Only<\/label>\n                <select id=\"hos-qRef\"><option value=\"any\">Any<\/option><option value=\"yes\">Yes<\/option><\/select>\n              <\/div>\n            <\/div>\n            <button class=\"hos-btn hos-primary\" id=\"hos-runSearchBtn\" type=\"button\">Run Search<\/button>\n\n            <div class=\"hos-hr\"><\/div>\n\n            <div class=\"hos-card\" style=\"box-shadow:var(--shadow2)\">\n              <div class=\"hos-cardHead\"><div><h2>Matches<\/h2><p>Cached rates + bookings.<\/p><\/div><span class=\"hos-pill\" id=\"hos-matchPill\">0<\/span><\/div>\n              <div class=\"hos-cardBody\" style=\"overflow:auto\">\n                <table>\n                  <thead><tr><th>Item<\/th><th>Type<\/th><th>Nightly<\/th><th>Total<\/th><th>Source<\/th><th><\/th><\/tr><\/thead>\n                  <tbody id=\"hos-matchTable\"><\/tbody>\n                <\/table>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/section>\n\n      <!-- BOOKINGS LOG -->\n      <section class=\"hos-page\" data-page=\"bookings\" hidden>\n        <div class=\"hos-card\">\n          <div class=\"hos-cardHead\">\n            <div><h1>Booking Log<\/h1><p>Manual bookings with invoice numbers.<\/p><\/div>\n            <span class=\"hos-pill\">Ledger<\/span>\n          <\/div>\n          <div class=\"hos-cardBody\" style=\"overflow:auto\">\n            <table>\n              <thead><tr><th>Invoice #<\/th><th>Hotel<\/th><th>Guest<\/th><th>Dates<\/th><th>Total<\/th><th>Conf #<\/th><th><\/th><\/tr><\/thead>\n              <tbody id=\"hos-bookingTable\"><\/tbody>\n            <\/table>\n          <\/div>\n        <\/div>\n      <\/section>\n\n      <!-- AUDIT -->\n      <section class=\"hos-page\" data-page=\"audit\" hidden>\n        <div class=\"hos-card\">\n          <div class=\"hos-cardHead\"><div><h1>Audit Log<\/h1><p>All actions recorded locally (preview).<\/p><\/div><span class=\"hos-pill\">LOG<\/span><\/div>\n          <div class=\"hos-cardBody\" style=\"overflow:auto\">\n            <table>\n              <thead><tr><th>Time<\/th><th>Actor<\/th><th>Action<\/th><th>Meta<\/th><\/tr><\/thead>\n              <tbody id=\"hos-auditTable\"><\/tbody>\n            <\/table>\n          <\/div>\n        <\/div>\n      <\/section>\n\n      <!-- SETTINGS -->\n      <section class=\"hos-page\" data-page=\"settings\" hidden>\n        <div class=\"hos-card\">\n          <div class=\"hos-cardHead\"><div><h1>Settings<\/h1><p>Brand and backend endpoints.<\/p><\/div><span class=\"hos-pill\">UI<\/span><\/div>\n          <div class=\"hos-cardBody\" style=\"display:grid; gap:12px;\">\n            <div class=\"hos-row2\">\n              <div><label>Backend Base URL (optional)<\/label><input id=\"hos-apiBase\" placeholder=\"https:\/\/yourdomain.com\" \/><\/div>\n              <div><label>Default Invoice Prefix<\/label><input id=\"hos-invPrefix\" value=\"MGDPS-2026\" \/><\/div>\n            <\/div>\n            <div class=\"hos-note\">\n              If Backend Base URL is blank, it uses same-domain (<span style=\"font-family:var(--mono)\">\/api\/...<\/span>).\n              Live rates require server-side integration to approved suppliers (no scraping).\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/section>\n\n      <!-- DEVELOPER -->\n      <section class=\"hos-page\" data\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>MinattiGroup Discount Party Service Private Hospitality Console \u2022 Director\/Hotel Ops \u2022 White-label rates Access &#038; Theme Director sees sources + hotel contacts. Customer view is masked. Private Role DirectorHotel AdminFront DeskRevenue ManagerSupportCustomer (Masked) Theme Cloud LightSand GoldMint IceMono Pro Active Hotel Ops Mode Manual Booking ModeAPI Booking Mode (Backend) Save Context Theme applies instantly. Role [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_header_footer","format":"standard","meta":{"_acf_changed":false,"pmpro_default_level":"","_monsterinsights_skip_tracking":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-12725","post","type-post","status-publish","format-standard","hentry","category-movies-news","pmpro-level-required","pmpro-level-2","pmpro-no-access"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.minatti.group\/INK\/wp-json\/wp\/v2\/posts\/12725","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.minatti.group\/INK\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.minatti.group\/INK\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.minatti.group\/INK\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.minatti.group\/INK\/wp-json\/wp\/v2\/comments?post=12725"}],"version-history":[{"count":8,"href":"https:\/\/www.minatti.group\/INK\/wp-json\/wp\/v2\/posts\/12725\/revisions"}],"predecessor-version":[{"id":12736,"href":"https:\/\/www.minatti.group\/INK\/wp-json\/wp\/v2\/posts\/12725\/revisions\/12736"}],"wp:attachment":[{"href":"https:\/\/www.minatti.group\/INK\/wp-json\/wp\/v2\/media?parent=12725"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.minatti.group\/INK\/wp-json\/wp\/v2\/categories?post=12725"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.minatti.group\/INK\/wp-json\/wp\/v2\/tags?post=12725"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}