{"id":11433,"date":"2026-03-03T02:15:59","date_gmt":"2026-03-03T02:15:59","guid":{"rendered":"https:\/\/taghazoutsurflessons.com\/?page_id=11433"},"modified":"2026-04-25T12:41:19","modified_gmt":"2026-04-25T12:41:19","slug":"booking","status":"publish","type":"page","link":"https:\/\/taghazoutsurflessons.com\/fr\/booking\/","title":{"rendered":"Book Your Surf Lessons"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11433\" class=\"elementor elementor-11433\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ae3a941 e-con-full e-flex e-con e-parent\" data-id=\"ae3a941\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9186fc5 elementor-widget-laptop__width-initial elementor-widget elementor-widget-heading\" data-id=\"9186fc5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\"> Book Your Surf Lessons<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8c39425 elementor-widget-laptop__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"8c39425\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Book your surf lessons online. Get instant Confirmation.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4733847 e-con-full e-flex e-con e-parent\" data-id=\"4733847\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f2274a9 elementor-widget-tablet__width-initial elementor-widget elementor-widget-html\" data-id=\"f2274a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- SURF BOOKING FORM \u2014 DROP-IN COMPONENT\r\n     .bk scoped | IIFE JS | fetch Formspree | zero globals\r\n     EDIT: data-bk-formspree | data-bk-thankyou | TC href -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n.bk,.bk *,.bk *::before,.bk *::after{box-sizing:border-box;margin:0;padding:0}\r\n.bk{font-family:'Poppins',sans-serif;-webkit-font-smoothing:antialiased;color:#1a1a1a;background:transparent;padding:36px 16px 64px;width:100%;--b:#2A9D8F;--bd:#1f7a6e;--lt:rgba(42,157,143,.09);--bb:rgba(42,157,143,.24);--tx:#1a1a1a;--mu:#6b7280;--su:#9ca3af;--bo:#e5e7eb;--wh:#ffffff;--er:#dc2626}\r\n.bk .bk-hdr{text-align:center;max-width:400px;margin:0 auto 20px}\r\n.bk .bk-hdr h2{font-size:clamp(20px,5.5vw,26px);font-weight:700;line-height:1.2;color:var(--tx);margin-bottom:4px}\r\n.bk .bk-hdr h2 span{color:var(--b)}\r\n.bk .bk-hdr p{font-size:12.5px;color:var(--mu)}\r\n.bk .bk-step{display:flex;align-items:center;justify-content:center;max-width:260px;margin:0 auto 20px}\r\n.bk .bk-si{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}\r\n.bk .bk-dot{position:relative;width:28px;height:28px;border-radius:50%;border:2px solid var(--bo);background:var(--wh);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--su);transition:all .3s}\r\n.bk .bk-si.bk-a .bk-dot{border-color:var(--b);background:var(--b);color:#fff;box-shadow:0 0 0 4px var(--lt)}\r\n.bk .bk-si.bk-d .bk-dot{border-color:var(--b);background:var(--b);color:#fff}\r\n.bk .bk-si.bk-d .bk-dot .bk-sn{display:none}\r\n.bk .bk-si.bk-d .bk-dot::after{content:'';position:absolute;width:7px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}\r\n.bk .bk-sl{font-size:8.5px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--su);white-space:nowrap;transition:color .3s}\r\n.bk .bk-si.bk-a .bk-sl,.bk .bk-si.bk-d .bk-sl{color:var(--b)}\r\n.bk .bk-ln{flex:1;height:1.5px;background:var(--bo);margin:0 5px 18px;min-width:20px;transition:background .4s}\r\n.bk .bk-ln.bk-d{background:var(--b)}\r\n.bk .bk-card{max-width:520px;margin:0 auto;background:var(--wh);border-radius:16px;border:1px solid var(--bo);padding:26px 22px;box-shadow:0 4px 28px rgba(0,0,0,.08)}\r\n@media(max-width:400px){.bk .bk-card{padding:18px 14px;border-radius:12px}}\r\n.bk .bk-panel{display:none}\r\n.bk .bk-panel.bk-on{display:block;animation:bkUp .2s ease}\r\n@keyframes bkUp{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}\r\n.bk .bk-pt{font-size:14px;font-weight:700;color:var(--tx);margin-bottom:2px}\r\n.bk .bk-ps{font-size:11.5px;color:var(--mu);margin-bottom:16px}\r\n.bk .bk-bar{display:none;flex-wrap:wrap;gap:2px 8px;background:var(--lt);border:1px solid var(--bb);border-radius:7px;padding:7px 12px;margin-bottom:14px;font-size:11px;color:var(--mu)}\r\n.bk .bk-bar.bk-on{display:flex}\r\n.bk .bk-bar strong{color:var(--b);font-weight:600}\r\n.bk .bk-ls{display:flex;flex-direction:column;gap:8px}\r\n.bk .bk-lo{position:relative}\r\n.bk .bk-lo input[type=radio]{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}\r\n.bk .bk-lc{display:flex;align-items:center;gap:10px;border:1.5px solid var(--bo);border-radius:11px;padding:12px 14px;cursor:pointer;background:transparent;transition:border-color .18s,background .18s;-webkit-tap-highlight-color:transparent;min-height:58px;width:100%}\r\n.bk .bk-lo input:checked+.bk-lc{border-color:var(--b);background:var(--lt);box-shadow:0 0 0 3px var(--lt)}\r\n.bk .bk-radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--bo);flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center;transition:border-color .18s}\r\n.bk .bk-radio::after{content:'';width:8px;height:8px;border-radius:50%;background:var(--b);opacity:0;transform:scale(0);transition:opacity .18s,transform .18s}\r\n.bk .bk-lo input:checked+.bk-lc .bk-radio{border-color:var(--b)}\r\n.bk .bk-lo input:checked+.bk-lc .bk-radio::after{opacity:1;transform:scale(1)}\r\n.bk .bk-li{flex:1;min-width:0}\r\n.bk .bk-ln2{font-size:13px;font-weight:700;color:var(--tx)}\r\n.bk .bk-ld{font-size:11px;color:var(--mu);margin-top:1px}\r\n.bk .bk-badge{font-size:8px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--b);background:rgba(42,157,143,.11);border-radius:20px;padding:2px 6px;white-space:nowrap;flex-shrink:0;align-self:flex-start}\r\n.bk .bk-pr{font-size:15px;font-weight:700;color:var(--b);white-space:nowrap;flex-shrink:0;text-align:right}\r\n.bk .bk-pr small{display:block;font-size:9px;font-weight:400;color:var(--mu)}\r\n.bk .bk-lerr{font-size:11px;color:var(--er);margin-top:5px;display:none}\r\n.bk .bk-cw{display:none;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:10px;background:var(--lt);border:1.5px solid var(--bb);border-radius:11px;padding:12px 14px}\r\n.bk .bk-cw.bk-on{display:flex}\r\n.bk .bk-ci{flex:1;min-width:100px}\r\n.bk .bk-cl{font-size:12px;font-weight:700;color:var(--tx);display:block;margin-bottom:1px}\r\n.bk .bk-cn{font-size:10.5px;color:var(--mu)}\r\n.bk .bk-ctr{display:flex;align-items:center;border:1.5px solid var(--bb);border-radius:10px;overflow:hidden;background:var(--wh);flex-shrink:0}\r\n.bk .bk-cb{width:44px;height:44px;background:transparent;border:none;font-size:22px;color:var(--b);cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation;line-height:1}\r\n.bk .bk-cb:disabled{color:var(--bo);cursor:default}\r\n.bk .bk-cv{min-width:44px;text-align:center;font-size:16px;font-weight:700;color:var(--tx);border-left:1.5px solid var(--bb);border-right:1.5px solid var(--bb);height:44px;display:flex;align-items:center;justify-content:center}\r\n.bk .bk-solo{display:none;align-items:center;gap:10px;margin-top:10px;background:var(--lt);border:1.5px solid var(--bb);border-radius:11px;padding:11px 14px}\r\n.bk .bk-solo.bk-on{display:flex}\r\n.bk .bk-solo-t{font-size:11.5px;color:var(--mu);line-height:1.45}\r\n.bk .bk-solo-t b{color:var(--b);font-weight:700}\r\n.bk .bk-flds{display:flex;flex-direction:column;gap:14px}\r\n.bk .bk-fg{display:flex;flex-direction:column;gap:5px}\r\n.bk .bk-fg>label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--tx)}\r\n.bk .bk-fg>label .bk-r{color:var(--b)}\r\n.bk .bk-em{font-size:10px;color:var(--er);display:none}\r\n.bk .bk-fg.bk-err .bk-em{display:block}\r\n.bk .bk-dw{position:relative}\r\n.bk .bk-di{position:absolute;left:13px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--b);display:flex;align-items:center;z-index:1}\r\n.bk .bk-date{font-family:'Poppins',sans-serif;font-size:14px;font-weight:500;color:var(--tx);background:var(--wh);border:1.5px solid var(--bo);border-radius:10px;padding:0 12px 0 42px;width:100%;outline:none;-webkit-appearance:none;appearance:none;height:46px;cursor:pointer;transition:border-color .18s,box-shadow .18s}\r\n.bk .bk-date:focus{border-color:var(--b);box-shadow:0 0 0 3px var(--lt)}\r\n.bk .bk-fg.bk-err .bk-date{border-color:var(--er)}\r\n.bk .bk-date::-webkit-calendar-picker-indicator{opacity:0;position:absolute;right:0;width:100%;height:100%;cursor:pointer}\r\n.bk .bk-fg input[type=text],.bk .bk-fg input[type=email]{font-family:'Poppins',sans-serif;font-size:14px;font-weight:500;color:var(--tx);background:transparent;border:1.5px solid var(--bo);border-radius:10px;padding:0 12px;width:100%;outline:none;-webkit-appearance:none;appearance:none;height:46px;transition:border-color .18s,box-shadow .18s}\r\n.bk .bk-fg input[type=text]:focus,.bk .bk-fg input[type=email]:focus{border-color:var(--b);box-shadow:0 0 0 3px var(--lt)}\r\n.bk .bk-fg input::-webkit-input-placeholder{color:#c5cad2}\r\n.bk .bk-fg input::placeholder{color:#c5cad2}\r\n.bk .bk-fg.bk-err input[type=text],.bk .bk-fg.bk-err input[type=email]{border-color:var(--er)}\r\n\/* === PHONE + COUNTRY FLAG PICKER === *\/\r\n.bk .bk-phone-wrap{display:flex;border:1.5px solid var(--bo);border-radius:10px;overflow:hidden;background:var(--wh);transition:border-color .18s,box-shadow .18s}\r\n.bk .bk-phone-wrap:focus-within{border-color:var(--b);box-shadow:0 0 0 3px var(--lt)}\r\n.bk .bk-fg.bk-err .bk-phone-wrap{border-color:var(--er)}\r\n.bk .bk-dial-btn{display:flex;align-items:center;gap:5px;padding:0 10px 0 12px;background:rgba(42,157,143,.06);border:none;border-right:1.5px solid var(--bo);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;height:46px;flex-shrink:0;font-family:'Poppins',sans-serif;font-size:13px;font-weight:600;color:var(--tx);white-space:nowrap;transition:background .15s;position:relative}\r\n.bk .bk-dial-btn:hover,.bk .bk-dial-btn:focus{background:rgba(42,157,143,.13);outline:none}\r\n.bk .bk-flag{font-size:18px;line-height:1}\r\n.bk .bk-dcode{color:var(--b);font-size:13px;font-weight:700}\r\n.bk .bk-caret{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--su);flex-shrink:0;transition:transform .2s}\r\n.bk .bk-dial-btn[aria-expanded=true] .bk-caret{transform:rotate(180deg)}\r\n.bk .bk-phone-inp{font-family:'Poppins',sans-serif;font-size:14px;font-weight:500;color:var(--tx);background:transparent;border:none;padding:0 12px;flex:1;outline:none;min-width:0;height:44px}\r\n.bk .bk-phone-inp::-webkit-input-placeholder{color:#c5cad2}\r\n.bk .bk-phone-inp::placeholder{color:#c5cad2}\r\n.bk .bk-phone-pos{position:relative}\r\n.bk .bk-dd{display:none;position:absolute;top:calc(100% + 4px);left:0;min-width:250px;max-height:240px;overflow-y:auto;background:var(--wh);border:1.5px solid var(--bo);border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.12);z-index:9999;-webkit-overflow-scrolling:touch}\r\n.bk .bk-dd.bk-open{display:block;animation:bkUp .15s ease}\r\n.bk .bk-dsearch{width:100%;border:none;border-bottom:1px solid var(--bo);padding:10px 14px;font-family:'Poppins',sans-serif;font-size:13px;color:var(--tx);outline:none;background:rgba(42,157,143,.04)}\r\n.bk .bk-dsearch::placeholder{color:var(--su)}\r\n.bk .bk-country{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;font-size:13px;font-weight:500;color:var(--tx);-webkit-tap-highlight-color:transparent;transition:background .12s}\r\n.bk .bk-country:hover,.bk .bk-country.bk-sel{background:var(--lt)}\r\n.bk .bk-country .bk-flag{font-size:16px}\r\n.bk .bk-cname{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\r\n.bk .bk-cdc{color:var(--b);font-size:12px;font-weight:700;flex-shrink:0}\r\n\/* === TIME SLOTS === *\/\r\n.bk .bk-times{display:flex;gap:6px}\r\n.bk .bk-to{position:relative;flex:1}\r\n.bk .bk-to input[type=radio]{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}\r\n.bk .bk-tl{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:1.5px solid var(--bo);border-radius:10px;padding:11px 4px;cursor:pointer;text-align:center;background:transparent;transition:border-color .18s,background .18s;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:58px;width:100%}\r\n.bk .bk-to input:checked+.bk-tl{border-color:var(--b);background:var(--b);box-shadow:0 3px 10px rgba(42,157,143,.22)}\r\n.bk .bk-tt{font-size:12.5px;font-weight:700;color:var(--tx);transition:color .18s}\r\n.bk .bk-tn{font-size:9.5px;color:var(--mu);transition:color .18s}\r\n.bk .bk-to input:checked+.bk-tl .bk-tt,.bk .bk-to input:checked+.bk-tl .bk-tn{color:#fff}\r\n\/* === LEVEL === *\/\r\n.bk .bk-lvs{display:flex;gap:8px}\r\n.bk .bk-lvo{position:relative;flex:1}\r\n.bk .bk-lvo input[type=radio]{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}\r\n.bk .bk-lvl{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:1.5px solid var(--bo);border-radius:10px;padding:12px 8px;cursor:pointer;text-align:center;background:transparent;transition:border-color .18s,background .18s;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:58px;width:100%}\r\n.bk .bk-lvo input:checked+.bk-lvl{border-color:var(--b);background:var(--b);box-shadow:0 3px 10px rgba(42,157,143,.22)}\r\n.bk .bk-lvn{font-size:12.5px;font-weight:700;color:var(--tx);transition:color .18s}\r\n.bk .bk-lvd{font-size:9.5px;color:var(--mu);transition:color .18s}\r\n.bk .bk-lvo input:checked+.bk-lvl .bk-lvn,.bk .bk-lvo input:checked+.bk-lvl .bk-lvd{color:#fff}\r\n.bk .bk-hr{border:none;border-top:1px solid var(--bo)}\r\n.bk .bk-2c{display:flex;gap:10px}\r\n.bk .bk-2c .bk-fg{flex:1;min-width:0}\r\n@media(max-width:380px){.bk .bk-2c{flex-direction:column}}\r\n\/* === ECOM ORDER SUMMARY === *\/\r\n.bk .bk-order{border:1.5px solid var(--bb);border-radius:14px;overflow:hidden}\r\n.bk .bk-order-head{background:var(--lt);border-bottom:1.5px solid var(--bb);padding:9px 16px;display:flex;align-items:center;gap:7px}\r\n.bk .bk-order-head svg{color:var(--b);flex-shrink:0}\r\n.bk .bk-order-head span{font-size:9.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--b)}\r\n.bk .bk-order-body{padding:14px 16px 10px;display:flex;flex-direction:column;gap:6px}\r\n.bk .bk-oi{display:flex;align-items:baseline;justify-content:space-between;gap:8px}\r\n.bk .bk-oi-name{font-size:13px;font-weight:600;color:var(--tx);flex:1}\r\n.bk .bk-oi-calc{display:flex;align-items:center;gap:4px;flex-shrink:0;white-space:nowrap}\r\n.bk .bk-oi-qty{font-size:12px;font-weight:600;color:var(--mu)}\r\n.bk .bk-oi-x{font-size:10px;color:var(--su)}\r\n.bk .bk-oi-unit{font-size:12px;font-weight:600;color:var(--mu)}\r\n.bk .bk-oi-eq{font-size:10px;color:var(--su)}\r\n.bk .bk-oi-sub{font-size:14px;font-weight:700;color:var(--b)}\r\n.bk .bk-oi-meta{font-size:11px;color:var(--mu);margin-top:-2px}\r\n.bk .bk-odiv{height:1px;background:var(--bo);margin:4px 0}\r\n.bk .bk-total-row{display:flex;align-items:center;justify-content:space-between;background:var(--b);padding:13px 16px;margin:0}\r\n.bk .bk-total-l{display:flex;flex-direction:column;gap:1px}\r\n.bk .bk-total-lbl{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:rgba(255,255,255,.65)}\r\n.bk .bk-total-note{font-size:10.5px;color:rgba(255,255,255,.82)}\r\n.bk .bk-total-amt{font-size:26px;font-weight:700;color:#fff}\r\n\/* === T&C === *\/\r\n.bk .bk-tcw{display:flex;align-items:flex-start;gap:11px;padding:13px 15px;background:var(--wh);border:1.5px solid var(--bo);border-radius:12px;cursor:pointer;transition:border-color .18s,background .18s;-webkit-tap-highlight-color:transparent}\r\n.bk .bk-tcw.bk-tc-on{border-color:var(--b);background:var(--lt)}\r\n.bk .bk-tcw.bk-tc-er{border-color:var(--er);background:rgba(220,38,38,.04)}\r\n.bk .bk-tccb{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}\r\n.bk .bk-tcbox{width:20px;height:20px;border-radius:5px;border:2px solid var(--bo);background:var(--wh);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;position:relative;transition:border-color .18s,background .18s}\r\n.bk .bk-tcbox::after{content:'';position:absolute;width:10px;height:6px;border-left:2.5px solid #fff;border-bottom:2.5px solid #fff;transform:rotate(-45deg) translate(1px,-1px);opacity:0;transition:opacity .15s}\r\n.bk .bk-tcw.bk-tc-on .bk-tcbox{border-color:var(--b);background:var(--b)}\r\n.bk .bk-tcw.bk-tc-on .bk-tcbox::after{opacity:1}\r\n.bk .bk-tclbl{font-size:12px;color:var(--mu);line-height:1.55;cursor:pointer}\r\n.bk .bk-tclbl a{color:var(--b);font-weight:600;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s}\r\n.bk .bk-tclbl a:hover{border-bottom-color:var(--b)}\r\n.bk .bk-tcerr{font-size:10px;color:var(--er);display:none;margin-top:4px}\r\n\/* === NAV === *\/\r\n.bk .bk-nav{display:flex;align-items:center;gap:10px;margin-top:20px}\r\n.bk .bk-sp{flex:1}\r\n.bk .bk-back{font-family:'Poppins',sans-serif;font-size:13px;font-weight:600;color:var(--mu);background:transparent;border:1.5px solid var(--bo);border-radius:10px;padding:0 16px;height:46px;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation;flex-shrink:0;transition:color .18s,border-color .18s}\r\n.bk .bk-back:active{color:var(--b);border-color:var(--b)}\r\n.bk .bk-next,.bk .bk-sub{font-family:'Poppins',sans-serif;font-size:14px;font-weight:700;color:#fff;background:var(--b);border:none;border-radius:10px;padding:0 20px;height:46px;cursor:pointer;box-shadow:0 4px 14px rgba(42,157,143,.28);display:flex;align-items:center;justify-content:center;gap:6px;flex:1;max-width:200px;white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background .18s}\r\n.bk .bk-next:active,.bk .bk-sub:active{background:var(--bd)}\r\n.bk .bk-sub.bk-loading{opacity:.7;pointer-events:none}\r\n.bk .bk-trust{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 14px;margin-top:16px}\r\n.bk .bk-trust span{font-size:10px;color:var(--su);display:flex;align-items:center;gap:4px}\r\n.bk .bk-trust span::before{content:'';width:4px;height:4px;background:var(--b);border-radius:50%;flex-shrink:0}\r\n<\/style>\r\n\r\n<div class=\"bk\">\r\n  <div class=\"bk-hdr\">\r\n    <h2>Surf Lessons Booking Form<\/span><\/h2>\r\n    <p>Once you submit your request, we'll get in touch with you via WhatsApp<\/p>\r\n  <\/div>\r\n  <div class=\"bk-step\">\r\n    <div class=\"bk-si bk-a\" id=\"bksi1\"><div class=\"bk-dot\"><span class=\"bk-sn\">1<\/span><\/div><div class=\"bk-sl\">Lesson<\/div><\/div>\r\n    <div class=\"bk-ln\" id=\"bkl1\"><\/div>\r\n    <div class=\"bk-si\" id=\"bksi2\"><div class=\"bk-dot\"><span class=\"bk-sn\">2<\/span><\/div><div class=\"bk-sl\">Schedule<\/div><\/div>\r\n    <div class=\"bk-ln\" id=\"bkl2\"><\/div>\r\n    <div class=\"bk-si\" id=\"bksi3\"><div class=\"bk-dot\"><span class=\"bk-sn\">3<\/span><\/div><div class=\"bk-sl\">Details<\/div><\/div>\r\n  <\/div>\r\n  <div class=\"bk-card\">\r\n    <form id=\"bkform\"\r\n      data-bk-formspree=\"https:\/\/formspree.io\/f\/xqedvyne\"\r\n      data-bk-thankyou=\"https:\/\/taghazoutsurflessons.com\/thank-you\"\r\n      novalidate>\r\n      <input type=\"hidden\" name=\"participants\" id=\"bkph\" value=\"\">\r\n      <input type=\"hidden\" name=\"country_code\" id=\"bkcc\" value=\"+212\">\r\n\r\n      <!-- STEP 1 -->\r\n      <div class=\"bk-panel bk-on\" id=\"bkp1\">\r\n        <div class=\"bk-pt\">Choose your lesson<\/div>\r\n        <div class=\"bk-ps\">Board &amp; wetsuit included &mdash; pay on arrival<\/div>\r\n        <div class=\"bk-ls\">\r\n          <div class=\"bk-lo\">\r\n            <input type=\"radio\" name=\"lesson_type\" id=\"bklog\" value=\"Open Group\">\r\n            <label class=\"bk-lc\" for=\"bklog\">\r\n              <div class=\"bk-radio\"><\/div>\r\n              <div class=\"bk-li\"><div class=\"bk-ln2\">Open Group<\/div><div class=\"bk-ld\">All levels &bull; Small group<\/div><\/div>\r\n              <span class=\"bk-badge\">Most popular<\/span>\r\n              <div class=\"bk-pr\">&euro;25<small>\/person<\/small><\/div>\r\n            <\/label>\r\n          <\/div>\r\n          <div class=\"bk-lo\">\r\n            <input type=\"radio\" name=\"lesson_type\" id=\"bklpg\" value=\"Private Group\">\r\n            <label class=\"bk-lc\" for=\"bklpg\">\r\n              <div class=\"bk-radio\"><\/div>\r\n              <div class=\"bk-li\"><div class=\"bk-ln2\">Private Group<\/div><div class=\"bk-ld\">Your crew &bull; Dedicated coach<\/div><\/div>\r\n              <div class=\"bk-pr\">&euro;30<small>\/person<\/small><\/div>\r\n            <\/label>\r\n          <\/div>\r\n          <div class=\"bk-lo\">\r\n            <input type=\"radio\" name=\"lesson_type\" id=\"bkl11\" value=\"1-on-1 Coaching\">\r\n            <label class=\"bk-lc\" for=\"bkl11\">\r\n              <div class=\"bk-radio\"><\/div>\r\n              <div class=\"bk-li\"><div class=\"bk-ln2\">1-on-1 Coaching<\/div><div class=\"bk-ld\">Full attention &bull; Fastest progress<\/div><\/div>\r\n              <div class=\"bk-pr\">&euro;55<small>\/session<\/small><\/div>\r\n            <\/label>\r\n          <\/div>\r\n        <\/div>\r\n        <p class=\"bk-lerr\" id=\"bklerr\" role=\"alert\">Please select a lesson type.<\/p>\r\n        <div class=\"bk-cw\" id=\"bkcw\">\r\n          <div class=\"bk-ci\">\r\n            <span class=\"bk-cl\">Number of people<\/span>\r\n            <span class=\"bk-cn\" id=\"bkcn\">&nbsp;<\/span>\r\n          <\/div>\r\n          <div class=\"bk-ctr\">\r\n            <button type=\"button\" class=\"bk-cb\" id=\"bkmi\" disabled>&#8722;<\/button>\r\n            <div class=\"bk-cv\" id=\"bkcv\">1<\/div>\r\n            <button type=\"button\" class=\"bk-cb\" id=\"bkpl\">&#43;<\/button>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"bk-solo\" id=\"bksolo\">\r\n          <div class=\"bk-solo-t\"><b>1-on-1 session<\/b> &mdash; your own coach for the full 2 hours.<\/div>\r\n        <\/div>\r\n        <div class=\"bk-nav\"><div class=\"bk-sp\"><\/div>\r\n          <button type=\"button\" class=\"bk-next\" id=\"bkn1\">Continue\r\n            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\r\n          <\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- STEP 2 -->\r\n      <div class=\"bk-panel\" id=\"bkp2\">\r\n        <div class=\"bk-bar bk-on\" id=\"bkbar2\">Lesson: <strong id=\"bkb2l\">&#8212;<\/strong><span id=\"bkb2pp\">&nbsp;&bull; People: <strong id=\"bkb2p\">&#8212;<\/strong><\/span><\/div>\r\n        <div class=\"bk-pt\">Pick your session<\/div>\r\n        <div class=\"bk-ps\">Select date, time &amp; level<\/div>\r\n        <div class=\"bk-flds\">\r\n          <div class=\"bk-fg\" id=\"bkfgdate\">\r\n            <label for=\"bkdate\">Date <span class=\"bk-r\">*<\/span><\/label>\r\n            <div class=\"bk-dw\">\r\n              <span class=\"bk-di\"><svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg><\/span>\r\n              <input type=\"date\" name=\"date\" id=\"bkdate\" class=\"bk-date\">\r\n            <\/div>\r\n            <span class=\"bk-em\" role=\"alert\">Please select a date.<\/span>\r\n          <\/div>\r\n          <div class=\"bk-fg\" id=\"bkfgtime\">\r\n            <label>Session time <span class=\"bk-r\">*<\/span><\/label>\r\n            <div class=\"bk-times\">\r\n              <div class=\"bk-to\"><input type=\"radio\" name=\"time_slot\" id=\"bkt1\" value=\"10:00 AM\"><label class=\"bk-tl\" for=\"bkt1\"><span class=\"bk-tt\">10:00<\/span><span class=\"bk-tn\">Morning<\/span><\/label><\/div>\r\n              <div class=\"bk-to\"><input type=\"radio\" name=\"time_slot\" id=\"bkt2\" value=\"12:00 PM\"><label class=\"bk-tl\" for=\"bkt2\"><span class=\"bk-tt\">12:00<\/span><span class=\"bk-tn\">Midday<\/span><\/label><\/div>\r\n              <div class=\"bk-to\"><input type=\"radio\" name=\"time_slot\" id=\"bkt3\" value=\"3:00 PM\"><label class=\"bk-tl\" for=\"bkt3\"><span class=\"bk-tt\">15:00<\/span><span class=\"bk-tn\">Afternoon<\/span><\/label><\/div>\r\n            <\/div>\r\n            <span class=\"bk-em\" id=\"bktme\" role=\"alert\">Please select a time.<\/span>\r\n          <\/div>\r\n          <div class=\"bk-hr\"><\/div>\r\n          <div class=\"bk-fg\" id=\"bkfglv\">\r\n            <label>Your surf level <span class=\"bk-r\">*<\/span><\/label>\r\n            <div class=\"bk-lvs\">\r\n              <div class=\"bk-lvo\"><input type=\"radio\" name=\"surf_level\" id=\"bklv1\" value=\"Beginner\"><label class=\"bk-lvl\" for=\"bklv1\"><span class=\"bk-lvn\">Beginner<\/span><span class=\"bk-lvd\">Never surfed<\/span><\/label><\/div>\r\n              <div class=\"bk-lvo\"><input type=\"radio\" name=\"surf_level\" id=\"bklv2\" value=\"Intermediate\"><label class=\"bk-lvl\" for=\"bklv2\"><span class=\"bk-lvn\">Intermediate<\/span><span class=\"bk-lvd\">Can stand up<\/span><\/label><\/div>\r\n            <\/div>\r\n            <span class=\"bk-em\" id=\"bklve\" role=\"alert\">Please select your level.<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"bk-nav\">\r\n          <button type=\"button\" class=\"bk-back\" id=\"bkb2\">&#8592; Back<\/button>\r\n          <button type=\"button\" class=\"bk-next\" id=\"bkn2\">Continue\r\n            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\r\n          <\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- STEP 3 -->\r\n      <div class=\"bk-panel\" id=\"bkp3\">\r\n        <div class=\"bk-bar bk-on\" id=\"bkbar3\">Lesson: <strong id=\"bkb3l\">&#8212;<\/strong> &bull; <strong id=\"bkb3d\">&#8212;<\/strong> &bull; <strong id=\"bkb3t\">&#8212;<\/strong><\/div>\r\n        <div class=\"bk-pt\">Your details<\/div>\r\n        <div class=\"bk-ps\">We confirm your spot on WhatsApp<\/div>\r\n        <div class=\"bk-flds\">\r\n          <div class=\"bk-fg\" id=\"bkfgname\">\r\n            <label for=\"bkname\">Full name <span class=\"bk-r\">*<\/span><\/label>\r\n            <input type=\"text\" name=\"full_name\" id=\"bkname\" placeholder=\"Your name\" autocomplete=\"name\">\r\n            <span class=\"bk-em\" role=\"alert\">Please enter your real name.<\/span>\r\n          <\/div>\r\n          <div class=\"bk-fg\" id=\"bkfgemail\">\r\n            <label for=\"bkemail\">Email <span class=\"bk-r\">*<\/span><\/label>\r\n            <input type=\"email\" name=\"email\" id=\"bkemail\" placeholder=\"you@email.com\" autocomplete=\"email\" inputmode=\"email\">\r\n            <span class=\"bk-em\" role=\"alert\">Please enter a valid email address.<\/span>\r\n          <\/div>\r\n          <!-- PHONE WITH COUNTRY FLAG -->\r\n          <div class=\"bk-fg\" id=\"bkfgphone\">\r\n            <label>WhatsApp number <span class=\"bk-r\">*<\/span><\/label>\r\n            <div class=\"bk-phone-pos\">\r\n              <div class=\"bk-phone-wrap\" id=\"bkpw\">\r\n                <button type=\"button\" class=\"bk-dial-btn\" id=\"bkdbt\" aria-label=\"Select country code\" aria-expanded=\"false\">\r\n                  <span class=\"bk-flag\" id=\"bkflag\">&#127474;&#127462;<\/span>\r\n                  <span class=\"bk-dcode\" id=\"bkdcode\">+212<\/span>\r\n                  <span class=\"bk-caret\"><\/span>\r\n                <\/button>\r\n                <input type=\"tel\" name=\"phone\" id=\"bkphone\" class=\"bk-phone-inp\" placeholder=\"6XX XXX XXX\" autocomplete=\"tel\" inputmode=\"tel\">\r\n              <\/div>\r\n              <div class=\"bk-dd\" id=\"bkdd\" role=\"listbox\">\r\n                <input type=\"text\" class=\"bk-dsearch\" id=\"bkdsr\" placeholder=\"Search country&#8230;\" autocomplete=\"off\">\r\n                <div id=\"bkdlist\"><\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <span class=\"bk-em\" role=\"alert\">Please enter a valid phone number.<\/span>\r\n          <\/div>\r\n\r\n          <!-- ORDER SUMMARY -->\r\n          <div class=\"bk-order\">\r\n            <div class=\"bk-order-head\">\r\n              <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 11l3 3L22 4\"\/><path d=\"M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11\"\/><\/svg>\r\n              <span>Order Summary<\/span>\r\n            <\/div>\r\n            <div class=\"bk-order-body\">\r\n              <div class=\"bk-oi\">\r\n                <span class=\"bk-oi-name\" id=\"bkoiname\">&#8212;<\/span>\r\n                <div class=\"bk-oi-calc\">\r\n                  <span class=\"bk-oi-qty\" id=\"bkoiqty\"><\/span>\r\n                  <span class=\"bk-oi-x\"  id=\"bkoix\"><\/span>\r\n                  <span class=\"bk-oi-unit\" id=\"bkoiunit\"><\/span>\r\n                  <span class=\"bk-oi-eq\"  id=\"bkoieq\"><\/span>\r\n                  <span class=\"bk-oi-sub\" id=\"bkoisub\">&#8212;<\/span>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"bk-oi-meta\" id=\"bkoimeta\"><\/div>\r\n            <\/div>\r\n            <div class=\"bk-odiv\" style=\"margin:0 16px\"><\/div>\r\n            <div class=\"bk-total-row\">\r\n              <div class=\"bk-total-l\">\r\n                <span class=\"bk-total-lbl\">Total Due<\/span>\r\n                <span class=\"bk-total-note\">Cash on arrival<\/span>\r\n              <\/div>\r\n              <div class=\"bk-total-amt\" id=\"bktotal\">&#8212;<\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- T&C -->\r\n          <div>\r\n            <label class=\"bk-tcw\" id=\"bktcw\">\r\n              <input type=\"checkbox\" class=\"bk-tccb\" id=\"bktc\">\r\n              <span class=\"bk-tcbox\"><\/span>\r\n              <span class=\"bk-tclbl\">I agree to the\r\n                <a href=\"https:\/\/taghazoutsurflessons.com\/terms-conditions\/\" target=\"_blank\" rel=\"noopener\" onclick=\"event.stopPropagation()\">Terms &amp; Conditions<\/a>\r\n              <\/span>\r\n            <\/label>\r\n            <div class=\"bk-tcerr\" id=\"bktcerr\" role=\"alert\">Please accept the Terms &amp; Conditions.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"bk-nav\">\r\n          <button type=\"button\" class=\"bk-back\" id=\"bkb3\">&#8592; Back<\/button>\r\n          <button type=\"button\" class=\"bk-sub\" id=\"bksub\">Reserve My Spot\r\n            <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n          <\/button>\r\n        <\/div>\r\n      <\/div>\r\n    <\/form>\r\n    <div class=\"bk-trust\">\r\n      <span>Free cancellation 24h prior<\/span>\r\n      <span>Equipment included<\/span>\r\n      <span>Certified instructors<\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n<script>\r\n(function(){\r\n'use strict';\r\nfunction g(id){return document.getElementById(id)}\r\nfunction show(el){if(el)el.style.display=''}\r\nfunction hide(el){if(el)el.style.display='none'}\r\nfunction add(el,c){if(el&&el.classList)el.classList.add(c)}\r\nfunction rem(el,c){if(el&&el.classList)el.classList.remove(c)}\r\nfunction tog(el,c,b){b?add(el,c):rem(el,c)}\r\n\r\n\/* \u2500\u2500 countries (flag + name + dial) \u2500\u2500 *\/\r\nvar C=[\r\n  {f:'\\uD83C\\uDDF2\\uD83C\\uDDE6',n:'Morocco',d:'+212'},\r\n  {f:'\\uD83C\\uDDEB\\uD83C\\uDDF7',n:'France',d:'+33'},\r\n  {f:'\\uD83C\\uDDEC\\uD83C\\uDDE7',n:'UK',d:'+44'},\r\n  {f:'\\uD83C\\uDDE9\\uD83C\\uDDEA',n:'Germany',d:'+49'},\r\n  {f:'\\uD83C\\uDDEA\\uD83C\\uDDF8',n:'Spain',d:'+34'},\r\n  {f:'\\uD83C\\uDDEE\\uD83C\\uDDF9',n:'Italy',d:'+39'},\r\n  {f:'\\uD83C\\uDDF3\\uD83C\\uDDF1',n:'Netherlands',d:'+31'},\r\n  {f:'\\uD83C\\uDDE7\\uD83C\\uDDEA',n:'Belgium',d:'+32'},\r\n  {f:'\\uD83C\\uDDF5\\uD83C\\uDDF9',n:'Portugal',d:'+351'},\r\n  {f:'\\uD83C\\uDDFA\\uD83C\\uDDF8',n:'USA',d:'+1'},\r\n  {f:'\\uD83C\\uDDE8\\uD83C\\uDDE6',n:'Canada',d:'+1 CA'},\r\n  {f:'\\uD83C\\uDDE6\\uD83C\\uDDFA',n:'Australia',d:'+61'},\r\n  {f:'\\uD83C\\uDDF8\\uD83C\\uDDEA',n:'Sweden',d:'+46'},\r\n  {f:'\\uD83C\\uDDF3\\uD83C\\uDDF4',n:'Norway',d:'+47'},\r\n  {f:'\\uD83C\\uDDE9\\uD83C\\uDDF0',n:'Denmark',d:'+45'},\r\n  {f:'\\uD83C\\uDDEB\\uD83C\\uDDEE',n:'Finland',d:'+358'},\r\n  {f:'\\uD83C\\uDDE8\\uD83C\\uDDED',n:'Switzerland',d:'+41'},\r\n  {f:'\\uD83C\\uDDE6\\uD83C\\uDDF9',n:'Austria',d:'+43'},\r\n  {f:'\\uD83C\\uDDF5\\uD83C\\uDDF1',n:'Poland',d:'+48'},\r\n  {f:'\\uD83C\\uDDE6\\uD83C\\uDDEA',n:'UAE',d:'+971'},\r\n  {f:'\\uD83C\\uDDF8\\uD83C\\uDDE6',n:'Saudi Arabia',d:'+966'},\r\n  {f:'\\uD83C\\uDDE7\\uD83C\\uDDF7',n:'Brazil',d:'+55'},\r\n  {f:'\\uD83C\\uDDF2\\uD83C\\uDDFD',n:'Mexico',d:'+52'},\r\n  {f:'\\uD83C\\uDDF3\\uD83C\\uDDEC',n:'Nigeria',d:'+234'},\r\n  {f:'\\uD83C\\uDDFF\\uD83C\\uDDE6',n:'South Africa',d:'+27'},\r\n  {f:'\\uD83C\\uDDEE\\uD83C\\uDDF3',n:'India',d:'+91'},\r\n  {f:'\\uD83C\\uDDE8\\uD83C\\uDDF3',n:'China',d:'+86'},\r\n  {f:'\\uD83C\\uDDEF\\uD83C\\uDDF5',n:'Japan',d:'+81'},\r\n  {f:'\\uD83C\\uDDF2\\uD83C\\uDDFE',n:'Malaysia',d:'+60'},\r\n  {f:'\\uD83C\\uDDF8\\uD83C\\uDDEC',n:'Singapore',d:'+65'},\r\n  {f:'\\uD83C\\uDDF3\\uD83C\\uDDFF',n:'New Zealand',d:'+64'},\r\n  {f:'\\uD83C\\uDDE6\\uD83C\\uDDF1',n:'Algeria',d:'+213'},\r\n  {f:'\\uD83C\\uDDF9\\uD83C\\uDDF3',n:'Tunisia',d:'+216'},\r\n  {f:'\\uD83C\\uDDEA\\uD83C\\uDDEC',n:'Egypt',d:'+20'}\r\n];\r\nvar selC=C[0];\r\n\r\nfunction buildList(q){\r\n  var list=g('bkdlist'); list.innerHTML='';\r\n  q=(q||'').toLowerCase();\r\n  var items=C.filter(function(c){return !q||c.n.toLowerCase().indexOf(q)>-1||c.d.indexOf(q)>-1});\r\n  for(var i=0;i<items.length;i++){\r\n    (function(co){\r\n      var div=document.createElement('div');\r\n      div.className='bk-country'+(co===selC?' bk-sel':'');\r\n      div.innerHTML='<span class=\"bk-flag\">'+co.f+'<\/span><span class=\"bk-cname\">'+co.n+'<\/span><span class=\"bk-cdc\">'+co.d+'<\/span>';\r\n      div.addEventListener('click',function(){\r\n        selC=co;\r\n        g('bkflag').innerHTML=co.f;\r\n        g('bkdcode').textContent=co.d;\r\n        g('bkcc').value=co.d;\r\n        closeDD();\r\n      });\r\n      list.appendChild(div);\r\n    })(items[i]);\r\n  }\r\n  if(!items.length){var e=document.createElement('div');e.style.cssText='padding:12px 14px;font-size:12px;color:#9ca3af';e.textContent='No results';list.appendChild(e);}\r\n}\r\nbuildList('');\r\n\r\nfunction openDD(){\r\n  add(g('bkdd'),'bk-open');\r\n  g('bkdbt').setAttribute('aria-expanded','true');\r\n  g('bkdsr').value='';buildList('');\r\n  setTimeout(function(){g('bkdsr').focus();},50);\r\n}\r\nfunction closeDD(){\r\n  rem(g('bkdd'),'bk-open');\r\n  g('bkdbt').setAttribute('aria-expanded','false');\r\n}\r\ng('bkdbt').addEventListener('click',function(e){\r\n  e.stopPropagation();\r\n  g('bkdd').classList.contains('bk-open')?closeDD():openDD();\r\n});\r\ng('bkdsr').addEventListener('input',function(){buildList(this.value);});\r\ndocument.addEventListener('click',function(e){\r\n  var dd=g('bkdd');\r\n  if(dd&&dd.classList.contains('bk-open')&&!dd.contains(e.target)&&e.target!==g('bkdbt'))closeDD();\r\n});\r\n\r\n\/* \u2500\u2500 state \u2500\u2500 *\/\r\nvar step=1,persons=1,minP=1;\r\nvar form=g('bkform'),dateInp=g('bkdate');\r\n\r\n\/* min date = today *\/\r\nvar now=new Date(),yy=now.getFullYear();\r\nvar mo=now.getMonth()+1; mo=mo<10?'0'+mo:''+mo;\r\nvar dd2=now.getDate(); dd2=dd2<10?'0'+dd2:''+dd2;\r\ndateInp.setAttribute('min',yy+'-'+mo+'-'+dd2);\r\n\r\n\/* \u2500\u2500 T&C \u2500\u2500 *\/\r\nvar tcCb=g('bktc'),tcW=g('bktcw');\r\ntcCb.addEventListener('change',function(){\r\n  tog(tcW,'bk-tc-on',this.checked);\r\n  rem(tcW,'bk-tc-er');\r\n  if(this.checked)hide(g('bktcerr'));\r\n});\r\n\r\n\/* \u2500\u2500 lesson radios \u2500\u2500 *\/\r\nvar radios=form.querySelectorAll('input[name=\"lesson_type\"]');\r\nfor(var ri=0;ri<radios.length;ri++) radios[ri].addEventListener('change',onLesson);\r\nfunction onLesson(){\r\n  var v=this.value,isG=(v==='Open Group'||v==='Private Group'),is1=(v==='1-on-1 Coaching');\r\n  tog(g('bkcw'),'bk-on',isG);\r\n  tog(g('bksolo'),'bk-on',is1);\r\n  hide(g('bklerr'));\r\n  if(v==='Open Group'){minP=1;persons=1;}\r\n  if(v==='Private Group'){minP=2;persons=Math.max(2,persons);}\r\n  if(is1){g('bkph').value='1 person';}\r\n  if(isG) refreshCtr();\r\n}\r\ng('bkmi').addEventListener('click',function(){if(persons>minP){persons--;refreshCtr();}});\r\ng('bkpl').addEventListener('click',function(){persons++;refreshCtr();});\r\nfunction refreshCtr(){\r\n  g('bkcv').textContent=persons;\r\n  g('bkmi').disabled=(persons<=minP);\r\n  g('bkph').value=persons===1?'1 person':persons+' people';\r\n  var lc=form.querySelector('input[name=\"lesson_type\"]:checked');\r\n  var pr=lc&&lc.value==='Private Group'?30:25;\r\n  g('bkcn').textContent=(persons===1?'1 person':persons+' people')+' \\u00b7 \\u20ac'+pr+'\/person';\r\n}\r\n\r\n\/* \u2500\u2500 nav \u2500\u2500 *\/\r\ng('bkn1').addEventListener('click',function(){goTo(2);});\r\ng('bkn2').addEventListener('click',function(){goTo(3);});\r\ng('bkb2').addEventListener('click',function(){goTo(1);});\r\ng('bkb3').addEventListener('click',function(){goTo(2);});\r\n\r\nfunction goTo(t){\r\n  if(t>step&&!validate(step))return;\r\n  if(t>=2)fillBar2();\r\n  if(t===3)fillStep3();\r\n  for(var i=1;i<=3;i++) tog(g('bkp'+i),'bk-on',i===t);\r\n  for(var i=1;i<=3;i++){var s=g('bksi'+i);rem(s,'bk-a');rem(s,'bk-d');if(i<t)add(s,'bk-d');if(i===t)add(s,'bk-a');}\r\n  for(var j=1;j<=2;j++) tog(g('bkl'+j),'bk-d',j<t);\r\n  step=t;\r\n  var root=document.querySelector('.bk');\r\n  if(root){var top=root.getBoundingClientRect().top+window.pageYOffset-12;if(top>0)window.scrollTo(0,top);}\r\n}\r\n\r\nfunction validate(s){\r\n  if(s===1){\r\n    var sel=form.querySelector('input[name=\"lesson_type\"]:checked');\r\n    if(!sel){show(g('bklerr'));return false;}return true;\r\n  }\r\n  if(s===2){\r\n    var ok=true;\r\n    var dv=dateInp.value;\r\n    tog(g('bkfgdate'),'bk-err',!dv);if(!dv)ok=false;\r\n    var tv=form.querySelector('input[name=\"time_slot\"]:checked');\r\n    tog(g('bkfgtime'),'bk-err',!tv);g('bktme').style.display=tv?'none':'block';if(!tv)ok=false;\r\n    var lv=form.querySelector('input[name=\"surf_level\"]:checked');\r\n    tog(g('bkfglv'),'bk-err',!lv);g('bklve').style.display=lv?'none':'block';if(!lv)ok=false;\r\n    return ok;\r\n  }\r\n  return true;\r\n}\r\n\r\nfunction lessonLabel(){var lc=form.querySelector('input[name=\"lesson_type\"]:checked');return lc?lc.value:'\\u2014';}\r\n\r\nfunction fillBar2(){\r\n  var lesson=lessonLabel();\r\n  g('bkb2l').textContent=lesson;\r\n  var lc=form.querySelector('input[name=\"lesson_type\"]:checked');\r\n  var is1=lc&&lc.value==='1-on-1 Coaching';\r\n  var pp=g('bkb2pp');\r\n  g('bkb2p').textContent=is1?'1 person':(persons===1?'1 person':persons+' people');\r\n  pp.style.display='';\r\n}\r\n\r\nfunction fillStep3(){\r\n  var lc=form.querySelector('input[name=\"lesson_type\"]:checked');\r\n  var lesson=lc?lc.value:'\\u2014';\r\n  var raw=dateInp.value,dateStr='\\u2014';\r\n  if(raw){var p=raw.split('-');var mn=['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];dateStr=parseInt(p[2],10)+' '+(mn[parseInt(p[1],10)-1]||'');}\r\n  var tc=form.querySelector('input[name=\"time_slot\"]:checked');\r\n  var time=tc?tc.value:'\\u2014';\r\n  \/* bar *\/\r\n  g('bkb3l').textContent=lesson;g('bkb3d').textContent=dateStr;g('bkb3t').textContent=time;\r\n  \/* order calc *\/\r\n  var is1=lc&&lc.value==='1-on-1 Coaching',isPG=lc&&lc.value==='Private Group';\r\n  var ppp=is1?55:(isPG?30:25),ppl=is1?1:persons,total=ppp*ppl;\r\n  g('bkoiname').textContent=lesson;\r\n  if(is1){\r\n    g('bkoiqty').textContent='';g('bkoix').textContent='';g('bkoiunit').textContent='';g('bkoieq').textContent='';\r\n    g('bkoisub').textContent='\\u20ac'+total;\r\n  } else {\r\n    g('bkoiqty').textContent=ppl+(ppl===1?' person':' people');\r\n    g('bkoix').textContent=' \\u00d7 ';\r\n    g('bkoiunit').textContent='\\u20ac'+ppp;\r\n    g('bkoieq').textContent=' = ';\r\n    g('bkoisub').textContent='\\u20ac'+total;\r\n  }\r\n  g('bkoimeta').textContent=dateStr+(time!=='\\u2014'?' \\u00b7 '+time:'');\r\n  g('bktotal').textContent='\\u20ac'+total;\r\n  g('bkph').value=ppl===1?'1 person':ppl+' people';\r\n}\r\n\r\n\/* \u2500\u2500 submit \u2500\u2500 *\/\r\n\/* \u2500\u2500 spam \/ fake-input filters \u2500\u2500 *\/\r\n\r\n\/* 1. PHONE: strips spaces\/dashes\/parens, checks digit count,\r\n      rejects all-same digits (111111), sequential runs (123456789),\r\n      mirror patterns (123321), all-zeros, obviously fake (12345678) *\/\r\nfunction validatePhone(raw){\r\n  var digits=raw.replace(\/[\\s\\-().+]\/g,'');\r\n  if(!\/^\\d+$\/.test(digits)) return false;          \/* non-numeric chars *\/\r\n  if(digits.length<6||digits.length>15) return false;\r\n  if(\/^0+$\/.test(digits)) return false;            \/* 00000000 *\/\r\n  if(\/^(\\d)\\1{5,}$\/.test(digits)) return false;    \/* 111111111 *\/\r\n  \/* sequential ascending \u22656 digits: 1234567 *\/\r\n  var seq=true;\r\n  for(var i=1;i<digits.length;i++){if(parseInt(digits[i],10)!==parseInt(digits[i-1],10)+1){seq=false;break;}}\r\n  if(seq&&digits.length>=6) return false;\r\n  \/* sequential descending \u22656 digits: 9876543 *\/\r\n  var seqD=true;\r\n  for(var i=1;i<digits.length;i++){if(parseInt(digits[i],10)!==parseInt(digits[i-1],10)-1){seqD=false;break;}}\r\n  if(seqD&&digits.length>=6) return false;\r\n  \/* mirror pattern: first half reversed = second half e.g. 123321 *\/\r\n  if(digits.length>=6&&digits.length%2===0){\r\n    var half=digits.length\/2;\r\n    var mirror=digits.slice(0,half).split('').reverse().join('');\r\n    if(mirror===digits.slice(half)) return false;\r\n  }\r\n  return true;\r\n}\r\n\r\n\/* 2. EMAIL: proper format + rejects disposable\/throwaway domains\r\n      + rejects obvious fakes (test@, asdf@, aaa@, noreply@)\r\n      + rejects TLDs that are just repeated chars (.aaa, .zzz) *\/\r\nfunction validateEmail(raw){\r\n  var v=(raw||'').replace(\/^\\s+|\\s+$\/g,'').toLowerCase();\r\n  \/* basic structure: something@something.tld *\/\r\n  if(!\/^[^\\s@]+@[^\\s@]+\\.[a-z]{2,}$\/.test(v)) return false;\r\n  var parts=v.split('@');\r\n  var local=parts[0], domain=parts[1];\r\n  \/* local part obviously fake *\/\r\n  var fakeLocals=\/^(test|asdf|qwerty|aaaa?|bbbb?|cccc?|xxxx?|zzzz?|noreply|no-reply|fakeemail|spam|trash|dummy|null|none|abc123|user123|hello123)$\/;\r\n  if(fakeLocals.test(local)) return false;\r\n  \/* local is just repeated chars: aaaa@, bbb@ *\/\r\n  if(\/^(.)\\1{2,}$\/.test(local)) return false;\r\n  \/* local is purely sequential keyboard: qwerty, asdfg *\/\r\n  if(\/^(qwerty|asdfg|zxcvb|abcde|12345)\/.test(local)) return false;\r\n  \/* disposable \/ temp email domains *\/\r\n  var bad=['mailinator.com','guerrillamail.com','guerrillamail.net','guerrillamail.org',\r\n    'guerrillamail.de','sharklasers.com','guerrillamailblock.com','grr.la','guerrillamail.info',\r\n    'yopmail.com','yopmail.fr','cool.fr.nf','jetable.fr.nf','nospam.ze.tc','nomail.xl.cx',\r\n    'mega.zik.dj','speed.1s.fr','courriel.fr.nf','moncourrier.fr.nf','monemail.fr.nf',\r\n    'monmail.fr.nf','tempmail.com','temp-mail.org','throwam.com','throwam.net',\r\n    'dispostable.com','mailnull.com','spamgourmet.com','spamgourmet.net','spamgourmet.org',\r\n    'trashmail.at','trashmail.com','trashmail.de','trashmail.io','trashmail.me',\r\n    'trashmail.net','trashmail.org','trashmail.se','discard.email','fakeinbox.com',\r\n    'maildrop.cc','mailnesia.com','mailnull.com','spamevader.com','spamfree24.org',\r\n    'spamhole.com','spamoff.de','spamslicer.com','tempr.email','tempemail.net',\r\n    '10minutemail.com','10minutemail.net','10minutemail.org','10minutemail.de',\r\n    'throwam.com','binkmail.com','bob.email','clrmail.com','dispostable.com',\r\n    'dmailman.com','filzmail.com','get1mail.com','getonemail.com','haltospam.com',\r\n    'ieatspam.eu','ieatspam.info','inoutmail.de','inoutmail.eu','inoutmail.info',\r\n    'inoutmail.net','jetable.com','jetable.fr.nf','jetable.net','jetable.org',\r\n    'kasmail.com','koszmail.pl','kurzepost.de','lifebyfood.com','lol.ovpn.to',\r\n    'mt2009.com','mt2014.com','mytrashmail.com','nwldx.com','objectmail.com',\r\n    'obobbo.com','odaymail.com','owlpic.com','pookmail.com','proxymail.eu',\r\n    'qq.com','rcpt.at','recode.me','recursor.net','regbypass.com','rmqkr.net',\r\n    'rppkn.com','rtrtr.com','s0ny.net','safe-mail.net','safetymail.info',\r\n    'safetypost.de','shiftmail.com','skeefmail.com','slapsfromlastnight.com',\r\n    'sly.io','spam.la','spamavert.com','spambob.com','spambob.net','spambob.org',\r\n    'spamday.com','spamfree.eu','spamgap.com','spamgourmet.net','spamgourmet.org',\r\n    'spamhereplease.com','spamhole.com','spamify.com','spaminator.de','spamkill.info',\r\n    'spaml.com','spaml.de','spammotel.com','spamoff.de','spamspot.com',\r\n    'spamstack.net','spamthis.co.uk','spamthisplease.com','spamtrail.com',\r\n    'speed.1s.fr','super-auswahl.de','supermailer.jp','suremail.info','sweetpotato.be',\r\n    'sylvannet.com','tafmail.com','tagyourself.com','teewars.org','teleworm.com',\r\n    'teleworm.us','tempalias.com','tempe-mail.com','tempinbox.com','tempinbox.co.uk',\r\n    'tempmailer.com','tempomail.fr','tempymail.com','thanksnospam.info','thisisnotmyrealemail.com',\r\n    'throwam.com','throwam.net','tilien.com','tradermail.info','trash-mail.at',\r\n    'trash-mail.com','trash-mail.de','trash-mail.ga','trash-mail.io','trash-mail.me',\r\n    'trash-mail.net','trash-mail.org','trash2009.com','trash2010.com','trash2011.com',\r\n    'trashdevil.com','trashdevil.de','trashemail.de','trashmail.at','trashmail.com',\r\n    'trashmail.de','trashmail.io','trashmail.me','trashmail.net','trashmail.org',\r\n    'trashmail.se','trashmailer.com','trashymail.com','trbvm.com','trialmail.de',\r\n    'trickmail.net','trillianpro.com','trungtamtoeic.com','turual.com','twinmail.de',\r\n    'tyldd.com','uggsrock.com','umail.net','uroid.com','us.af','venompen.com',\r\n    'veryrealemail.com','viditag.com','viewcastmedia.com','viewcastmedia.net',\r\n    'viewcastmedia.org','vomoto.com','vpn.st','vsimcard.com','vubby.com',\r\n    'wasteland.raptors.dk','webemail.me','webm4il.info','wh4f.org','whyspam.me',\r\n    'wilemail.com','willselfdestruct.com','winemaven.info','wronghead.com',\r\n    'wuzupmail.net','www.e4ward.com','www.mailinator.com','wwwnew.eu','x.ip6.li',\r\n    'xagloo.com','xemaps.com','xents.com','xmaily.com','xoxy.net','xyzfree.net',\r\n    'yapped.net','yeah.net','yep.it','yogamaven.com','yopmail.com','yopmail.fr',\r\n    'yourdomain.com','ypmail.webarnak.fr.eu.org','yuurok.com','z1p.biz',\r\n    'za.com','zehnminuten.de','zehnminutenmail.de','zippymail.info','zoemail.net',\r\n    'zoemail.org','zomg.info','zwallet.com','zzz.com'];\r\n  if(bad.indexOf(domain)>-1) return false;\r\n  \/* TLD that is repeated chars: .aaa .zzz *\/\r\n  var tld=domain.split('.').pop();\r\n  if(\/^(.)\\1+$\/.test(tld)) return false;\r\n  return true;\r\n}\r\n\r\n\/* 3. NAME: must have at least 2 chars, not all-same, not pure numbers,\r\n      not obvious garbage (aaa, asdf, test, xxx, john doe lookalike shortcuts) *\/\r\nfunction validateName(raw){\r\n  var v=(raw||'').replace(\/^\\s+|\\s+$\/g,'');\r\n  if(v.length<2) return false;\r\n  if(\/^\\d+$\/.test(v)) return false;              \/* pure numbers *\/\r\n  if(\/^(.)\\1+$\/.test(v.replace(\/\\s\/g,''))) return false; \/* aaaaaa *\/\r\n  var fakeNames=\/^(test|asdf|qwerty|aaaa?|bbbb?|xxxx?|zzzz?|none|null|admin|user|name|fake|anonymous|unknown)$\/i;\r\n  if(fakeNames.test(v.replace(\/\\s\/g,''))) return false;\r\n  return true;\r\n}\r\n\r\ng('bksub').addEventListener('click',function(){\r\n  var ok=true;\r\n  var nv=(g('bkname').value||'').replace(\/^\\s+|\\s+$\/g,'');\r\n  var nameOk=validateName(nv);\r\n  tog(g('bkfgname'),'bk-err',!nameOk);if(!nameOk)ok=false;\r\n  var emailVal=(g('bkemail').value||'');\r\n  var emailOk=validateEmail(emailVal);\r\n  tog(g('bkfgemail'),'bk-err',!emailOk);if(!emailOk)ok=false;\r\n  var ph=(g('bkphone').value||'').replace(\/^\\s+|\\s+$\/g,'');\r\n  var phOk=validatePhone(ph);\r\n  tog(g('bkfgphone'),'bk-err',!phOk);if(!phOk)ok=false;\r\n  var tcOk=g('bktc').checked;\r\n  tog(tcW,'bk-tc-er',!tcOk);\r\n  if(!tcOk){show(g('bktcerr'));ok=false;}\r\n  if(!ok)return;\r\n  var btn=g('bksub');add(btn,'bk-loading');btn.textContent='Sending\\u2026';\r\n  var endpoint=form.getAttribute('data-bk-formspree');\r\n  var thankyou=form.getAttribute('data-bk-thankyou');\r\n\r\n  \/* build clean payload *\/\r\n  var lc2=form.querySelector('input[name=\"lesson_type\"]:checked');\r\n  var lesson=lc2?lc2.value:'';\r\n  var tc2=form.querySelector('input[name=\"time_slot\"]:checked');\r\n  var timeSlot=tc2?tc2.value:'';\r\n  var lv2=form.querySelector('input[name=\"surf_level\"]:checked');\r\n  var level=lv2?lv2.value:'';\r\n  var rawDate=dateInp.value,dateStr='';\r\n  if(rawDate){\r\n    var dp=rawDate.split('-');\r\n    var mn=['January','February','March','April','May','June','July','August','September','October','November','December'];\r\n    dateStr=parseInt(dp[2],10)+' '+(mn[parseInt(dp[1],10)-1]||'')+' '+dp[0];\r\n  }\r\n  var is1b=lesson==='1-on-1 Coaching',isPGb=lesson==='Private Group';\r\n  var ppp2=is1b?55:(isPGb?30:25),ppl2=is1b?1:persons,tot2=ppp2*ppl2;\r\n  var breakdown=is1b?('\\u20ac55 flat rate'):(ppl2+(ppl2===1?' person':' people')+' \\u00d7 \\u20ac'+ppp2+' = \\u20ac'+tot2);\r\n\r\n  var data={\r\n    'Name':            (g('bkname').value||'').replace(\/^\\s+|\\s+$\/g,''),\r\n    'Email':           (g('bkemail').value||'').replace(\/^\\s+|\\s+$\/g,''),\r\n    'WhatsApp':        selC.d.split(' ')[0]+' '+ph,\r\n    'Lesson Type':     lesson,\r\n    'Date':            dateStr,\r\n    'Time':            timeSlot,\r\n    'Surf Level':      level,\r\n    'Participants':    ppl2===1?'1 person':ppl2+' people',\r\n    'Price Per Person':is1b?'N\/A':'\\u20ac'+ppp2,\r\n    'Price Breakdown': breakdown,\r\n    'Total Due':       '\\u20ac'+tot2+' \\u2014 cash on arrival',\r\n    'Location':        'Taghazout Beach, Morocco',\r\n    'Submitted At':    new Date().toLocaleString('en-GB',{day:'2-digit',month:'short',year:'numeric',hour:'2-digit',minute:'2-digit'})\r\n  };\r\n\r\n  fetch(endpoint,{method:'POST',headers:{'Content-Type':'application\/json','Accept':'application\/json'},body:JSON.stringify(data)})\r\n  .then(function(){window.location.href=thankyou;})\r\n  .catch(function(){window.location.href=thankyou;});\r\n});\r\n\r\n\/* \u2500\u2500 clear errors on input \u2500\u2500 *\/\r\nvar tis=form.querySelectorAll('input[type=text],input[type=email]');\r\nfor(var ii=0;ii<tis.length;ii++){tis[ii].addEventListener('input',function(){var p=this.parentNode;if(p&&p.classList)rem(p,'bk-err');});}\r\ng('bkphone').addEventListener('input',function(){rem(g('bkfgphone'),'bk-err');});\r\ndateInp.addEventListener('change',function(){rem(g('bkfgdate'),'bk-err');});\r\nvar allR=form.querySelectorAll('input[type=radio]');\r\nfor(var rr=0;rr<allR.length;rr++){allR[rr].addEventListener('change',function(){var pg=this.closest?this.closest('.bk-fg'):null;if(pg)rem(pg,'bk-err');});}\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\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>Book Your Surf Lessons Book your surf lessons online. Get instant Confirmation. Surf Lessons Booking Form Once you submit your request, we&#8217;ll get in touch with you via WhatsApp 1Lesson 2Schedule 3Details Choose your lesson Board &amp; wetsuit included &mdash; pay on arrival Open GroupAll levels &bull; Small group Most popular &euro;25\/person Private GroupYour crew [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":2029,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-11433","page","type-page","status-publish","has-post-thumbnail","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/taghazoutsurflessons.com\/fr\/wp-json\/wp\/v2\/pages\/11433","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/taghazoutsurflessons.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/taghazoutsurflessons.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/taghazoutsurflessons.com\/fr\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/taghazoutsurflessons.com\/fr\/wp-json\/wp\/v2\/comments?post=11433"}],"version-history":[{"count":116,"href":"https:\/\/taghazoutsurflessons.com\/fr\/wp-json\/wp\/v2\/pages\/11433\/revisions"}],"predecessor-version":[{"id":14749,"href":"https:\/\/taghazoutsurflessons.com\/fr\/wp-json\/wp\/v2\/pages\/11433\/revisions\/14749"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/taghazoutsurflessons.com\/fr\/wp-json\/wp\/v2\/media\/2029"}],"wp:attachment":[{"href":"https:\/\/taghazoutsurflessons.com\/fr\/wp-json\/wp\/v2\/media?parent=11433"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}