{"id":243,"date":"2026-05-30T19:29:55","date_gmt":"2026-05-30T19:29:55","guid":{"rendered":"https:\/\/demo.wendstaronlineshop.com\/?page_id=243"},"modified":"2026-05-30T19:29:55","modified_gmt":"2026-05-30T19:29:55","slug":"event-forms","status":"publish","type":"page","link":"https:\/\/demo.wendstaronlineshop.com\/?page_id=243","title":{"rendered":"Event Forms"},"content":{"rendered":"\n<div style=\"font-family: system-ui, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif; max-width: 100%;\">\n  \n  <style>\n    .estee-form * { box-sizing: border-box; }\n    .estee-form {\n      width: 100%;\n      background: #ffffff;\n      border-radius: 12px;\n      overflow: hidden;\n      border: 2px solid #D4AF37;\n    }\n    .estee-header {\n      background: linear-gradient(135deg, #D4AF37, #B8860B);\n      padding: 25px 20px;\n      text-align: center;\n      color: #000;\n    }\n    .estee-header .brand {\n      font-size: 1.8rem;\n      font-weight: 800;\n      text-transform: uppercase;\n      letter-spacing: -0.5px;\n    }\n    .estee-header .tagline {\n      font-size: 0.85rem;\n      letter-spacing: 2px;\n      opacity: 0.85;\n    }\n    .estee-body {\n      padding: 20px;\n    }\n    .estee-row {\n      display: flex;\n      gap: 12px;\n      margin-bottom: 15px;\n      flex-wrap: wrap;\n    }\n    .estee-group {\n      flex: 1;\n      min-width: 150px;\n    }\n    .estee-group label {\n      display: block;\n      font-size: 0.8rem;\n      font-weight: 600;\n      color: #333;\n      margin-bottom: 4px;\n      text-transform: uppercase;\n    }\n    .estee-group label .req {\n      color: #c0392b;\n    }\n    .estee-group input,\n    .estee-group select,\n    .estee-group textarea {\n      width: 100%;\n      padding: 10px 12px;\n      border: 1.5px solid #ddd;\n      border-radius: 6px;\n      font-size: 0.9rem;\n      font-family: inherit;\n      background: #fafafa;\n      outline: none;\n      transition: 0.3s;\n    }\n    .estee-group input:focus,\n    .estee-group select:focus,\n    .estee-group textarea:focus {\n      border-color: #D4AF37;\n      background: #fff;\n    }\n    .estee-group textarea {\n      min-height: 80px;\n      resize: vertical;\n    }\n    .estee-addons {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      margin-top: 5px;\n    }\n    .estee-addons label {\n      display: flex;\n      align-items: center;\n      gap: 5px;\n      font-size: 0.85rem;\n      font-weight: 400;\n      text-transform: none;\n      cursor: pointer;\n    }\n    .estee-price {\n      background: #f9f6f0;\n      border: 1.5px solid #D4AF37;\n      border-radius: 8px;\n      padding: 15px;\n      margin-bottom: 15px;\n    }\n    .estee-price h4 {\n      margin: 0 0 8px 0;\n      font-size: 0.9rem;\n      text-transform: uppercase;\n      color: #333;\n    }\n    .estee-price-row {\n      display: flex;\n      justify-content: space-between;\n      font-size: 0.85rem;\n      color: #555;\n      padding: 3px 0;\n    }\n    .estee-price-row.total {\n      font-weight: 700;\n      font-size: 1rem;\n      color: #000;\n      border-top: 2px solid #D4AF37;\n      margin-top: 8px;\n      padding-top: 8px;\n    }\n    .estee-price-row.total span:last-child {\n      color: #B8860B;\n      font-size: 1.2rem;\n    }\n    .estee-btn {\n      width: 100%;\n      padding: 14px;\n      background: linear-gradient(135deg, #D4AF37, #B8860B);\n      color: #000;\n      border: none;\n      border-radius: 8px;\n      font-size: 1rem;\n      font-weight: 700;\n      text-transform: uppercase;\n      cursor: pointer;\n      letter-spacing: 1px;\n      font-family: inherit;\n      transition: 0.3s;\n    }\n    .estee-btn:hover {\n      background: linear-gradient(135deg, #B8860B, #8B6914);\n      color: #fff;\n    }\n    .estee-success {\n      display: none;\n      background: #27ae60;\n      color: #fff;\n      padding: 15px;\n      border-radius: 8px;\n      text-align: center;\n      font-weight: 600;\n      margin-top: 10px;\n    }\n    .estee-success.show {\n      display: block;\n    }\n    @media (max-width: 500px) {\n      .estee-group { min-width: 100%; }\n      .estee-header .brand { font-size: 1.4rem; }\n    }\n  <\/style>\n\n  <div class=\"estee-form\">\n    <div class=\"estee-header\">\n      <div class=\"brand\">Estee Bee<\/div>\n      <div class=\"tagline\">\u2726 EVENT CENTER \u2726<\/div>\n    <\/div>\n    \n    <div class=\"estee-body\">\n      <form id=\"esteeBookingForm\">\n        <div class=\"estee-row\">\n          <div class=\"estee-group\">\n            <label>Full Name <span class=\"req\">*<\/span><\/label>\n            <input type=\"text\" id=\"esteeName\" placeholder=\"Enter full name\" required>\n          <\/div>\n          <div class=\"estee-group\">\n            <label>Phone <span class=\"req\">*<\/span><\/label>\n            <input type=\"tel\" id=\"esteePhone\" placeholder=\"024XXXXXXX\" required>\n          <\/div>\n        <\/div>\n        \n        <div class=\"estee-row\">\n          <div class=\"estee-group\">\n            <label>Email <span class=\"req\">*<\/span><\/label>\n            <input type=\"email\" id=\"esteeEmail\" placeholder=\"your@email.com\" required>\n          <\/div>\n          <div class=\"estee-group\">\n            <label>Event Type <span class=\"req\">*<\/span><\/label>\n            <select id=\"esteeEvent\" required>\n              <option value=\"\">Select type<\/option>\n              <option value=\"wedding\">Wedding<\/option>\n              <option value=\"engagement\">Engagement<\/option>\n              <option value=\"birthday\">Birthday<\/option>\n              <option value=\"corporate\">Corporate<\/option>\n              <option value=\"conference\">Conference<\/option>\n              <option value=\"graduation\">Graduation<\/option>\n              <option value=\"funeral\">Funeral<\/option>\n              <option value=\"naming\">Naming Ceremony<\/option>\n              <option value=\"other\">Other<\/option>\n            <\/select>\n          <\/div>\n        <\/div>\n        \n        <div class=\"estee-row\">\n          <div class=\"estee-group\">\n            <label>Date <span class=\"req\">*<\/span><\/label>\n            <input type=\"date\" id=\"esteeDate\" required>\n          <\/div>\n          <div class=\"estee-group\">\n            <label>Start <span class=\"req\">*<\/span><\/label>\n            <input type=\"time\" id=\"esteeStart\" required>\n          <\/div>\n          <div class=\"estee-group\">\n            <label>End <span class=\"req\">*<\/span><\/label>\n            <input type=\"time\" id=\"esteeEnd\" required>\n          <\/div>\n        <\/div>\n        \n        <div class=\"estee-row\">\n          <div class=\"estee-group\">\n            <label>Guests <span class=\"req\">*<\/span><\/label>\n            <input type=\"number\" id=\"esteeGuests\" placeholder=\"Number\" min=\"1\" required>\n          <\/div>\n          <div class=\"estee-group\">\n            <label>Package <span class=\"req\">*<\/span><\/label>\n            <select id=\"esteePackage\" required>\n              <option value=\"\">Select<\/option>\n              <option value=\"basic\">Basic &#8211; GHC 5,000<\/option>\n              <option value=\"standard\">Standard &#8211; GHC 10,000<\/option>\n              <option value=\"premium\">Premium &#8211; GHC 18,000<\/option>\n              <option value=\"luxury\">Luxury &#8211; GHC 30,000<\/option>\n            <\/select>\n          <\/div>\n        <\/div>\n        \n        <div class=\"estee-row\">\n          <div class=\"estee-group\" style=\"min-width:100%;\">\n            <label>Additional Services<\/label>\n            <div class=\"estee-addons\">\n              <label><input type=\"checkbox\" class=\"estee-addon\" value=\"catering\" data-price=\"1500\"> Catering (+GHC 1,500)<\/label>\n              <label><input type=\"checkbox\" class=\"estee-addon\" value=\"decoration\" data-price=\"2000\"> Decoration (+GHC 2,000)<\/label>\n              <label><input type=\"checkbox\" class=\"estee-addon\" value=\"photography\" data-price=\"1200\"> Photography (+GHC 1,200)<\/label>\n              <label><input type=\"checkbox\" class=\"estee-addon\" value=\"videography\" data-price=\"1800\"> Videography (+GHC 1,800)<\/label>\n              <label><input type=\"checkbox\" class=\"estee-addon\" value=\"sound\" data-price=\"800\"> Sound (+GHC 800)<\/label>\n              <label><input type=\"checkbox\" class=\"estee-addon\" value=\"security\" data-price=\"600\"> Security (+GHC 600)<\/label>\n              <label><input type=\"checkbox\" class=\"estee-addon\" value=\"mc\" data-price=\"700\"> MC\/Host (+GHC 700)<\/label>\n            <\/div>\n          <\/div>\n        <\/div>\n        \n        <div class=\"estee-row\">\n          <div class=\"estee-group\" style=\"min-width:100%;\">\n            <label>Special Requests<\/label>\n            <textarea id=\"esteeNotes\" placeholder=\"Any special requirements...\"><\/textarea>\n          <\/div>\n        <\/div>\n        \n        <div class=\"estee-price\">\n          <h4>\ud83d\udcb0 Cost Summary (GHC)<\/h4>\n          <div class=\"estee-price-row\"><span>Package<\/span> <span id=\"esteePackageFee\">GHC 0.00<\/span><\/div>\n          <div class=\"estee-price-row\"><span>Add-ons<\/span> <span id=\"esteeAddonFee\">GHC 0.00<\/span><\/div>\n          <div class=\"estee-price-row total\"><span>Total<\/span> <span id=\"esteeTotalFee\">GHC 0.00<\/span><\/div>\n        <\/div>\n        \n        <button type=\"submit\" class=\"estee-btn\">\ud83d\udccb Submit Booking<\/button>\n      <\/form>\n      \n      <div class=\"estee-success\" id=\"esteeSuccess\">\n        \u2705 Thank you for choosing <strong>Estee Bee Event Center<\/strong>!<br>\n        We will contact you within 24 hours.\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <script>\n    (function() {\n      const dateInput = document.getElementById('esteeDate');\n      dateInput.setAttribute('min', new Date().toISOString().split('T')[0]);\n\n      const prices = { basic: 5000, standard: 10000, premium: 18000, luxury: 30000 };\n\n      function updatePrice() {\n        const pkg = document.getElementById('esteePackage').value;\n        const fee = prices[pkg] || 0;\n        let addon = 0;\n        document.querySelectorAll('.estee-addon:checked').forEach(cb => addon += parseInt(cb.getAttribute('data-price')));\n        const total = fee + addon;\n        document.getElementById('esteePackageFee').textContent = 'GHC ' + fee.toLocaleString('en-GH', {minimumFractionDigits: 2});\n        document.getElementById('esteeAddonFee').textContent = 'GHC ' + addon.toLocaleString('en-GH', {minimumFractionDigits: 2});\n        document.getElementById('esteeTotalFee').textContent = 'GHC ' + total.toLocaleString('en-GH', {minimumFractionDigits: 2});\n      }\n\n      document.getElementById('esteePackage').addEventListener('change', updatePrice);\n      document.querySelectorAll('.estee-addon').forEach(cb => cb.addEventListener('change', updatePrice));\n\n      document.getElementById('esteeBookingForm').addEventListener('submit', function(e) {\n        e.preventDefault();\n        const n = document.getElementById('esteeName').value.trim();\n        const p = document.getElementById('esteePhone').value.trim();\n        const em = document.getElementById('esteeEmail').value.trim();\n        const d = document.getElementById('esteeDate').value;\n        const s = document.getElementById('esteeStart').value;\n        const en = document.getElementById('esteeEnd').value;\n        const g = document.getElementById('esteeGuests').value;\n        const et = document.getElementById('esteeEvent').value;\n        const pk = document.getElementById('esteePackage').value;\n        \n        if (!n || !p || !em || !d || !s || !en || !g || !et || !pk) {\n          alert('Please fill all required fields.');\n          return;\n        }\n        if (parseInt(g) < 1) { alert('Guests must be at least 1.'); return; }\n        if (en <= s) { alert('End time must be after start time.'); return; }\n\n        const addons = [];\n        document.querySelectorAll('.estee-addon:checked').forEach(cb => addons.push(cb.value));\n\n        console.log('Estee Bee Booking:', {\n          venue: 'Estee Bee Event Center',\n          name: n, phone: p, email: em,\n          eventType: et, date: d, start: s, end: en,\n          guests: g, package: pk, addons,\n          notes: document.getElementById('esteeNotes').value.trim(),\n          total: document.getElementById('esteeTotalFee').textContent\n        });\n\n        document.getElementById('esteeBookingForm').style.display = 'none';\n        document.getElementById('esteeSuccess').classList.add('show');\n        \n        setTimeout(() => {\n          document.getElementById('esteeBookingForm').reset();\n          document.getElementById('esteeBookingForm').style.display = 'block';\n          document.getElementById('esteeSuccess').classList.remove('show');\n          updatePrice();\n        }, 5000);\n      });\n\n      updatePrice();\n    })();\n  <\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Estee Bee \u2726 EVENT CENTER \u2726 Full Name * Phone * Email * Event Type * Select typeWeddingEngagementBirthdayCorporateConferenceGraduationFuneralNaming CeremonyOther Date * Start * End * Guests * Package * SelectBasic &#8211; GHC 5,000Standard &#8211; GHC 10,000Premium &#8211; GHC 18,000Luxury &#8211; GHC 30,000 Additional Services Catering (+GHC 1,500) Decoration (+GHC 2,000) Photography (+GHC 1,200) Videography (+GHC [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"class_list":["post-243","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.wendstaronlineshop.com\/index.php?rest_route=\/wp\/v2\/pages\/243","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.wendstaronlineshop.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.wendstaronlineshop.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.wendstaronlineshop.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.wendstaronlineshop.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=243"}],"version-history":[{"count":1,"href":"https:\/\/demo.wendstaronlineshop.com\/index.php?rest_route=\/wp\/v2\/pages\/243\/revisions"}],"predecessor-version":[{"id":246,"href":"https:\/\/demo.wendstaronlineshop.com\/index.php?rest_route=\/wp\/v2\/pages\/243\/revisions\/246"}],"wp:attachment":[{"href":"https:\/\/demo.wendstaronlineshop.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=243"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}