Motorhomes at Home \u2013 Host Sign Up<\/title>\r\n <style>\r\n :root{\r\n --brand:#1e3a8a;\r\n --cta:#fbbf24;\r\n --bg:#f6f7fb;\r\n --card:#ffffff;\r\n --border:#e5e7eb;\r\n --text:#0f172a;\r\n --muted:#6b7280;\r\n --danger:#ef4444;\r\n --success:#16a34a;\r\n\r\n \/* Hero *\/\r\n --hero-h: 320px;\r\n }\r\n *{box-sizing:border-box}\r\n html,body{\r\n margin:0;\r\n padding:0;\r\n font-family:system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;\r\n background:var(--bg);\r\n color:var(--text);\r\n }\r\n a{text-decoration:none;color:inherit}\r\n\r\n \/* \u2705 HERO IMAGE *\/\r\n .hero{\r\n position:relative;\r\n height:var(--hero-h);\r\n width:100%;\r\n overflow:hidden;\r\n background:\r\n linear-gradient(180deg, rgba(15,23,42,.10) 0%, rgba(15,23,42,.62) 70%, rgba(15,23,42,.78) 100%),\r\n url(\"HERO_IMAGE_URL_HERE\");\r\n background-size:cover;\r\n background-position:center;\r\n background-repeat:no-repeat;\r\n border-bottom:1px solid rgba(255,255,255,.18);\r\n }\r\n .hero-inner{\r\n position:absolute;\r\n inset:0;\r\n display:flex;\r\n align-items:flex-end;\r\n padding:28px;\r\n }\r\n .hero-box{\r\n max-width:980px;\r\n color:#fff;\r\n padding:16px 18px;\r\n border-radius:18px;\r\n background:rgba(0,0,0,.22);\r\n border:1px solid rgba(255,255,255,.22);\r\n backdrop-filter: blur(6px);\r\n -webkit-backdrop-filter: blur(6px);\r\n }\r\n .hero-kicker{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n font-size:12px;\r\n letter-spacing:.12em;\r\n text-transform:uppercase;\r\n opacity:.9;\r\n margin:0 0 8px;\r\n }\r\n .hero-title{\r\n margin:0 0 6px;\r\n font-size:32px;\r\n line-height:1.12;\r\n }\r\n .hero-sub{\r\n margin:0;\r\n font-size:14px;\r\n opacity:.92;\r\n max-width:80ch;\r\n }\r\n\r\n \/* FULL WIDTH CONTAINER *\/\r\n .page{\r\n width:100%;\r\n max-width:none;\r\n margin:0;\r\n padding:24px;\r\n \/* nice overlap onto hero *\/\r\n margin-top:-26px;\r\n position:relative;\r\n z-index:2;\r\n }\r\n @media (max-width:700px){\r\n .page{padding:14px; margin-top:0;}\r\n .hero{height:240px;}\r\n .hero-inner{padding:16px;}\r\n .hero-title{font-size:24px;}\r\n }\r\n\r\n header{\r\n margin-bottom:20px;\r\n background:rgba(255,255,255,.92);\r\n border:1px solid var(--border);\r\n border-radius:14px;\r\n padding:14px 16px;\r\n box-shadow:0 10px 25px rgba(15,23,42,.06);\r\n }\r\n header h1{\r\n margin:0 0 4px;\r\n font-size:1.7rem;\r\n color:var(--brand);\r\n }\r\n header p{\r\n margin:0;\r\n color:var(--muted);\r\n font-size:.95rem;\r\n }\r\n\r\n .pill{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:6px;\r\n border-radius:999px;\r\n padding:6px 10px;\r\n background:#e0ebff;\r\n color:var(--brand);\r\n font-size:.8rem;\r\n font-weight:500;\r\n margin-top:8px;\r\n }\r\n\r\n .layout{\r\n display:grid;\r\n grid-template-columns:minmax(0,2fr) minmax(0,1fr);\r\n gap:20px;\r\n }\r\n @media (max-width:800px){\r\n .layout{grid-template-columns:minmax(0,1fr);}\r\n }\r\n\r\n .card{\r\n background:var(--card);\r\n border-radius:12px;\r\n border:1px solid var(--border);\r\n padding:18px 18px 16px;\r\n box-shadow:0 10px 25px rgba(15,23,42,.04);\r\n }\r\n .card h2{\r\n margin:0 0 10px;\r\n font-size:1.2rem;\r\n display:flex;\r\n justify-content:space-between;\r\n align-items:center;\r\n gap:8px;\r\n }\r\n .card small{color:var(--muted);font-size:.8rem;}\r\n\r\n form .field{margin-bottom:10px;}\r\n .field label{\r\n display:block;\r\n font-size:.86rem;\r\n font-weight:600;\r\n margin-bottom:4px;\r\n color:var(--text);\r\n }\r\n .field label span{\r\n font-weight:400;\r\n color:var(--muted);\r\n font-size:.8rem;\r\n }\r\n input[type=\"text\"],\r\n input[type=\"email\"],\r\n input[type=\"tel\"],\r\n input[type=\"password\"],\r\n input[type=\"file\"],\r\n textarea{\r\n width:100%;\r\n padding:8px 9px;\r\n border-radius:8px;\r\n border:1px solid var(--border);\r\n font-size:.9rem;\r\n font-family:inherit;\r\n background:#f9fafb;\r\n }\r\n textarea{min-height:70px;resize:vertical;}\r\n input:focus, textarea:focus{\r\n outline:2px solid #bfdbfe;\r\n border-color:#60a5fa;\r\n background:#ffffff;\r\n }\r\n\r\n .field-row{display:flex;gap:10px;}\r\n .field-row .field{flex:1;}\r\n\r\n .helper-text{\r\n font-size:.8rem;\r\n color:var(--muted);\r\n margin-top:4px;\r\n }\r\n\r\n button{\r\n border:none;\r\n cursor:pointer;\r\n font-family:inherit;\r\n font-size:.9rem;\r\n border-radius:999px;\r\n padding:8px 16px;\r\n display:inline-flex;\r\n align-items:center;\r\n gap:6px;\r\n font-weight:600;\r\n }\r\n .btn-primary{background:var(--brand);color:#fff;}\r\n .btn-primary:hover{opacity:.95;}\r\n .btn-ghost{background:transparent;color:var(--muted);padding:6px 10px;}\r\n .btn-ghost:hover{background:#f3f4f6;}\r\n .btn-success{background:var(--success);color:#fff;}\r\n\r\n .btn-row{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:8px;\r\n margin-top:10px;\r\n align-items:center;\r\n justify-content:space-between;\r\n }\r\n\r\n .status-pill{\r\n display:inline-flex;\r\n align-items:center;\r\n padding:3px 9px;\r\n border-radius:999px;\r\n font-size:.75rem;\r\n font-weight:500;\r\n }\r\n .status-not_started{background:#f3f4f6;color:#6b7280;}\r\n .status-pending{background:#fef3c7;color:#92400e;}\r\n .status-verified{background:#dcfce7;color:#166534;}\r\n .status-failed{background:#fee2e2;color:#b91c1c;}\r\n\r\n .summary{font-size:.88rem;color:var(--muted);}\r\n .summary strong{color:var(--text);}\r\n\r\n .id-file-label{font-size:.8rem;color:var(--muted);margin-top:2px;}\r\n\r\n .tag{\r\n display:inline-flex;\r\n align-items:center;\r\n border-radius:999px;\r\n padding:2px 8px;\r\n font-size:.75rem;\r\n background:#ecfeff;\r\n color:#0369a1;\r\n margin-right:4px;\r\n margin-top:4px;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"hero\" aria-label=\"Host sign-up hero image\">\r\n <div class=\"hero-inner\">\r\n <div class=\"hero-box\">\r\n <div class=\"hero-kicker\">\u25cf Host sign up<\/div>\r\n <h1 class=\"hero-title\">Become a Motorhomes at Home Host<\/h1>\r\n <p class=\"hero-sub\">Sign up as a host, upload your ID, and complete a quick (mock) biometric ID check for internal review.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"page\">\r\n <header>\r\n <h1>Become a Motorhomes at Home Host<\/h1>\r\n <p>Sign up as a host, upload your ID, and complete a quick (mock) biometric ID check for internal review.<\/p>\r\n <div class=\"pill\">\r\n \u25cf Internal prototype\r\n <span style=\"font-weight:400;\">Data stored only in this browser<\/span>\r\n <\/div>\r\n <\/header>\r\n\r\n <div class=\"layout\">\r\n \r\n <section class=\"card\">\r\n <h2>\r\n Host sign up\r\n <small>Step 1 \u00b7 Your details & ID<\/small>\r\n <\/h2>\r\n <form id=\"hostForm\">\r\n <div class=\"field-row\">\r\n <div class=\"field\">\r\n <label for=\"fullName\">Full name<\/label>\r\n <input id=\"fullName\" type=\"text\" placeholder=\"e.g. Jane Smith\" required \/>\r\n <\/div>\r\n <div class=\"field\">\r\n <label for=\"email\">Email address<\/label>\r\n <input id=\"email\" type=\"email\" placeholder=\"you@example.com\" required \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"field-row\">\r\n <div class=\"field\">\r\n <label for=\"phone\">Mobile number<\/label>\r\n <input id=\"phone\" type=\"tel\" placeholder=\"+44\u2026\" \/>\r\n <\/div>\r\n <div class=\"field\">\r\n <label for=\"password\">Password <span>(for host portal)<\/span><\/label>\r\n <input id=\"password\" type=\"password\" placeholder=\"Create a password\" \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"field\">\r\n <label for=\"address1\">Address<\/label>\r\n <input id=\"address1\" type=\"text\" placeholder=\"House name \/ number, street\" \/>\r\n <\/div>\r\n\r\n <div class=\"field-row\">\r\n <div class=\"field\">\r\n <label for=\"city\">Town \/ City<\/label>\r\n <input id=\"city\" type=\"text\" placeholder=\"e.g. Brighton\" \/>\r\n <\/div>\r\n <div class=\"field\">\r\n <label for=\"postcode\">Postcode<\/label>\r\n <input id=\"postcode\" type=\"text\" placeholder=\"e.g. BN1 1AA\" \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"field\">\r\n <label for=\"about\">About you as a host<\/label>\r\n <textarea id=\"about\" placeholder=\"Tell us in a couple of sentences about your space and how you host.\"><\/textarea>\r\n <\/div>\r\n\r\n <hr style=\"border:none;border-top:1px solid var(--border);margin:12px 0;\">\r\n\r\n <div class=\"field\">\r\n <label for=\"idDoc\">Upload ID document <span>(passport, driving licence \u2013 image or PDF)<\/span><\/label>\r\n <input id=\"idDoc\" type=\"file\" accept=\".jpg,.jpeg,.png,.pdf\" \/>\r\n <div id=\"idDocLabel\" class=\"id-file-label\">No file chosen yet.<\/div>\r\n <\/div>\r\n\r\n <div class=\"field\">\r\n <label for=\"profilePhoto\">Optional: profile photo<\/label>\r\n <input id=\"profilePhoto\" type=\"file\" accept=\".jpg,.jpeg,.png\" \/>\r\n <div id=\"profilePhotoLabel\" class=\"id-file-label\">No file chosen yet.<\/div>\r\n <\/div>\r\n\r\n <p class=\"helper-text\">\r\n Prototype note: files are not uploaded to a server. Only filenames are stored for demo purposes.\r\n <\/p>\r\n\r\n <div class=\"btn-row\">\r\n <button type=\"submit\" class=\"btn-primary\">\u2728 Create host profile<\/button>\r\n <span id=\"formStatus\" class=\"helper-text\"><\/span>\r\n <\/div>\r\n <\/form>\r\n <\/section>\r\n\r\n \r\n <section class=\"card\">\r\n <h2>\r\n ID & Biometric checker\r\n <small>Step 2 \u00b7 Internal review<\/small>\r\n <\/h2>\r\n\r\n <div class=\"field\">\r\n <label>Current verification status<\/label>\r\n <div id=\"verificationStatusPill\" class=\"status-pill status-not_started\">\r\n Not started\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"btn-row\" style=\"margin-top:4px;\">\r\n <div>\r\n <button id=\"runCheckBtn\" type=\"button\" class=\"btn-success\">\ud83d\udd10 Run biometric ID check (mock)<\/button>\r\n <button id=\"resetCheckBtn\" type=\"button\" class=\"btn-ghost\">Reset status<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <p class=\"helper-text\" style=\"margin-top:8px;\">\r\n For now this uses a simple prompt to simulate a biometric provider. In production, this is where you'd plug in\r\n Onfido \/ Veriff \/ Stripe Identity, etc.\r\n <\/p>\r\n\r\n <hr style=\"border:none;border-top:1px solid var(--border);margin:12px 0 10px;\">\r\n\r\n <h3 style=\"margin:0 0 6px;font-size:1rem;\">Latest host profile (local only)<\/h3>\r\n <div id=\"hostSummary\" class=\"summary\">\r\n No host created yet. Fill in the form and click \u201cCreate host profile\u201d.\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n <\/div>\r\n\r\n<script>\r\n(function(){\r\n const STORAGE_KEY = 'mhah_hosts_v1';\r\n const CURRENT_KEY = 'mhah_current_host_id_v1';\r\n\r\n let hosts = [];\r\n let currentHostId = null;\r\n\r\n const els = {\r\n form: document.getElementById('hostForm'),\r\n formStatus: document.getElementById('formStatus'),\r\n fullName: document.getElementById('fullName'),\r\n email: document.getElementById('email'),\r\n phone: document.getElementById('phone'),\r\n password: document.getElementById('password'),\r\n address1: document.getElementById('address1'),\r\n city: document.getElementById('city'),\r\n postcode: document.getElementById('postcode'),\r\n about: document.getElementById('about'),\r\n idDoc: document.getElementById('idDoc'),\r\n idDocLabel: document.getElementById('idDocLabel'),\r\n profilePhoto: document.getElementById('profilePhoto'),\r\n profilePhotoLabel: document.getElementById('profilePhotoLabel'),\r\n verificationStatusPill: document.getElementById('verificationStatusPill'),\r\n runCheckBtn: document.getElementById('runCheckBtn'),\r\n resetCheckBtn: document.getElementById('resetCheckBtn'),\r\n hostSummary: document.getElementById('hostSummary')\r\n };\r\n\r\n function escapeHtml(str=''){\r\n return String(str).replace(\/[&<>\"']\/g, (m) => ({\r\n '&':'&','<':'<','>':'>','\"':'"',\"'\":'''\r\n }[m]));\r\n }\r\n\r\n function loadHosts(){\r\n try{\r\n const raw = localStorage.getItem(STORAGE_KEY);\r\n hosts = raw ? JSON.parse(raw) : [];\r\n }catch(e){\r\n console.error('Failed to read hosts from storage', e);\r\n hosts = [];\r\n }\r\n\r\n const storedCurrent = localStorage.getItem(CURRENT_KEY);\r\n currentHostId = storedCurrent || (hosts[0] && hosts[0].id) || null;\r\n\r\n if(currentHostId){\r\n const host = hosts.find(h => h.id === currentHostId) || hosts[0];\r\n if(host){\r\n currentHostId = host.id;\r\n localStorage.setItem(CURRENT_KEY, currentHostId);\r\n renderHostSummary(host);\r\n updateVerificationUI(host.verificationStatus || 'not_started');\r\n }\r\n }\r\n }\r\n\r\n function saveHosts(){\r\n try{\r\n localStorage.setItem(STORAGE_KEY, JSON.stringify(hosts));\r\n }catch(e){\r\n console.error('Failed to save hosts to storage', e);\r\n }\r\n }\r\n\r\n function prettyStatusText(status){\r\n if(status === 'verified') return 'Verified';\r\n if(status === 'pending') return 'Pending review';\r\n if(status === 'failed') return 'Failed';\r\n return 'Not started';\r\n }\r\n\r\n function normalizeStatus(status){\r\n const allowed = new Set(['not_started','pending','verified','failed']);\r\n return allowed.has(status) ? status : 'not_started';\r\n }\r\n\r\n function updateVerificationUI(status){\r\n const s = normalizeStatus(status);\r\n const pill = els.verificationStatusPill;\r\n pill.textContent = prettyStatusText(s);\r\n pill.className = 'status-pill status-' + s;\r\n }\r\n\r\n function renderHostSummary(host){\r\n if(!host){\r\n els.hostSummary.textContent = 'No host created yet. Fill in the form and click \u201cCreate host profile\u201d.';\r\n return;\r\n }\r\n\r\n const tags = [];\r\n if(host.city) tags.push('<span class=\"tag\">\ud83d\udccd ' + escapeHtml(host.city) + '<\/span>');\r\n if(host.postcode) tags.push('<span class=\"tag\">\ud83d\udcee ' + escapeHtml(host.postcode) + '<\/span>');\r\n if(host.phone) tags.push('<span class=\"tag\">\ud83d\udcf1 ' + escapeHtml(host.phone) + '<\/span>');\r\n\r\n const idDocText = host.idDocName ? escapeHtml(host.idDocName) : 'No ID file recorded';\r\n const photoText = host.profilePhotoName ? escapeHtml(host.profilePhotoName) : 'No profile photo recorded';\r\n\r\n const safeName = escapeHtml(host.fullName || '(No name set)');\r\n const safeEmail = escapeHtml(host.email || '(No email set)');\r\n\r\n const aboutHtml = host.about\r\n ? escapeHtml(host.about).replace(\/\\n\/g,'<br>')\r\n : '<span style=\"color:var(--muted);\">No bio added yet.<\/span>';\r\n\r\n els.hostSummary.innerHTML = `\r\n <p><strong>${safeName}<\/strong><br>${safeEmail}<\/p>\r\n <p>${tags.join(' ')}<\/p>\r\n <p><strong>About:<\/strong><br>${aboutHtml}<\/p>\r\n <p><strong>ID document:<\/strong> ${idDocText}<br>\r\n <strong>Profile photo:<\/strong> ${photoText}<\/p>\r\n <p><strong>Verification status:<\/strong> ${prettyStatusText(host.verificationStatus || 'not_started')}<\/p>\r\n `;\r\n }\r\n\r\n function handleFileLabel(inputEl, labelEl){\r\n const file = inputEl.files && inputEl.files[0];\r\n if(file){\r\n labelEl.textContent = file.name + ' (' + Math.round(file.size\/1024) + ' KB)';\r\n }else{\r\n labelEl.textContent = 'No file chosen yet.';\r\n }\r\n }\r\n\r\n function handleSubmit(e){\r\n e.preventDefault();\r\n const id = Date.now().toString();\r\n\r\n const idDocFile = els.idDoc.files && els.idDoc.files[0];\r\n const profilePhotoFile = els.profilePhoto.files && els.profilePhoto.files[0];\r\n\r\n const newHost = {\r\n id,\r\n fullName: els.fullName.value.trim(),\r\n email: els.email.value.trim(),\r\n phone: els.phone.value.trim(),\r\n address1: els.address1.value.trim(),\r\n city: els.city.value.trim(),\r\n postcode: els.postcode.value.trim(),\r\n about: els.about.value.trim(),\r\n idDocName: idDocFile ? idDocFile.name : '',\r\n profilePhotoName: profilePhotoFile ? profilePhotoFile.name : '',\r\n verificationStatus: 'not_started',\r\n createdAt: new Date().toISOString()\r\n };\r\n\r\n hosts.unshift(newHost);\r\n currentHostId = id;\r\n\r\n localStorage.setItem(CURRENT_KEY, currentHostId);\r\n saveHosts();\r\n\r\n els.formStatus.textContent = 'Host profile saved locally.';\r\n setTimeout(() => { els.formStatus.textContent = ''; }, 2500);\r\n\r\n els.password.value = '';\r\n renderHostSummary(newHost);\r\n updateVerificationUI('not_started');\r\n }\r\n\r\n function handleRunCheck(){\r\n if(!currentHostId){\r\n alert('Create a host profile first.');\r\n return;\r\n }\r\n const host = hosts.find(h => h.id === currentHostId);\r\n if(!host){\r\n alert('No host found. Try creating a new host profile.');\r\n return;\r\n }\r\n\r\n const result = window.prompt(\r\n 'Mock biometric provider for ' + (host.fullName || 'this host') +\r\n ':\\nType \"approved\" to mark as verified, \"declined\" to mark as failed.',\r\n 'approved'\r\n );\r\n\r\n if(!result) return;\r\n const val = result.trim().toLowerCase();\r\n\r\n let status = 'pending';\r\n if(val === 'approved') status = 'verified';\r\n else if(val === 'declined') status = 'failed';\r\n\r\n host.verificationStatus = status;\r\n saveHosts();\r\n\r\n updateVerificationUI(status);\r\n renderHostSummary(host);\r\n }\r\n\r\n function handleResetCheck(){\r\n if(!currentHostId){\r\n updateVerificationUI('not_started');\r\n return;\r\n }\r\n const host = hosts.find(h => h.id === currentHostId);\r\n if(!host) return;\r\n\r\n host.verificationStatus = 'not_started';\r\n saveHosts();\r\n updateVerificationUI('not_started');\r\n renderHostSummary(host);\r\n }\r\n\r\n els.form.addEventListener('submit', handleSubmit);\r\n els.runCheckBtn.addEventListener('click', handleRunCheck);\r\n els.resetCheckBtn.addEventListener('click', handleResetCheck);\r\n els.idDoc.addEventListener('change', () => handleFileLabel(els.idDoc, els.idDocLabel));\r\n els.profilePhoto.addEventListener('change', () => handleFileLabel(els.profilePhoto, els.profilePhotoLabel));\r\n\r\n loadHosts();\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\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>Motorhomes at Home \u2013 Host Sign Up \u25cf Host sign up Become a Motorhomes at Home Host Sign up as a host, upload your ID, and complete a quick (mock) biometric ID check for internal review. Become a Motorhomes at Home Host Sign up as a host, upload your ID, and complete a quick (mock) biometric ID check for internal review. \u25cf Internal prototype Data stored only in this browser Host sign up Step 1 \u00b7 Your details & ID Full name Email address Mobile number Password (for host portal) Address Town \/ City Postcode About you as a host Upload ID document (passport, driving licence \u2013 image or PDF) No file chosen yet. Optional: profile photo No file chosen yet. Prototype note: files are not uploaded to a server. Only filenames are stored for demo purposes. \u2728 Create host profile ID & Biometric checker Step 2 \u00b7 Internal review Current verification status Not started \ud83d\udd10 Run biometric ID check (mock) Reset status For now this uses a simple prompt to simulate a biometric provider. In production, this is where you’d plug in Onfido \/ Veriff \/ Stripe Identity, etc. Latest host profile (local only) No host created yet. Fill in the form and click \u201cCreate host profile\u201d.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-226","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/motorhomeathome.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/226","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/motorhomeathome.co.uk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/motorhomeathome.co.uk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/motorhomeathome.co.uk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/motorhomeathome.co.uk\/index.php\/wp-json\/wp\/v2\/comments?post=226"}],"version-history":[{"count":13,"href":"https:\/\/motorhomeathome.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/226\/revisions"}],"predecessor-version":[{"id":261,"href":"https:\/\/motorhomeathome.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/226\/revisions\/261"}],"wp:attachment":[{"href":"https:\/\/motorhomeathome.co.uk\/index.php\/wp-json\/wp\/v2\/media?parent=226"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Motorhomes at Home \u2013 Host Sign Up<\/title>\r\n <style>\r\n :root{\r\n --brand:#1e3a8a;\r\n --cta:#fbbf24;\r\n --bg:#f6f7fb;\r\n --card:#ffffff;\r\n --border:#e5e7eb;\r\n --text:#0f172a;\r\n --muted:#6b7280;\r\n --danger:#ef4444;\r\n --success:#16a34a;\r\n\r\n \/* Hero *\/\r\n --hero-h: 320px;\r\n }\r\n *{box-sizing:border-box}\r\n html,body{\r\n margin:0;\r\n padding:0;\r\n font-family:system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;\r\n background:var(--bg);\r\n color:var(--text);\r\n }\r\n a{text-decoration:none;color:inherit}\r\n\r\n \/* \u2705 HERO IMAGE *\/\r\n .hero{\r\n position:relative;\r\n height:var(--hero-h);\r\n width:100%;\r\n overflow:hidden;\r\n background:\r\n linear-gradient(180deg, rgba(15,23,42,.10) 0%, rgba(15,23,42,.62) 70%, rgba(15,23,42,.78) 100%),\r\n url(\"HERO_IMAGE_URL_HERE\");\r\n background-size:cover;\r\n background-position:center;\r\n background-repeat:no-repeat;\r\n border-bottom:1px solid rgba(255,255,255,.18);\r\n }\r\n .hero-inner{\r\n position:absolute;\r\n inset:0;\r\n display:flex;\r\n align-items:flex-end;\r\n padding:28px;\r\n }\r\n .hero-box{\r\n max-width:980px;\r\n color:#fff;\r\n padding:16px 18px;\r\n border-radius:18px;\r\n background:rgba(0,0,0,.22);\r\n border:1px solid rgba(255,255,255,.22);\r\n backdrop-filter: blur(6px);\r\n -webkit-backdrop-filter: blur(6px);\r\n }\r\n .hero-kicker{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n font-size:12px;\r\n letter-spacing:.12em;\r\n text-transform:uppercase;\r\n opacity:.9;\r\n margin:0 0 8px;\r\n }\r\n .hero-title{\r\n margin:0 0 6px;\r\n font-size:32px;\r\n line-height:1.12;\r\n }\r\n .hero-sub{\r\n margin:0;\r\n font-size:14px;\r\n opacity:.92;\r\n max-width:80ch;\r\n }\r\n\r\n \/* FULL WIDTH CONTAINER *\/\r\n .page{\r\n width:100%;\r\n max-width:none;\r\n margin:0;\r\n padding:24px;\r\n \/* nice overlap onto hero *\/\r\n margin-top:-26px;\r\n position:relative;\r\n z-index:2;\r\n }\r\n @media (max-width:700px){\r\n .page{padding:14px; margin-top:0;}\r\n .hero{height:240px;}\r\n .hero-inner{padding:16px;}\r\n .hero-title{font-size:24px;}\r\n }\r\n\r\n header{\r\n margin-bottom:20px;\r\n background:rgba(255,255,255,.92);\r\n border:1px solid var(--border);\r\n border-radius:14px;\r\n padding:14px 16px;\r\n box-shadow:0 10px 25px rgba(15,23,42,.06);\r\n }\r\n header h1{\r\n margin:0 0 4px;\r\n font-size:1.7rem;\r\n color:var(--brand);\r\n }\r\n header p{\r\n margin:0;\r\n color:var(--muted);\r\n font-size:.95rem;\r\n }\r\n\r\n .pill{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:6px;\r\n border-radius:999px;\r\n padding:6px 10px;\r\n background:#e0ebff;\r\n color:var(--brand);\r\n font-size:.8rem;\r\n font-weight:500;\r\n margin-top:8px;\r\n }\r\n\r\n .layout{\r\n display:grid;\r\n grid-template-columns:minmax(0,2fr) minmax(0,1fr);\r\n gap:20px;\r\n }\r\n @media (max-width:800px){\r\n .layout{grid-template-columns:minmax(0,1fr);}\r\n }\r\n\r\n .card{\r\n background:var(--card);\r\n border-radius:12px;\r\n border:1px solid var(--border);\r\n padding:18px 18px 16px;\r\n box-shadow:0 10px 25px rgba(15,23,42,.04);\r\n }\r\n .card h2{\r\n margin:0 0 10px;\r\n font-size:1.2rem;\r\n display:flex;\r\n justify-content:space-between;\r\n align-items:center;\r\n gap:8px;\r\n }\r\n .card small{color:var(--muted);font-size:.8rem;}\r\n\r\n form .field{margin-bottom:10px;}\r\n .field label{\r\n display:block;\r\n font-size:.86rem;\r\n font-weight:600;\r\n margin-bottom:4px;\r\n color:var(--text);\r\n }\r\n .field label span{\r\n font-weight:400;\r\n color:var(--muted);\r\n font-size:.8rem;\r\n }\r\n input[type=\"text\"],\r\n input[type=\"email\"],\r\n input[type=\"tel\"],\r\n input[type=\"password\"],\r\n input[type=\"file\"],\r\n textarea{\r\n width:100%;\r\n padding:8px 9px;\r\n border-radius:8px;\r\n border:1px solid var(--border);\r\n font-size:.9rem;\r\n font-family:inherit;\r\n background:#f9fafb;\r\n }\r\n textarea{min-height:70px;resize:vertical;}\r\n input:focus, textarea:focus{\r\n outline:2px solid #bfdbfe;\r\n border-color:#60a5fa;\r\n background:#ffffff;\r\n }\r\n\r\n .field-row{display:flex;gap:10px;}\r\n .field-row .field{flex:1;}\r\n\r\n .helper-text{\r\n font-size:.8rem;\r\n color:var(--muted);\r\n margin-top:4px;\r\n }\r\n\r\n button{\r\n border:none;\r\n cursor:pointer;\r\n font-family:inherit;\r\n font-size:.9rem;\r\n border-radius:999px;\r\n padding:8px 16px;\r\n display:inline-flex;\r\n align-items:center;\r\n gap:6px;\r\n font-weight:600;\r\n }\r\n .btn-primary{background:var(--brand);color:#fff;}\r\n .btn-primary:hover{opacity:.95;}\r\n .btn-ghost{background:transparent;color:var(--muted);padding:6px 10px;}\r\n .btn-ghost:hover{background:#f3f4f6;}\r\n .btn-success{background:var(--success);color:#fff;}\r\n\r\n .btn-row{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:8px;\r\n margin-top:10px;\r\n align-items:center;\r\n justify-content:space-between;\r\n }\r\n\r\n .status-pill{\r\n display:inline-flex;\r\n align-items:center;\r\n padding:3px 9px;\r\n border-radius:999px;\r\n font-size:.75rem;\r\n font-weight:500;\r\n }\r\n .status-not_started{background:#f3f4f6;color:#6b7280;}\r\n .status-pending{background:#fef3c7;color:#92400e;}\r\n .status-verified{background:#dcfce7;color:#166534;}\r\n .status-failed{background:#fee2e2;color:#b91c1c;}\r\n\r\n .summary{font-size:.88rem;color:var(--muted);}\r\n .summary strong{color:var(--text);}\r\n\r\n .id-file-label{font-size:.8rem;color:var(--muted);margin-top:2px;}\r\n\r\n .tag{\r\n display:inline-flex;\r\n align-items:center;\r\n border-radius:999px;\r\n padding:2px 8px;\r\n font-size:.75rem;\r\n background:#ecfeff;\r\n color:#0369a1;\r\n margin-right:4px;\r\n margin-top:4px;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"hero\" aria-label=\"Host sign-up hero image\">\r\n <div class=\"hero-inner\">\r\n <div class=\"hero-box\">\r\n <div class=\"hero-kicker\">\u25cf Host sign up<\/div>\r\n <h1 class=\"hero-title\">Become a Motorhomes at Home Host<\/h1>\r\n <p class=\"hero-sub\">Sign up as a host, upload your ID, and complete a quick (mock) biometric ID check for internal review.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"page\">\r\n <header>\r\n <h1>Become a Motorhomes at Home Host<\/h1>\r\n <p>Sign up as a host, upload your ID, and complete a quick (mock) biometric ID check for internal review.<\/p>\r\n <div class=\"pill\">\r\n \u25cf Internal prototype\r\n <span style=\"font-weight:400;\">Data stored only in this browser<\/span>\r\n <\/div>\r\n <\/header>\r\n\r\n <div class=\"layout\">\r\n \r\n <section class=\"card\">\r\n <h2>\r\n Host sign up\r\n <small>Step 1 \u00b7 Your details & ID<\/small>\r\n <\/h2>\r\n <form id=\"hostForm\">\r\n <div class=\"field-row\">\r\n <div class=\"field\">\r\n <label for=\"fullName\">Full name<\/label>\r\n <input id=\"fullName\" type=\"text\" placeholder=\"e.g. Jane Smith\" required \/>\r\n <\/div>\r\n <div class=\"field\">\r\n <label for=\"email\">Email address<\/label>\r\n <input id=\"email\" type=\"email\" placeholder=\"you@example.com\" required \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"field-row\">\r\n <div class=\"field\">\r\n <label for=\"phone\">Mobile number<\/label>\r\n <input id=\"phone\" type=\"tel\" placeholder=\"+44\u2026\" \/>\r\n <\/div>\r\n <div class=\"field\">\r\n <label for=\"password\">Password <span>(for host portal)<\/span><\/label>\r\n <input id=\"password\" type=\"password\" placeholder=\"Create a password\" \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"field\">\r\n <label for=\"address1\">Address<\/label>\r\n <input id=\"address1\" type=\"text\" placeholder=\"House name \/ number, street\" \/>\r\n <\/div>\r\n\r\n <div class=\"field-row\">\r\n <div class=\"field\">\r\n <label for=\"city\">Town \/ City<\/label>\r\n <input id=\"city\" type=\"text\" placeholder=\"e.g. Brighton\" \/>\r\n <\/div>\r\n <div class=\"field\">\r\n <label for=\"postcode\">Postcode<\/label>\r\n <input id=\"postcode\" type=\"text\" placeholder=\"e.g. BN1 1AA\" \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"field\">\r\n <label for=\"about\">About you as a host<\/label>\r\n <textarea id=\"about\" placeholder=\"Tell us in a couple of sentences about your space and how you host.\"><\/textarea>\r\n <\/div>\r\n\r\n <hr style=\"border:none;border-top:1px solid var(--border);margin:12px 0;\">\r\n\r\n <div class=\"field\">\r\n <label for=\"idDoc\">Upload ID document <span>(passport, driving licence \u2013 image or PDF)<\/span><\/label>\r\n <input id=\"idDoc\" type=\"file\" accept=\".jpg,.jpeg,.png,.pdf\" \/>\r\n <div id=\"idDocLabel\" class=\"id-file-label\">No file chosen yet.<\/div>\r\n <\/div>\r\n\r\n <div class=\"field\">\r\n <label for=\"profilePhoto\">Optional: profile photo<\/label>\r\n <input id=\"profilePhoto\" type=\"file\" accept=\".jpg,.jpeg,.png\" \/>\r\n <div id=\"profilePhotoLabel\" class=\"id-file-label\">No file chosen yet.<\/div>\r\n <\/div>\r\n\r\n <p class=\"helper-text\">\r\n Prototype note: files are not uploaded to a server. Only filenames are stored for demo purposes.\r\n <\/p>\r\n\r\n <div class=\"btn-row\">\r\n <button type=\"submit\" class=\"btn-primary\">\u2728 Create host profile<\/button>\r\n <span id=\"formStatus\" class=\"helper-text\"><\/span>\r\n <\/div>\r\n <\/form>\r\n <\/section>\r\n\r\n \r\n <section class=\"card\">\r\n <h2>\r\n ID & Biometric checker\r\n <small>Step 2 \u00b7 Internal review<\/small>\r\n <\/h2>\r\n\r\n <div class=\"field\">\r\n <label>Current verification status<\/label>\r\n <div id=\"verificationStatusPill\" class=\"status-pill status-not_started\">\r\n Not started\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"btn-row\" style=\"margin-top:4px;\">\r\n <div>\r\n <button id=\"runCheckBtn\" type=\"button\" class=\"btn-success\">\ud83d\udd10 Run biometric ID check (mock)<\/button>\r\n <button id=\"resetCheckBtn\" type=\"button\" class=\"btn-ghost\">Reset status<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <p class=\"helper-text\" style=\"margin-top:8px;\">\r\n For now this uses a simple prompt to simulate a biometric provider. In production, this is where you'd plug in\r\n Onfido \/ Veriff \/ Stripe Identity, etc.\r\n <\/p>\r\n\r\n <hr style=\"border:none;border-top:1px solid var(--border);margin:12px 0 10px;\">\r\n\r\n <h3 style=\"margin:0 0 6px;font-size:1rem;\">Latest host profile (local only)<\/h3>\r\n <div id=\"hostSummary\" class=\"summary\">\r\n No host created yet. Fill in the form and click \u201cCreate host profile\u201d.\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n <\/div>\r\n\r\n<script>\r\n(function(){\r\n const STORAGE_KEY = 'mhah_hosts_v1';\r\n const CURRENT_KEY = 'mhah_current_host_id_v1';\r\n\r\n let hosts = [];\r\n let currentHostId = null;\r\n\r\n const els = {\r\n form: document.getElementById('hostForm'),\r\n formStatus: document.getElementById('formStatus'),\r\n fullName: document.getElementById('fullName'),\r\n email: document.getElementById('email'),\r\n phone: document.getElementById('phone'),\r\n password: document.getElementById('password'),\r\n address1: document.getElementById('address1'),\r\n city: document.getElementById('city'),\r\n postcode: document.getElementById('postcode'),\r\n about: document.getElementById('about'),\r\n idDoc: document.getElementById('idDoc'),\r\n idDocLabel: document.getElementById('idDocLabel'),\r\n profilePhoto: document.getElementById('profilePhoto'),\r\n profilePhotoLabel: document.getElementById('profilePhotoLabel'),\r\n verificationStatusPill: document.getElementById('verificationStatusPill'),\r\n runCheckBtn: document.getElementById('runCheckBtn'),\r\n resetCheckBtn: document.getElementById('resetCheckBtn'),\r\n hostSummary: document.getElementById('hostSummary')\r\n };\r\n\r\n function escapeHtml(str=''){\r\n return String(str).replace(\/[&<>\"']\/g, (m) => ({\r\n '&':'&','<':'<','>':'>','\"':'"',\"'\":'''\r\n }[m]));\r\n }\r\n\r\n function loadHosts(){\r\n try{\r\n const raw = localStorage.getItem(STORAGE_KEY);\r\n hosts = raw ? JSON.parse(raw) : [];\r\n }catch(e){\r\n console.error('Failed to read hosts from storage', e);\r\n hosts = [];\r\n }\r\n\r\n const storedCurrent = localStorage.getItem(CURRENT_KEY);\r\n currentHostId = storedCurrent || (hosts[0] && hosts[0].id) || null;\r\n\r\n if(currentHostId){\r\n const host = hosts.find(h => h.id === currentHostId) || hosts[0];\r\n if(host){\r\n currentHostId = host.id;\r\n localStorage.setItem(CURRENT_KEY, currentHostId);\r\n renderHostSummary(host);\r\n updateVerificationUI(host.verificationStatus || 'not_started');\r\n }\r\n }\r\n }\r\n\r\n function saveHosts(){\r\n try{\r\n localStorage.setItem(STORAGE_KEY, JSON.stringify(hosts));\r\n }catch(e){\r\n console.error('Failed to save hosts to storage', e);\r\n }\r\n }\r\n\r\n function prettyStatusText(status){\r\n if(status === 'verified') return 'Verified';\r\n if(status === 'pending') return 'Pending review';\r\n if(status === 'failed') return 'Failed';\r\n return 'Not started';\r\n }\r\n\r\n function normalizeStatus(status){\r\n const allowed = new Set(['not_started','pending','verified','failed']);\r\n return allowed.has(status) ? status : 'not_started';\r\n }\r\n\r\n function updateVerificationUI(status){\r\n const s = normalizeStatus(status);\r\n const pill = els.verificationStatusPill;\r\n pill.textContent = prettyStatusText(s);\r\n pill.className = 'status-pill status-' + s;\r\n }\r\n\r\n function renderHostSummary(host){\r\n if(!host){\r\n els.hostSummary.textContent = 'No host created yet. Fill in the form and click \u201cCreate host profile\u201d.';\r\n return;\r\n }\r\n\r\n const tags = [];\r\n if(host.city) tags.push('<span class=\"tag\">\ud83d\udccd ' + escapeHtml(host.city) + '<\/span>');\r\n if(host.postcode) tags.push('<span class=\"tag\">\ud83d\udcee ' + escapeHtml(host.postcode) + '<\/span>');\r\n if(host.phone) tags.push('<span class=\"tag\">\ud83d\udcf1 ' + escapeHtml(host.phone) + '<\/span>');\r\n\r\n const idDocText = host.idDocName ? escapeHtml(host.idDocName) : 'No ID file recorded';\r\n const photoText = host.profilePhotoName ? escapeHtml(host.profilePhotoName) : 'No profile photo recorded';\r\n\r\n const safeName = escapeHtml(host.fullName || '(No name set)');\r\n const safeEmail = escapeHtml(host.email || '(No email set)');\r\n\r\n const aboutHtml = host.about\r\n ? escapeHtml(host.about).replace(\/\\n\/g,'<br>')\r\n : '<span style=\"color:var(--muted);\">No bio added yet.<\/span>';\r\n\r\n els.hostSummary.innerHTML = `\r\n <p><strong>${safeName}<\/strong><br>${safeEmail}<\/p>\r\n <p>${tags.join(' ')}<\/p>\r\n <p><strong>About:<\/strong><br>${aboutHtml}<\/p>\r\n <p><strong>ID document:<\/strong> ${idDocText}<br>\r\n <strong>Profile photo:<\/strong> ${photoText}<\/p>\r\n <p><strong>Verification status:<\/strong> ${prettyStatusText(host.verificationStatus || 'not_started')}<\/p>\r\n `;\r\n }\r\n\r\n function handleFileLabel(inputEl, labelEl){\r\n const file = inputEl.files && inputEl.files[0];\r\n if(file){\r\n labelEl.textContent = file.name + ' (' + Math.round(file.size\/1024) + ' KB)';\r\n }else{\r\n labelEl.textContent = 'No file chosen yet.';\r\n }\r\n }\r\n\r\n function handleSubmit(e){\r\n e.preventDefault();\r\n const id = Date.now().toString();\r\n\r\n const idDocFile = els.idDoc.files && els.idDoc.files[0];\r\n const profilePhotoFile = els.profilePhoto.files && els.profilePhoto.files[0];\r\n\r\n const newHost = {\r\n id,\r\n fullName: els.fullName.value.trim(),\r\n email: els.email.value.trim(),\r\n phone: els.phone.value.trim(),\r\n address1: els.address1.value.trim(),\r\n city: els.city.value.trim(),\r\n postcode: els.postcode.value.trim(),\r\n about: els.about.value.trim(),\r\n idDocName: idDocFile ? idDocFile.name : '',\r\n profilePhotoName: profilePhotoFile ? profilePhotoFile.name : '',\r\n verificationStatus: 'not_started',\r\n createdAt: new Date().toISOString()\r\n };\r\n\r\n hosts.unshift(newHost);\r\n currentHostId = id;\r\n\r\n localStorage.setItem(CURRENT_KEY, currentHostId);\r\n saveHosts();\r\n\r\n els.formStatus.textContent = 'Host profile saved locally.';\r\n setTimeout(() => { els.formStatus.textContent = ''; }, 2500);\r\n\r\n els.password.value = '';\r\n renderHostSummary(newHost);\r\n updateVerificationUI('not_started');\r\n }\r\n\r\n function handleRunCheck(){\r\n if(!currentHostId){\r\n alert('Create a host profile first.');\r\n return;\r\n }\r\n const host = hosts.find(h => h.id === currentHostId);\r\n if(!host){\r\n alert('No host found. Try creating a new host profile.');\r\n return;\r\n }\r\n\r\n const result = window.prompt(\r\n 'Mock biometric provider for ' + (host.fullName || 'this host') +\r\n ':\\nType \"approved\" to mark as verified, \"declined\" to mark as failed.',\r\n 'approved'\r\n );\r\n\r\n if(!result) return;\r\n const val = result.trim().toLowerCase();\r\n\r\n let status = 'pending';\r\n if(val === 'approved') status = 'verified';\r\n else if(val === 'declined') status = 'failed';\r\n\r\n host.verificationStatus = status;\r\n saveHosts();\r\n\r\n updateVerificationUI(status);\r\n renderHostSummary(host);\r\n }\r\n\r\n function handleResetCheck(){\r\n if(!currentHostId){\r\n updateVerificationUI('not_started');\r\n return;\r\n }\r\n const host = hosts.find(h => h.id === currentHostId);\r\n if(!host) return;\r\n\r\n host.verificationStatus = 'not_started';\r\n saveHosts();\r\n updateVerificationUI('not_started');\r\n renderHostSummary(host);\r\n }\r\n\r\n els.form.addEventListener('submit', handleSubmit);\r\n els.runCheckBtn.addEventListener('click', handleRunCheck);\r\n els.resetCheckBtn.addEventListener('click', handleResetCheck);\r\n els.idDoc.addEventListener('change', () => handleFileLabel(els.idDoc, els.idDocLabel));\r\n els.profilePhoto.addEventListener('change', () => handleFileLabel(els.profilePhoto, els.profilePhotoLabel));\r\n\r\n loadHosts();\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\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>Motorhomes at Home \u2013 Host Sign Up \u25cf Host sign up Become a Motorhomes at Home Host Sign up as a host, upload your ID, and complete a quick (mock) biometric ID check for internal review. Become a Motorhomes at Home Host Sign up as a host, upload your ID, and complete a quick (mock) biometric ID check for internal review. \u25cf Internal prototype Data stored only in this browser Host sign up Step 1 \u00b7 Your details & ID Full name Email address Mobile number Password (for host portal) Address Town \/ City Postcode About you as a host Upload ID document (passport, driving licence \u2013 image or PDF) No file chosen yet. Optional: profile photo No file chosen yet. Prototype note: files are not uploaded to a server. Only filenames are stored for demo purposes. \u2728 Create host profile ID & Biometric checker Step 2 \u00b7 Internal review Current verification status Not started \ud83d\udd10 Run biometric ID check (mock) Reset status For now this uses a simple prompt to simulate a biometric provider. In production, this is where you’d plug in Onfido \/ Veriff \/ Stripe Identity, etc. Latest host profile (local only) No host created yet. Fill in the form and click \u201cCreate host profile\u201d.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-226","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/motorhomeathome.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/226","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/motorhomeathome.co.uk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/motorhomeathome.co.uk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/motorhomeathome.co.uk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/motorhomeathome.co.uk\/index.php\/wp-json\/wp\/v2\/comments?post=226"}],"version-history":[{"count":13,"href":"https:\/\/motorhomeathome.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/226\/revisions"}],"predecessor-version":[{"id":261,"href":"https:\/\/motorhomeathome.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/226\/revisions\/261"}],"wp:attachment":[{"href":"https:\/\/motorhomeathome.co.uk\/index.php\/wp-json\/wp\/v2\/media?parent=226"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}