{"id":16933,"date":"2025-11-13T16:40:01","date_gmt":"2025-11-13T13:40:01","guid":{"rendered":"https:\/\/demo.e-resellers.gr\/commercialradio\/demo-27\/?page_id=16933"},"modified":"2025-11-21T02:17:45","modified_gmt":"2025-11-20T23:17:45","slug":"bookings","status":"publish","type":"page","link":"https:\/\/demo.e-resellers.gr\/commercialradio\/demo-27\/bookings\/","title":{"rendered":"Bookings"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16933\" class=\"elementor elementor-16933\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7d5bd30 e-flex e-con-boxed e-con e-parent\" data-id=\"7d5bd30\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e15cac5 elementor-widget elementor-widget-html\" data-id=\"e15cac5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\tfunction jack_event_booking_form_shortcode() {\n    ob_start();\n    ?>\n\n    <style>\n        .jebf-wrapper {\n            max-width: 900px;\n            margin: 30px auto;\n            background: #111;\n            color: #fff;\n            padding: 25px 30px;\n            border-radius: 14px;\n            box-shadow: 0 0 25px rgba(0,0,0,0.6);\n            font-family: Arial, sans-serif;\n        }\n\n        .jebf-wrapper h2 {\n            text-align: center;\n            margin-bottom: 10px;\n            color: #00c8ff;\n        }\n\n        .jebf-wrapper p.subtitle {\n            text-align: center;\n            margin-top: 0;\n            margin-bottom: 25px;\n            font-size: 14px;\n            opacity: 0.8;\n        }\n\n        .jebf-section-title {\n            margin: 25px 0 10px;\n            font-weight: bold;\n            font-size: 15px;\n            text-transform: uppercase;\n            letter-spacing: 0.05em;\n            color: #ccc;\n            border-bottom: 1px solid #333;\n            padding-bottom: 5px;\n        }\n\n        .jebf-grid-2 {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n            gap: 15px 20px;\n        }\n\n        .jebf-field {\n            margin-bottom: 15px;\n        }\n\n        .jebf-field label {\n            display: block;\n            margin-bottom: 4px;\n            font-size: 14px;\n        }\n\n        .jebf-field input,\n        .jebf-field select,\n        .jebf-field textarea {\n            width: 100%;\n            padding: 9px 10px;\n            border-radius: 8px;\n            border: 1px solid #333;\n            background: #1b1b1b;\n            color: #fff;\n            font-size: 14px;\n        }\n\n        .jebf-field textarea {\n            min-height: 100px;\n            resize: vertical;\n        }\n\n        .jebf-checkbox-group {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 10px 20px;\n        }\n\n        .jebf-checkbox-group label {\n            display: inline-flex;\n            align-items: center;\n            gap: 6px;\n            font-size: 14px;\n            cursor: pointer;\n        }\n\n        .jebf-checkbox-group input[type=\"checkbox\"] {\n            width: auto;\n        }\n\n        .jebf-submit-wrap {\n            margin-top: 25px;\n            text-align: center;\n        }\n\n        .jebf-submit-wrap button {\n            padding: 11px 26px;\n            font-size: 15px;\n            font-weight: bold;\n            border-radius: 999px;\n            border: none;\n            cursor: pointer;\n            background: #00c8ff;\n            color: #000;\n        }\n\n        .jebf-submit-wrap button:hover {\n            background: #009ccc;\n        }\n\n        .jebf-success {\n            display: none;\n            margin-top: 15px;\n            padding: 10px;\n            border-radius: 8px;\n            background: #059669;\n            color: #fff;\n            font-size: 14px;\n        }\n\n        .jebf-error {\n            display: none;\n            margin-top: 10px;\n            padding: 8px;\n            border-radius: 6px;\n            background: #b91c1c;\n            color: #fff;\n            font-size: 13px;\n        }\n    <\/style>\n\n    <div class=\"jebf-wrapper\">\n        <h2>Event Booking Request<\/h2>\n        <p class=\"subtitle\">\u03a3\u03c5\u03bc\u03c0\u03bb\u03ae\u03c1\u03c9\u03c3\u03b5 \u03c4\u03b1 \u03c3\u03c4\u03bf\u03b9\u03c7\u03b5\u03af\u03b1 \u03c3\u03bf\u03c5 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03ba\u03ac\u03bd\u03b5\u03b9\u03c2 \u03b1\u03af\u03c4\u03b7\u03bc\u03b1 \u03b3\u03b9\u03b1 booking.<\/p>\n\n        <form id=\"eventBookingForm\">\n            <!-- Select Artists -->\n            <div class=\"jebf-section-title\">Select Artists<\/div>\n            <div class=\"jebf-field\">\n                <div class=\"jebf-checkbox-group\">\n                    <label>\n                        <input type=\"checkbox\" name=\"artists[]\" value=\"Dj Spiros Wom\">\n                        Dj Spiros Wom\n                    <\/label>\n                    <!-- \u0391\u03bd \u03b8\u03b5\u03c2 \u03ba\u03b1\u03b9 \u03ac\u03bb\u03bb\u03bf\u03c5\u03c2, \u03c0\u03c1\u03cc\u03c3\u03b8\u03b5\u03c3\u03ad \u03c4\u03bf\u03c5\u03c2 \u03b5\u03b4\u03ce \u03c3\u03b1\u03bd extra label+checkbox -->\n                <\/div>\n            <\/div>\n\n            <!-- Contact \/ Company Info -->\n            <div class=\"jebf-section-title\">Contact Details<\/div>\n            <div class=\"jebf-grid-2\">\n                <div class=\"jebf-field\">\n                    <label for=\"company_name\">Company Name *<\/label>\n                    <input type=\"text\" id=\"company_name\" name=\"company_name\" required placeholder=\"Company Name\">\n                <\/div>\n                <div class=\"jebf-field\">\n                    <label for=\"first_name\">First Name *<\/label>\n                    <input type=\"text\" id=\"first_name\" name=\"first_name\" required placeholder=\"First Name\">\n                <\/div>\n            <\/div>\n\n            <div class=\"jebf-grid-2\">\n                <div class=\"jebf-field\">\n                    <label for=\"last_name\">Last Name *<\/label>\n                    <input type=\"text\" id=\"last_name\" name=\"last_name\" required placeholder=\"Last Name\">\n                <\/div>\n                <div class=\"jebf-field\">\n                    <label for=\"phone\">Phone *<\/label>\n                    <input type=\"text\" id=\"phone\" name=\"phone\" required placeholder=\"Phone\">\n                <\/div>\n            <\/div>\n\n            <div class=\"jebf-grid-2\">\n                <div class=\"jebf-field\">\n                    <label for=\"email\">Email *<\/label>\n                    <input type=\"email\" id=\"email\" name=\"email\" required placeholder=\"Email\">\n                <\/div>\n                <div class=\"jebf-field\">\n                    <label for=\"skype\">Skype<\/label>\n                    <input type=\"text\" id=\"skype\" name=\"skype\" placeholder=\"Skype\">\n                <\/div>\n            <\/div>\n\n            <div class=\"jebf-field\">\n                <label for=\"website_facebook\">Website \/ Facebook *<\/label>\n                <input type=\"text\" id=\"website_facebook\" name=\"website_facebook\" required placeholder=\"Website\/Facebook\">\n            <\/div>\n\n            <div class=\"jebf-field\">\n                <label for=\"role\">Role *<\/label>\n                <select id=\"role\" name=\"role\" required>\n                    <option value=\"\">Role<\/option>\n                    <option value=\"Event Producer\/Owner\">Event Producer\/Owner<\/option>\n                    <option value=\"Booker\/Artist Liaison - Internal\">Booker\/Artist Liaison - Internal<\/option>\n                    <option value=\"Booker\/Artist Liaison - External\/Freelance\">Booker\/Artist Liaison - External\/Freelance<\/option>\n                    <option value=\"Other\">Other<\/option>\n                <\/select>\n            <\/div>\n\n            <!-- Address -->\n            <div class=\"jebf-section-title\">Address<\/div>\n            <div class=\"jebf-grid-2\">\n                <div class=\"jebf-field\">\n                    <label for=\"address\">Address<\/label>\n                    <input type=\"text\" id=\"address\" name=\"address\" placeholder=\"Address\">\n                <\/div>\n                <div class=\"jebf-field\">\n                    <label for=\"city\">City *<\/label>\n                    <input type=\"text\" id=\"city\" name=\"city\" required placeholder=\"City\">\n                <\/div>\n            <\/div>\n\n            <div class=\"jebf-grid-2\">\n                <div class=\"jebf-field\">\n                    <label for=\"country\">Country<\/label>\n                    <input type=\"text\" id=\"country\" name=\"country\" placeholder=\"Country\">\n                <\/div>\n                <div class=\"jebf-field\">\n                    <label for=\"zip\">Zip<\/label>\n                    <input type=\"text\" id=\"zip\" name=\"zip\" placeholder=\"Zip\">\n                <\/div>\n            <\/div>\n\n            <!-- Event Info -->\n            <div class=\"jebf-section-title\">Event Details<\/div>\n            <div class=\"jebf-grid-2\">\n                <div class=\"jebf-field\">\n                    <label for=\"event_name\">Event Name *<\/label>\n                    <input type=\"text\" id=\"event_name\" name=\"event_name\" required placeholder=\"Event Name\">\n                <\/div>\n                <div class=\"jebf-field\">\n                    <label for=\"event_country\">Country the event will take place in *<\/label>\n                    <input type=\"text\" id=\"event_country\" name=\"event_country\" required placeholder=\"Country of event\">\n                <\/div>\n            <\/div>\n\n            <div class=\"jebf-field\">\n                <label for=\"event_city_nearest\">City nearest to the event *<\/label>\n                <input type=\"text\" id=\"event_city_nearest\" name=\"event_city_nearest\" required placeholder=\"City nearest to the event\">\n            <\/div>\n\n            <div class=\"jebf-grid-2\">\n                <div class=\"jebf-field\">\n                    <label for=\"event_date_start\">Event Date Start *<\/label>\n                    <input type=\"text\" id=\"event_date_start\" name=\"event_date_start\" required placeholder=\"Event Date Start\">\n                    <!-- \u0391\u03bd \u03b8\u03b5\u03c2 \u03bc\u03c0\u03bf\u03c1\u03ce \u03bd\u03b1 \u03c4\u03bf \u03ba\u03ac\u03bd\u03c9 type=\"date\" -->\n                <\/div>\n                <div class=\"jebf-field\">\n                    <label for=\"event_date_end\">Event Date End *<\/label>\n                    <input type=\"text\" id=\"event_date_end\" name=\"event_date_end\" required placeholder=\"Event Date End\">\n                <\/div>\n            <\/div>\n\n            <div class=\"jebf-grid-2\">\n                <div class=\"jebf-field\">\n                    <label for=\"event_type\">Type of Event *<\/label>\n                    <select id=\"event_type\" name=\"event_type\" required>\n                        <option value=\"\">Type of Event<\/option>\n                        <option value=\"Festival\">Festival<\/option>\n                        <option value=\"Festival - Weekend Only\">Festival - Weekend Only<\/option>\n                        <option value=\"Outdoor - 1 Day\">Outdoor - 1 Day<\/option>\n                        <option value=\"Club Event\">Club Event<\/option>\n                        <option value=\"Private\">Private<\/option>\n                    <\/select>\n                <\/div>\n                <div class=\"jebf-field\">\n                    <label for=\"offer\">Fee Offer? (Euro) *<\/label>\n                    <input type=\"text\" id=\"offer\" name=\"offer\" required placeholder=\"Fee Offer? (Euro)\">\n                <\/div>\n            <\/div>\n\n            <div class=\"jebf-field\">\n                <label for=\"number_of_previous_events\">Number of Previous Events Produced *<\/label>\n                <select id=\"number_of_previous_events\" name=\"number_of_previous_events\" required>\n                    <option value=\"\">Number of Previous Events Produced<\/option>\n                    <option value=\"First Event\">First Event<\/option>\n                    <option value=\"2-5\">2-5<\/option>\n                    <option value=\"5-15\">5-15<\/option>\n                    <option value=\"15-30\">15-30<\/option>\n                    <option value=\"30+\">30+<\/option>\n                <\/select>\n            <\/div>\n\n            <!-- Additional Info -->\n            <div class=\"jebf-section-title\">Additional Info<\/div>\n            <div class=\"jebf-field\">\n                <label for=\"additional_info\">Additional Info<\/label>\n                <textarea id=\"additional_info\" name=\"additional_info\" placeholder=\"Additional Info\"><\/textarea>\n            <\/div>\n\n            <div class=\"jebf-error\" id=\"jebfError\">\u03a0\u03b1\u03c1\u03b1\u03ba\u03b1\u03bb\u03ce \u03c3\u03c5\u03bc\u03c0\u03bb\u03ae\u03c1\u03c9\u03c3\u03b5 \u03cc\u03bb\u03b1 \u03c4\u03b1 \u03c5\u03c0\u03bf\u03c7\u03c1\u03b5\u03c9\u03c4\u03b9\u03ba\u03ac \u03c0\u03b5\u03b4\u03af\u03b1.<\/div>\n\n            <div class=\"jebf-submit-wrap\">\n                <button type=\"submit\">Send Booking Request<\/button>\n                <div class=\"jebf-success\" id=\"jebfSuccess\">\n                    \u03a4\u03bf \u03b1\u03af\u03c4\u03b7\u03bc\u03ac \u03c3\u03bf\u03c5 \u03c3\u03c4\u03ac\u03bb\u03b8\u03b7\u03ba\u03b5 (demo \u03bc\u03ae\u03bd\u03c5\u03bc\u03b1 \u2013 \u03b4\u03b5\u03bd \u03ad\u03c7\u03b5\u03b9 \u03c3\u03c4\u03b1\u03bb\u03b5\u03af email \u03b1\u03ba\u03cc\u03bc\u03b1).\n                <\/div>\n            <\/div>\n        <\/form>\n    <\/div>\n\n    <script>\n    (function(){\n        const form   = document.getElementById('eventBookingForm');\n        if (!form) return;\n\n        const successBox = document.getElementById('jebfSuccess');\n        const errorBox   = document.getElementById('jebfError');\n\n        form.addEventListener('submit', function(e) {\n            e.preventDefault();\n\n            \/\/ \u0391\u03c0\u03bb\u03cc front-end validation: required \u03c0\u03b5\u03b4\u03af\u03b1\n            const requiredFields = form.querySelectorAll('[required]');\n            let valid = true;\n            requiredFields.forEach(function(field){\n                if (!field.value || field.value.trim() === '') {\n                    valid = false;\n                }\n            });\n\n            if (!valid) {\n                if (errorBox) {\n                    errorBox.style.display = 'block';\n                }\n                if (successBox) {\n                    successBox.style.display = 'none';\n                }\n                return;\n            } else {\n                if (errorBox) {\n                    errorBox.style.display = 'none';\n                }\n            }\n\n            \/\/ \u0395\u03b4\u03ce \u03c4\u03ce\u03c1\u03b1 \u03b5\u03af\u03bd\u03b1\u03b9 \u03bc\u03cc\u03bd\u03bf demo: \u03b4\u03b5\u03af\u03c7\u03bd\u03c9 \u03b5\u03c0\u03b9\u03c4\u03c5\u03c7\u03af\u03b1 \u03ba\u03b1\u03b9 \u03ba\u03ac\u03bd\u03c9 reset\n            if (successBox) {\n                successBox.style.display = 'block';\n            }\n\n            setTimeout(function(){\n                if (successBox) {\n                    successBox.style.display = 'none';\n                }\n                form.reset();\n            }, 3500);\n        });\n    })();\n    <\/script>\n\n    <?php\n    return ob_get_clean();\n}\n\nadd_shortcode('event_booking_form', 'jack_event_booking_form_shortcode');\n\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>function jack_event_booking_form_shortcode() { ob_start(); ?&gt; Event Booking Request \u03a3\u03c5\u03bc\u03c0\u03bb\u03ae\u03c1\u03c9\u03c3\u03b5 \u03c4\u03b1 \u03c3\u03c4\u03bf\u03b9\u03c7\u03b5\u03af\u03b1 \u03c3\u03bf\u03c5 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03ba\u03ac\u03bd\u03b5\u03b9\u03c2 \u03b1\u03af\u03c4\u03b7\u03bc\u03b1 \u03b3\u03b9\u03b1 booking. Select Artists Dj Spiros Wom Contact Details Company Name * First Name * Last Name * Phone * Email * Skype Website \/ Facebook * Role * RoleEvent Producer\/OwnerBooker\/Artist Liaison &#8211; InternalBooker\/Artist ...<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-visualcomposer.php","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-16933","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/demo.e-resellers.gr\/commercialradio\/demo-27\/wp-json\/wp\/v2\/pages\/16933","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.e-resellers.gr\/commercialradio\/demo-27\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.e-resellers.gr\/commercialradio\/demo-27\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.e-resellers.gr\/commercialradio\/demo-27\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.e-resellers.gr\/commercialradio\/demo-27\/wp-json\/wp\/v2\/comments?post=16933"}],"version-history":[{"count":25,"href":"https:\/\/demo.e-resellers.gr\/commercialradio\/demo-27\/wp-json\/wp\/v2\/pages\/16933\/revisions"}],"predecessor-version":[{"id":16968,"href":"https:\/\/demo.e-resellers.gr\/commercialradio\/demo-27\/wp-json\/wp\/v2\/pages\/16933\/revisions\/16968"}],"wp:attachment":[{"href":"https:\/\/demo.e-resellers.gr\/commercialradio\/demo-27\/wp-json\/wp\/v2\/media?parent=16933"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}