{"id":174,"date":"2018-11-02T10:41:38","date_gmt":"2018-11-02T10:41:38","guid":{"rendered":"http:\/\/listeo.wpengine.com\/?page_id=40"},"modified":"2018-11-02T10:41:38","modified_gmt":"2018-11-02T10:41:38","slug":"bookings","status":"publish","type":"page","link":"https:\/\/v2.fewo.ch\/?page_id=174","title":{"rendered":"Bookings"},"content":{"rendered":"<link rel=\"stylesheet\" href=\"https:\/\/v2.fewo.ch\/wp-content\/plugins\/listeo-core\/templates\/booking\/bookings-modern.css?ver=1792848594\">\n\n<div class=\"lstb-bookings lstb-list-view\" data-role=\"owner\">\n\n\t\n\t<!-- Filter \/ tabs bar -->\n\t<div class=\"lstb-bar\">\n\n\t\t<!-- Status tabs -->\n\t\t<div class=\"lstb-tabs\">\n\t\t\t\t\t\t\t\t<a href=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F174\" class=\"lstb-tab is-active\">\n\t\t\t\t\t\tAlle\t\t\t\t\t\t<span class=\"lstb-tab-count\">0<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F174&#038;status=waiting\" class=\"lstb-tab\">\n\t\t\t\t\t\tAusstehend\t\t\t\t\t\t<span class=\"lstb-tab-count\">0<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F174&#038;status=approved\" class=\"lstb-tab\">\n\t\t\t\t\t\tGenehmigt\t\t\t\t\t\t<span class=\"lstb-tab-count\">0<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F174&#038;status=cancelled\" class=\"lstb-tab\">\n\t\t\t\t\t\tStorniert\t\t\t\t\t\t<span class=\"lstb-tab-count\">0<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t<!-- Filters (JS hooks must match bookings.js) -->\n\t\t<div class=\"lstb-filters\">\n\n\t\t\t<!-- Date Range -->\n\t\t\t<div id=\"booking-date-range-enabler\" class=\"lstb-datepick\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M8 2v4\"><\/path><path d=\"M16 2v4\"><\/path><rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\"><\/rect><path d=\"M3 10h18\"><\/path><\/svg>\n\t\t\t\t<span>W\u00e4hlen Sie ein Datum<\/span>\n\t\t\t<\/div>\n\t\t\t<div id=\"booking-date-range\" class=\"lstb-datepick\" style=\"display:none;\">\n\t\t\t\t<span><\/span>\n\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" id=\"dashboard_type\" name=\"dashboard_type\" value=\"owner\">\n\n\t\t\t\t<div class=\"sort-by-booking-author\">\n\t\t\t\t\t<div class=\"sort-by-select\">\n\t\t\t\t\t\t<select data-placeholder=\"Alle Benutzer\" class=\"select2-bookings-author\" id=\"booking_author\">\n\t\t\t\t\t\t\t<option value=\"show_all\">Alle Benutzer<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/select>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t<div class=\"sort-by\">\n\t\t\t\t\t\t<div class=\"sort-by-select\">\n\t\t\t\t\t\t\t<select data-placeholder=\"Alle Anzeigen\" class=\"select2-bookings\" id=\"listing_id\">\n\t\t\t\t\t\t\t\t<option value=\"show_all\">Alle Anzeigen<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"179\">Sunny Apartment<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"187\">Private Bedroom in Manhattan<\/option>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/select>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t<!-- Status value consumed by bookings.js. Driven by the tabs above. -->\n\t\t\t<input type=\"hidden\" id=\"listing_status\" value=\"show_all\">\n\n\t\t\t\t\t\t\t<a href=\"#manual-booking-dialog\" id=\"add-manual-booking\" class=\"lstb-btn lstb-btn-primary popup-with-zoom-anim\">\n\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><\/svg>\n\t\t\t\t\tBuchung hinzuf\u00fcgen\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t<\/div>\n\n\t\t<div class=\"dashboard-list-box lstb-listbox\">\n\n\t\t<i class=\"fa fa-circle-o-notch fa-spin booking-loading-icon\" style=\"display:none;\"><\/i>\n\n\t\t\t\t<ul id=\"no-bookings-information\" class=\"lstb-empty\" style=\"display:none;\">\n\t\t\tWir haben keine Buchungen f\u00fcr dieses Kriterium gefunden\t\t<\/ul>\n\n\t\t\t\t\t<ul class=\"lstb-empty\">\n\t\t\t\tSie haben noch keine Buchungen\t\t\t<\/ul>\n\t\t\n\t<\/div>\n\n\t<div class=\"pagination-container\">\n\t\t\t<\/div>\n\n\t<div id=\"manual-booking-dialog\" class=\"zoom-anim-dialog listeo-dialog mb-modal mfp-hide\">\n\n\t<form id=\"manual-booking-form\" action=\"\">\n\n\t\t<!-- Header -->\n\t\t<div class=\"mb-modal-header\">\n\t\t\t<div>\n\t\t\t\t<h3>Buchung hinzuf\u00fcgen<\/h3>\n\t\t\t\t<p class=\"mb-modal-subtitle\">F\u00fcge manuell eine Buchung zu einem Ihrer Inserate hinzu.<\/p>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t<!-- Body -->\n\t\t<div class=\"mb-modal-body\">\n\n\t\t\t<div class=\"manual-booking-row\" id=\"mb-listing-row\">\n\t\t\t\t<label for=\"mb-listing\">Eintrag<\/label>\n\t\t\t\t<!-- Options come from the listeo_manual_booking_search_listings\n\t\t\t\t     AJAX endpoint via Select2 (autocomplete with server-side\n\t\t\t\t     search), so owners with hundreds of listings aren't served\n\t\t\t\t     a giant dropdown. No `required` attribute: the theme hides\n\t\t\t\t     :invalid selects; the JS validates the selection instead. -->\n\t\t\t\t<select id=\"mb-listing\" name=\"listing_id\" data-placeholder=\"Inserat ausw\u00e4hlen\">\n\t\t\t\t\t<option value=\"\"><\/option>\n\t\t\t\t<\/select>\n\t\t\t<\/div>\n\n\t\t\t<!-- Booking details panel (varies by listing type). Toggled with the\n\t\t\t     contained .mb-section blocks by bookings.js mbSections(). -->\n\t\t\t<div class=\"mb-panel\" id=\"mb-booking-details\" style=\"display:none;\">\n\t\t\t\t<div class=\"mb-section-title\">Buchungsdetails<\/div>\n\n\t\t\t\t<!-- Resource (Booking Plus, shown when the listing has resources) -->\n\t\t\t\t<div class=\"manual-booking-row mb-section\" id=\"mb-resource-section\" style=\"display:none;\">\n\t\t\t\t\t<label for=\"mb-resource\" id=\"mb-resource-label\">Ressource<\/label>\n\t\t\t\t\t<select id=\"mb-resource\" name=\"resource_id\"><\/select>\n\t\t\t\t<\/div>\n\n\t\t\t\t<!-- Dates: range (rentals) \u2014 theme daterangepicker, ISO dates kept in data attributes -->\n\t\t\t\t<div class=\"manual-booking-row mb-section\" id=\"mb-date-range-section\" style=\"display:none;\">\n\t\t\t\t\t<label for=\"mb-date-range-input\">Check-in &ndash; Check-out<\/label>\n\t\t\t\t\t<div class=\"mb-has-icon\">\n\t\t\t\t\t\t<input type=\"text\" id=\"mb-date-range-input\" name=\"date_range\" autocomplete=\"off\" readonly placeholder=\"Daten ausw\u00e4hlen\">\n\t\t\t\t\t\t<i class=\"fa-regular fa-calendar\" aria-hidden=\"true\"><\/i>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t<!-- Date: single day (services, events) \u2014 theme daterangepicker in single mode -->\n\t\t\t\t<div class=\"manual-booking-row mb-section\" id=\"mb-single-date-section\" style=\"display:none;\">\n\t\t\t\t\t<label for=\"mb-date\">Datum<\/label>\n\t\t\t\t\t<div class=\"mb-has-icon\">\n\t\t\t\t\t\t<input type=\"text\" id=\"mb-date\" name=\"date\" autocomplete=\"off\" readonly placeholder=\"Datum ausw\u00e4hlen\">\n\t\t\t\t\t\t<i class=\"fa-regular fa-calendar\" aria-hidden=\"true\"><\/i>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t<!-- Time slot (services with slots) -->\n\t\t\t\t<div class=\"manual-booking-row mb-section\" id=\"mb-slot-section\" style=\"display:none;\">\n\t\t\t\t\t<label for=\"mb-slot\">Zeitfenster<\/label>\n\t\t\t\t\t<select id=\"mb-slot\" name=\"slot\"><\/select>\n\t\t\t\t<\/div>\n\n\t\t\t\t<!-- Hours (services with hour picker) \u2014 flatpickr time pickers,\n\t\t\t\t     initialised in bookings.js to match the booking widget\/popup\n\t\t\t\t     (24h value on the wire, 12h display on 12h-clock sites). -->\n\t\t\t\t<div class=\"manual-booking-row mb-cols mb-section\" id=\"mb-hours-section\" style=\"display:none;\">\n\t\t\t\t\t<div class=\"manual-booking-col\">\n\t\t\t\t\t\t<label for=\"mb-hour-start\">Von<\/label>\n\t\t\t\t\t\t<div class=\"mb-has-icon\">\n\t\t\t\t\t\t\t<input type=\"text\" id=\"mb-hour-start\" name=\"hour_start\" class=\"mb-time-picker\" autocomplete=\"off\" placeholder=\"--:--\">\n\t\t\t\t\t\t\t<i class=\"fa-regular fa-clock\" aria-hidden=\"true\"><\/i>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"manual-booking-col\">\n\t\t\t\t\t\t<label for=\"mb-hour-end\">Bis<\/label>\n\t\t\t\t\t\t<div class=\"mb-has-icon\">\n\t\t\t\t\t\t\t<input type=\"text\" id=\"mb-hour-end\" name=\"hour_end\" class=\"mb-time-picker\" autocomplete=\"off\" placeholder=\"--:--\">\n\t\t\t\t\t\t\t<i class=\"fa-regular fa-clock\" aria-hidden=\"true\"><\/i>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t<!-- Guests (rentals\/services). Hidden entirely when the global\n\t\t\t\t     \"Remove Guests\" option is on or the listing's max guests\n\t\t\t\t     is 1, and the Children column only shows when the listing\n\t\t\t\t     accepts children, both matching the customer booking\n\t\t\t\t     widget. bookings.js reads the label text variants from\n\t\t\t\t     the data attributes. -->\n\t\t\t\t<div class=\"manual-booking-row mb-cols mb-section\" id=\"mb-guests-section\" style=\"display:none;\">\n\t\t\t\t\t<div class=\"manual-booking-col\">\n\t\t\t\t\t\t<label for=\"mb-adults\" id=\"mb-adults-label\" data-label-adults=\"Erwachsene\" data-label-guests=\"G\u00e4ste\">Erwachsene<\/label>\n\t\t\t\t\t\t<input type=\"number\" id=\"mb-adults\" name=\"adults\" min=\"1\" step=\"1\" value=\"1\">\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"manual-booking-col\" id=\"mb-children-col\">\n\t\t\t\t\t\t<label for=\"mb-children\">Kinder<\/label>\n\t\t\t\t\t\t<input type=\"number\" id=\"mb-children\" name=\"children\" min=\"0\" step=\"1\" value=\"0\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t<!-- Tickets (events) -->\n\t\t\t\t<div class=\"manual-booking-row mb-section\" id=\"mb-tickets-section\" style=\"display:none;\">\n\t\t\t\t\t<label for=\"mb-tickets\">Tickets<\/label>\n\t\t\t\t\t<input type=\"number\" id=\"mb-tickets\" name=\"tickets\" min=\"1\" step=\"1\" value=\"1\">\n\t\t\t\t<\/div>\n\n\t\t\t\t<!-- Extra services (shown when the listing has bookable services).\n\t\t\t\t     Rows are rendered by bookings.js from the listing_data AJAX. -->\n\t\t\t\t<div class=\"manual-booking-row mb-section\" id=\"mb-services-section\" style=\"display:none;\">\n\t\t\t\t\t<label>Zus\u00e4tzliche Dienstleistungen<\/label>\n\t\t\t\t\t<div id=\"mb-services-list\" class=\"mb-services-list\"><\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t<!-- Availability \/ price feedback -->\n\t\t\t\t<div id=\"mb-availability\" class=\"mb-feedback\" style=\"display:none;\"><\/div>\n\t\t\t<\/div>\n\n\t\t\t<!-- Guest details -->\n\t\t\t<div class=\"mb-section-title\">G\u00e4ste-Details<\/div>\n\n\t\t\t<div class=\"manual-booking-row mb-cols\">\n\t\t\t\t<div class=\"manual-booking-col\">\n\t\t\t\t\t<label for=\"mb-first-name\">Vorname<\/label>\n\t\t\t\t\t<input type=\"text\" id=\"mb-first-name\" name=\"first_name\" placeholder=\"z. B. Jordan\">\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"manual-booking-col\">\n\t\t\t\t\t<label for=\"mb-last-name\">Nachname<\/label>\n\t\t\t\t\t<input type=\"text\" id=\"mb-last-name\" name=\"last_name\" placeholder=\"z. B. Rivera\">\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t<div class=\"manual-booking-row mb-cols\">\n\t\t\t\t<div class=\"manual-booking-col\">\n\t\t\t\t\t<label for=\"mb-phone\">Telefon<\/label>\n\t\t\t\t\t<input type=\"text\" id=\"mb-phone\" name=\"phone\" placeholder=\"(555) 000-0000\">\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"manual-booking-col\">\n\t\t\t\t\t<label for=\"mb-email\">E-Mail (optional)<\/label>\n\t\t\t\t\t<input type=\"email\" id=\"mb-email\" name=\"email\" placeholder=\"guest@email.com\">\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t<div class=\"manual-booking-row\">\n\t\t\t\t<label for=\"mb-note\">Notiz<\/label>\n\t\t\t\t<textarea id=\"mb-note\" name=\"note\" rows=\"3\" placeholder=\"Interne Notiz oder G\u00e4stewunsch\"><\/textarea>\n\t\t\t<\/div>\n\n\t\t\t<!-- Price + status -->\n\t\t\t<div class=\"manual-booking-row mb-cols\">\n\t\t\t\t<div class=\"manual-booking-col\">\n\t\t\t\t\t<label for=\"mb-price\">Preis<\/label>\n\t\t\t\t\t\t\t\t\t\t<div class=\"mb-price-wrap\">\n\t\t\t\t\t\t<span aria-hidden=\"true\">&#067;&#072;&#070;<\/span>\n\t\t\t\t\t\t<input type=\"text\" id=\"mb-price\" name=\"price\" inputmode=\"decimal\" placeholder=\"0\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"manual-booking-col\">\n\t\t\t\t\t<label for=\"mb-status\">Status<\/label>\n\t\t\t\t\t<select id=\"mb-status\" name=\"status\">\n\t\t\t\t\t\t<option value=\"confirmed\">Genehmigt (unbezahlt)<\/option>\n\t\t\t\t\t\t<option value=\"paid\">Genehmigt und bezahlt<\/option>\n\t\t\t\t\t<\/select>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t<div class=\"manual-booking-row checkboxes\" id=\"mb-notify-row\" style=\"display:none;\">\n\t\t\t\t<input type=\"checkbox\" id=\"mb-notify\" name=\"notify_guest\" value=\"1\">\n\t\t\t\t<label for=\"mb-notify\">Senden Sie dem Gast eine Best\u00e4tigungs-E-Mail<\/label>\n\t\t\t<\/div>\n\n\t\t\t<div class=\"notification closeable error\" id=\"mb-error\" style=\"display:none;\"><\/div>\n\n\t\t<\/div>\n\n\t\t<!-- Footer -->\n\t\t<div class=\"mb-modal-footer\">\n\t\t\t\n\t\t\t<button type=\"submit\" class=\"button\" id=\"mb-submit\">\n\t\t\t\t<i class=\"fa fa-circle-o-notch fa-spin\" aria-hidden=\"true\"><\/i>Buchung hinzuf\u00fcgen\t\t\t<\/button>\n\t\t<\/div>\n\n\t<\/form>\n<\/div>\n\n<style>\n\t\/* ---- Trigger button on the dashboard bookings header ---- *\/\n\t#add-manual-booking { font-size: 14px; padding: 5px 14px; margin-left: 12px; line-height: 22px; vertical-align: middle; position: relative; top: -2px; }\n\t#add-manual-booking i { margin-right: 4px; }\n\n\t\/* ---- Modal card ---- *\/\n\t#manual-booking-dialog.mb-modal { max-width: 640px; margin: 30px auto; padding: 0; overflow: hidden; border-radius: 6px; box-shadow: 0 18px 50px rgba(0,0,0,0.22); }\n\n\t\/* Header *\/\n\t#manual-booking-dialog .mb-modal-header { padding: 28px 36px 22px; border-bottom: 1px solid #ededed; }\n\t#manual-booking-dialog .mb-modal-header h3 { margin: 0; font-size: 24px; font-weight: 600; color: #222; letter-spacing: -0.2px; line-height: 1.2; }\n\t#manual-booking-dialog .mb-modal-subtitle { margin: 6px 0 0; font-size: 14px; font-weight: 500; color: #9a9a9a; line-height: 1.4; }\n\n\t\/* Close button (Magnific injects it; theme already makes it a grey circle) *\/\n\t#manual-booking-dialog .mfp-close { top: 26px; right: 30px; transition: all 0.2s ease-in-out; }\n\t#manual-booking-dialog .mfp-close:hover { background: #111; color: #fff; }\n\n\t\/* Body (scrolls; header + footer stay put) *\/\n\t#manual-booking-dialog .mb-modal-body { padding: 26px 36px 4px; max-height: calc(100vh - 250px); overflow: auto; }\n\n\t\/* Rows + fields *\/\n\t#manual-booking-dialog .manual-booking-row { margin-bottom: 22px; }\n\t\/* Select2 appends its dropdown into #mb-listing-row (dropdownParent). Anchor\n\t   it so the results open flush under the field instead of being offset by\n\t   the distance to .mfp-content (the gap\/overlap bug). *\/\n\t#manual-booking-dialog #mb-listing-row { position: relative; }\n\t#manual-booking-dialog #mb-listing-row .select2-container--open .select2-dropdown { margin-top: 0; }\n\t#manual-booking-dialog .manual-booking-row > label,\n\t#manual-booking-dialog .manual-booking-col > label { display: block; font-size: 15px; font-weight: 500; color: #222; margin-bottom: 8px; }\n\t#manual-booking-dialog input[type=text],\n\t#manual-booking-dialog input[type=email],\n\t#manual-booking-dialog input[type=tel],\n\t#manual-booking-dialog input[type=number],\n\t#manual-booking-dialog input[type=time],\n\t#manual-booking-dialog select,\n\t#manual-booking-dialog textarea { height: 51px; width: 100%; margin-bottom: 0; padding: 0 18px; outline: none; font-size: 15px; font-weight: 500; color: #5f6063; background: #fff; border: 1px solid #dbdbdb; box-shadow: 0 1px 3px rgba(0,0,0,0.06); border-radius: 6px; }\n\t#manual-booking-dialog textarea { height: auto; min-height: 110px; padding: 14px 18px; line-height: 24px; resize: vertical; }\n\t#manual-booking-dialog input:focus,\n\t#manual-booking-dialog select:focus,\n\t#manual-booking-dialog textarea:focus { box-shadow: 0 0 10px rgba(0,0,0,0.07); border-color: #d8d8d8; }\n\t\/* The theme hides :invalid selects globally; keep ours visible *\/\n\t#manual-booking-dialog select:invalid { height: 51px; opacity: 1; position: static; display: block; }\n\n\t\/* Two-column grid rows *\/\n\t#manual-booking-dialog .manual-booking-row.mb-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }\n\t\/* Guests row collapses to one column when children are disabled *\/\n\t#manual-booking-dialog .manual-booking-row.mb-cols.mb-one-col { grid-template-columns: 1fr; }\n\t#manual-booking-dialog .manual-booking-row.mb-cols .manual-booking-col { width: auto; display: block; margin: 0; }\n\n\t\/* Booking Details panel *\/\n\t#manual-booking-dialog .mb-panel { background: #f8f8f8; border-radius: 5px; padding: 24px 24px 6px; margin-bottom: 26px; }\n\n\t\/* Extra services list *\/\n\t#manual-booking-dialog .mb-services-list { background: #fff; border: 1px solid #e6e6e6; border-radius: 4px; overflow: hidden; }\n\t#manual-booking-dialog .mb-service { display: flex; align-items: center; gap: 12px; padding: 12px 16px; margin: 0; border-top: 1px solid #f0f0f0; cursor: pointer; }\n\t#manual-booking-dialog .mb-service:first-child { border-top: none; }\n\t#manual-booking-dialog .mb-service .mb-service-check { width: 18px; height: 18px; flex: none; margin: 0; box-shadow: none; cursor: pointer; }\n\t#manual-booking-dialog .mb-service .mb-service-name { flex: 1 1 auto; font-size: 15px; font-weight: 500; color: #333; }\n\t#manual-booking-dialog .mb-service .mb-service-price { flex: none; font-size: 14px; font-weight: 600; color: #66676b; }\n\t#manual-booking-dialog .mb-service .mb-service-qty { flex: none; width: 72px; height: 40px; padding: 0 10px; font-size: 14px; }\n\t#manual-booking-dialog .mb-section-title { font-size: 12px; font-weight: 600; letter-spacing: 0.6px; text-transform: uppercase; color: #9a9a9a; margin-bottom: 18px; }\n\n\t\/* Date field calendar icon *\/\n\t#manual-booking-dialog .mb-has-icon { position: relative; }\n\t#manual-booking-dialog .mb-has-icon > i { position: absolute; right: 18px; top: 50%; transform: translateY(-50%); color: #b0b0b0; font-size: 15px; pointer-events: none; }\n\t#manual-booking-dialog .mb-has-icon input { padding-right: 44px; }\n\n\t\/* Price prefix *\/\n\t#manual-booking-dialog .mb-price-wrap { position: relative; }\n\t#manual-booking-dialog .mb-price-wrap > span { position: absolute; left: 18px; top: 50%; transform: translateY(-50%); font-size: 15px; font-weight: 500; color: #9a9a9a; pointer-events: none; z-index: 1; }\n\t#manual-booking-dialog .mb-price-wrap input { padding-left: 32px; }\n\n\t\/* Availability banner (JS sets text + .mb-ok \/ .mb-bad) *\/\n\t#manual-booking-dialog .mb-feedback { display: flex; align-items: center; gap: 10px; margin: 0 0 4px; padding: 14px 18px; border-radius: 4px; font-size: 15px; font-weight: 500; }\n\t#manual-booking-dialog .mb-feedback:before { font-family: \"Font Awesome 6 Free\", \"Font Awesome 5 Free\", FontAwesome; font-weight: 900; font-size: 15px; }\n\t#manual-booking-dialog .mb-feedback.mb-ok { background: rgba(107,193,39,0.12); color: #4e8f1e; }\n\t#manual-booking-dialog .mb-feedback.mb-ok:before { content: \"\\f058\"; }\n\t#manual-booking-dialog .mb-feedback.mb-bad { background: rgba(249,25,66,0.10); color: #a12622; }\n\t#manual-booking-dialog .mb-feedback.mb-bad:before { content: \"\\f06a\"; }\n\n\t\/* Notify checkbox *\/\n\t#manual-booking-dialog .checkboxes label { display: inline; }\n\t#manual-booking-dialog #mb-notify-row { margin-bottom: 6px; }\n\t#manual-booking-dialog #mb-error { margin: 0 0 4px; }\n\n\t\/* Footer *\/\n\t#manual-booking-dialog .mb-modal-footer { display: flex; align-items: center; justify-content: flex-end; gap: 12px; padding: 20px 36px; border-top: 1px solid #ededed; background: #fff; }\n\t#manual-booking-dialog #mb-cancel { margin: 0; padding: 9px 22px; font-size: 15px; font-weight: 500; line-height: 26px; color: #66676b; background: transparent; border: 1px solid #66676b; border-radius: 50px; }\n\t#manual-booking-dialog #mb-cancel:hover { background: #66676b; color: #fff; box-shadow: none; }\n\t#manual-booking-dialog #mb-submit { margin: 0; padding: 10px 26px; border-radius: 50px; font-weight: 600; line-height: 26px; }\n\t#manual-booking-dialog #mb-submit i { display: none; }\n\t#manual-booking-dialog #mb-submit.loading i { display: inline-block; margin-right: 6px; }\n\n\t@media (max-width: 768px) {\n\t\t#manual-booking-dialog .mb-modal-header,\n\t\t#manual-booking-dialog .mb-modal-body,\n\t\t#manual-booking-dialog .mb-modal-footer { padding-left: 22px; padding-right: 22px; }\n\t\t#manual-booking-dialog .manual-booking-row.mb-cols { grid-template-columns: 1fr; gap: 0; }\n\t\t#manual-booking-dialog .manual-booking-row.mb-cols .manual-booking-col { margin-bottom: 22px; }\n\t}\n<\/style>\n<\/div>\n\n<script>\n( function () {\n\tvar root = document.currentScript ? document.currentScript.previousElementSibling : null;\n\t\/\/ Fallback: grab the last rendered list view.\n\tif ( ! root || ! root.classList || ! root.classList.contains( 'lstb-bookings' ) ) {\n\t\tvar nodes = document.querySelectorAll( '.lstb-list-view' );\n\t\troot = nodes.length ? nodes[ nodes.length - 1 ] : null;\n\t}\n\tif ( ! root ) {\n\t\treturn;\n\t}\n\n\t\/\/ Owner tabs are plain ?status= links (handled by a full reload); only the\n\t\/\/ guest view filters client-side here.\n\tif ( root.getAttribute( 'data-role' ) !== 'user' ) {\n\t\treturn;\n\t}\n\n\tvar tabs = root.querySelectorAll( '.lstb-tab' );\n\n\tfunction setActive( tab ) {\n\t\ttabs.forEach( function ( t ) { t.classList.remove( 'is-active' ); } );\n\t\ttab.classList.add( 'is-active' );\n\t}\n\n\tvar emptyBox = root.querySelector( '#no-bookings-information' );\n\n\ttabs.forEach( function ( tab ) {\n\t\ttab.addEventListener( 'click', function () {\n\t\t\tsetActive( tab );\n\t\t\tvar group = tab.getAttribute( 'data-tab' );\n\t\t\tvar cards = root.querySelectorAll( '#booking-requests > .lstb-card' );\n\t\t\tvar visible = 0;\n\t\t\tcards.forEach( function ( card ) {\n\t\t\t\tvar g = card.getAttribute( 'data-status-group' );\n\t\t\t\tvar show = ( group === 'all' || g === group );\n\t\t\t\tcard.style.display = show ? '' : 'none';\n\t\t\t\tif ( show ) { visible++; }\n\t\t\t} );\n\t\t\t\/\/ Show the \"no bookings match\" box when the active filter is empty.\n\t\t\tif ( emptyBox ) {\n\t\t\t\temptyBox.style.display = visible ? 'none' : '';\n\t\t\t}\n\t\t} );\n\t} );\n}() );\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-dashboard.php","meta":{"footnotes":""},"class_list":["post-174","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/v2.fewo.ch\/index.php?rest_route=\/wp\/v2\/pages\/174","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/v2.fewo.ch\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/v2.fewo.ch\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/v2.fewo.ch\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/v2.fewo.ch\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=174"}],"version-history":[{"count":0,"href":"https:\/\/v2.fewo.ch\/index.php?rest_route=\/wp\/v2\/pages\/174\/revisions"}],"wp:attachment":[{"href":"https:\/\/v2.fewo.ch\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=174"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}