<div id="application-start" class="scroll-mt-[var(--sub-nav-height)]"></div><div class="flex justify-center pb-2 sm:pb-8"><div class="max-w-5xl w-full rounded-2xl theme-rounded-2xl overflow-hidden theme-background-alt p-4 sm:p-10"><div class="flex flex-col justify-center items-center"><div class="text-lg sm:text-3xl theme-panel-header pb-1 theme-application-section-title">You are applying for...</div><div class="text-2xl pb-2 sm:pb-1 sm:text-3xltext-center leading-normal theme-application-jobtitle">Head of Retail - South</div><div class=""><span> Salary: </span> Competitive + Car Allowance &amp; Benefits</div><div class=""><span> Working Pattern: </span> Full Time</div><div class=""><span> Contract Type: </span> Permanent</div></div><div class="flex flex-col justify-center items-center"><div id="login-block" class="flex flex-col sm:flex-row pt-8 items-center justify-center w-full"><button hx-target="#login-block" hx-get="/search/vacancy/LoginSection" class="theme-primary px-16 py-2 sm:py-3 rounded-full theme-rounded-full text-xl"> Login </button> <span class="px-6 sm:text-xl"> OR </span> <button hx-target="#login-block" hx-get="/search/vacancy/RegisterSection" class="theme-primary px-16 py-2 sm:py-3 rounded-full theme-rounded-full text-xl"> Register </button></div></div></div></div><div id="PersonalDetailsSection" class="scroll-mt-[var(--sub-nav-height)]"><div class="flex justify-center pb-2 sm:pb-8 opacity-60 group-[.pd-enabled]/application:opacity-100 pointer-events-none group-[.pd-enabled]/application:pointer-events-auto group-[.preview-enabled]/application:opacity-100"><div class="relative max-w-5xl w-full rounded-2xl theme-rounded-2xl overflow-hidden theme-background-alt p-4 sm:p-12"><div class="absolute group-[.pd-enabled]/application:hidden top-0 left-0 right-0 bottom-0"></div><form class="application-section-form group/form incomplete" hx-post="/search/application/save-personal-details/18783" hx-target="#personaldetails-target"><div id="personaldetails-target"><div class="grid grid-cols-1 md:grid-cols-2 gap-x-5 gap-y-3"><div class=""><div id="field-FirstName" class="pb-2"><label autocomplete="off" class=""> <span class="block pb-2"> <span> First Name </span> </span> <input class="block w-full rounded p-4 py-2 theme-input-primary" autocomplete="off" hx-vals="" hx-post="/profile/my-details/personal-details-validate?fieldToValidate=FirstName" hx-swap="none" hx-trigger="keyup changed delay:300ms, validateForm from:body" id="FirstName" name="FirstName" value="" placeholder=""><div id="validation-message-FirstName"></div></label></div></div><div class=""><div id="field-LastName" class="pb-2"><label autocomplete="off" class=""> <span class="block pb-2"> <span> Last Name </span> </span> <input class="block w-full rounded p-4 py-2 theme-input-primary" autocomplete="off" hx-vals="" hx-post="/profile/my-details/personal-details-validate?fieldToValidate=LastName" hx-swap="none" hx-trigger="keyup changed delay:300ms, validateForm from:body" id="LastName" name="LastName" value="" placeholder=""><div id="validation-message-LastName"></div></label></div></div><div class=""><div id="field-HouseNumberName" class="pb-2"><label autocomplete="off" class=""> <span class="block pb-2"> <span> House Number/Name </span> </span> <input class="block w-full rounded p-4 py-2 theme-input-primary" autocomplete="off" hx-vals="" hx-post="/profile/my-details/personal-details-validate?fieldToValidate=HouseNumberName" hx-swap="none" hx-trigger="keyup changed delay:300ms, validateForm from:body" id="HouseNumberName" name="HouseNumberName" value="" placeholder=""><div id="validation-message-HouseNumberName"></div></label></div></div><div class=""><div id="field-AddressLine1" class="pb-2"><label autocomplete="off" class=""> <span class="block pb-2"> <span> Address Line 1 </span> </span> <input class="block w-full rounded p-4 py-2 theme-input-primary" autocomplete="off" hx-vals="" hx-post="/profile/my-details/personal-details-validate?fieldToValidate=AddressLine1" hx-swap="none" hx-trigger="keyup changed delay:300ms, validateForm from:body" id="AddressLine1" name="AddressLine1" value="" placeholder=""><div id="validation-message-AddressLine1"></div></label></div></div><div class=""><div id="field-AddressLine2" class="pb-2"><label autocomplete="off" class=""> <span class="block pb-2"> <span> Address Line 2 </span> </span> <input class="block w-full rounded p-4 py-2 theme-input-primary" autocomplete="off" hx-vals="" hx-post="/profile/my-details/personal-details-validate?fieldToValidate=AddressLine2" hx-swap="none" hx-trigger="keyup changed delay:300ms, validateForm from:body" id="AddressLine2" name="AddressLine2" value="" placeholder=""><div id="validation-message-AddressLine2"></div></label></div></div><div class=""><div id="field-TownCity" class="pb-2"><label autocomplete="off" class=""> <span class="block pb-2"> <span> Town/City </span> </span> <input class="block w-full rounded p-4 py-2 theme-input-primary" autocomplete="off" hx-vals="" hx-post="/profile/my-details/personal-details-validate?fieldToValidate=TownCity" hx-swap="none" hx-trigger="keyup changed delay:300ms, validateForm from:body" id="TownCity" name="TownCity" value="" placeholder=""><div id="validation-message-TownCity"></div></label></div></div><div class=""><div id="field-PostcodeZip" class="pb-2"><label autocomplete="off" class=""> <span class="block pb-2"> <span> Postcode/Zip </span> </span> <input class="block w-full rounded p-4 py-2 theme-input-primary" autocomplete="off" hx-vals="" hx-post="/profile/my-details/personal-details-validate?fieldToValidate=PostcodeZip" hx-swap="none" hx-trigger="keyup changed delay:300ms, validateForm from:body" id="PostcodeZip" name="PostcodeZip" value="" placeholder=""><div id="validation-message-PostcodeZip"></div></label></div></div><div class=""><div id="field-MobileNumber" class="pb-2"><label autocomplete="off" class=""> <span class="block pb-2"> <span> Mobile Number </span> </span> <input class="block w-full rounded p-4 py-2 theme-input-primary" autocomplete="off" hx-vals="" hx-post="/profile/my-details/personal-details-validate?fieldToValidate=MobileNumber" hx-swap="none" hx-trigger="keyup changed delay:300ms, validateForm from:body" id="MobileNumber" name="MobileNumber" value="" placeholder=""><div id="validation-message-MobileNumber"></div></label></div></div><div class=""><div id="field-CurrentEmployer" class="pb-2"><label autocomplete="off" class=""> <span class="block pb-2"> <span> Current Employer </span> </span> <input class="block w-full rounded p-4 py-2 theme-input-primary" autocomplete="off" hx-vals="" hx-post="/profile/my-details/personal-details-validate?fieldToValidate=CurrentEmployer" hx-swap="none" hx-trigger="keyup changed delay:300ms, validateForm from:body" id="CurrentEmployer" name="CurrentEmployer" value="" placeholder="If not applicable, please write “n/a”"><div id="validation-message-CurrentEmployer"></div></label></div></div><div class=""><div id="field-CurrentJobTitle" class="pb-2"><label autocomplete="off" class=""> <span class="block pb-2"> <span> Current Job Title </span> </span> <input class="block w-full rounded p-4 py-2 theme-input-primary" autocomplete="off" hx-vals="" hx-post="/profile/my-details/personal-details-validate?fieldToValidate=CurrentJobTitle" hx-swap="none" hx-trigger="keyup changed delay:300ms, validateForm from:body" id="CurrentJobTitle" name="CurrentJobTitle" value="" placeholder="If not applicable, please write “n/a”"><div id="validation-message-CurrentJobTitle"></div></label></div></div><input type="hidden" id="EmailAddress" name="EmailAddress" value=""></div></div><div class="hidden group-[.pd-enabled]/application:flex flex-col justify-center items-center pt-10"><div class="grid grid-cols-[1fr2fr1fr] w-full items-center justify-items-center"><div></div><div class="pb-2"><button class="theme-primary px-12 py-3 rounded-full theme-rounded-full text-2xl"> Save and Continue </button></div><div class="flex justify-end w-full"><div class="group-[.htmx-request]/form:hidden"><div class="flex group-[.incomplete]/form:hidden group-[.dirty]/form:hidden justify-between align-middle theme-positive px-4 py-3 rounded-lg gap-4"><span>Saved</span><i class="material-symbols-outlined">taskalt</i></div><div class="hidden group-[.incomplete]/form:flex group-[.dirty]/form:hidden"></div><div class="hidden group-[.dirty]/form:flex justify-center align-middle theme-negative px-4 py-3 rounded-lg gap-4"><span>Unsaved changes</span><i translate="no" class="material-symbols-outlined">error</i></div></div><div class="htmx-indicator"><div class="spinner m-0"><div class="bounce1 theme-positive-bg-only"></div><div class="bounce2 theme-positive-bg-only"></div><div class="bounce3 theme-positive-bg-only"></div></div></div></div></div></div></form></div></div></div><div id="PersonalDetailsQuestionsEnd" class="scroll-mt-[var(--sub-nav-height)]"></div><div class="application-section scroll-mt-[var(--sub-nav-height)]"></div><div class="application-section scroll-mt-[var(--sub-nav-height)]"><div id="CVSection" class="scroll-mt-[var(--sub-nav-height)]" inert=""><div class="flex justify-center pb-2 sm:pb-8 opacity-60 group-[.enabled]/application:opacity-100 pointer-events-none group-[.enabled]/application:pointer-events-auto group-[.preview-enabled]/application:opacity-100"><div class="relative max-w-5xl w-full rounded-2xl theme-rounded-2xl overflow-hidden theme-background-alt p-4 sm:p-12"><div class="absolute group-[.enabled]/application:hidden top-0 left-0 right-0 bottom-0"></div><div class="text-3xl text-center theme-panel-header pb-10 theme-application-section-title">Please upload your CV</div><div class="pb-6"><div>Simply drag and drop your CV here, or select a file from your machine</div><div class="flex justify-center py-6"><div id="dropzone" onclick="dropZoneClick()" ondrop="dropHandler(event)" ondragover="dragOverHandler(event)" ondragleave="dragLeaveHandler(event)" class="flex justify-center px-6 py-20 border border-dashed rounded-2xl w-full sm:w-2/4 cursor-pointer"><span>Drop here</span> <span translate="no" class="material-icons pointer-events-none">uploadfile</span></div></div><div class="flex justify-center pb-6"><div><button type="button" onclick="dropZoneClick()" class="htmx-indicator-replace theme-primary px-6 py-2 rounded-full text-lg"> Select File</button><div class="htmx-indicator2 flex justify-center w-full"><div class="spinner m-0"><div class="bounce1 theme-positive-bg-only"></div><div class="bounce2 theme-positive-bg-only"></div><div class="bounce3 theme-positive-bg-only"></div></div></div></div></div><form hx-indicator=".htmx-indicator2,.htmx-indicator-replace" hx-encoding="multipart/form-data" id="fileForm" class="hidden" hx-target="#cv-target" hx-post="/profile/my-details/cv" hx-trigger="submit"><input type="file" id="fileElem" name="file" onchange="submitFile()" accept=".doc,.docx,.pdf,.jpg,.jpeg,.png"></form><div class="pb-6"><div class="font-bold">For Security purposes you can only upload the following types of documents:</div><div>Documents (.doc, .docx, .pdf)</div><div>Images (.jpg, .jpeg, .png)</div></div><div id="cv-target"></div><script>function dropZoneClick(){document.getElementById("fileElem").click();}function submitFile(){htmx.trigger("#fileForm","submit");var fileElem=document.getElementById("fileElem");fileElem.value="";}function dropHandler(ev){ev.preventDefault();var fileElem=document.getElementById("fileElem");fileElem.files=ev.dataTransfer.files;submitFile();var dropZone=document.getElementById("dropzone");dropZone.classList.remove("animate-pulse");}function dragOverHandler(ev){ev.preventDefault();var dropZone=document.getElementById("dropzone");dropZone.classList.add("animate-pulse");}function dragLeaveHandler(ev){var dropZone=document.getElementById("dropzone");dropZone.classList.remove("animate-pulse");}</script></div><form class="application-section-form group/form incomplete" hx-trigger="submit" hx-post="/search/application/save-cv/18783" hx-target="#cv-status-target"><div id="cv-status-target"></div><div class="hidden group-[.enabled]/application:flex flex-col justify-center items-center pt-10"><div class="grid grid-cols-[1fr2fr1fr] w-full items-center justify-items-center"><div></div><div class="pb-2"><button class="theme-primary px-12 py-3 rounded-full theme-rounded-full text-2xl"> Save and Continue </button></div><div class="flex justify-end w-full"><div class="group-[.htmx-request]/form:hidden"><div class="flex group-[.incomplete]/form:hidden group-[.dirty]/form:hidden justify-between align-middle theme-positive px-4 py-3 rounded-lg gap-4"><span>Saved</span><i class="material-symbols-outlined">taskalt</i></div><div class="hidden group-[.incomplete]/form:flex group-[.dirty]/form:hidden"></div><div class="hidden group-[.dirty]/form:flex justify-center align-middle theme-negative px-4 py-3 rounded-lg gap-4"><span>Unsaved changes</span><i translate="no" class="material-symbols-outlined">error</i></div></div><div class="htmx-indicator"><div class="spinner m-0"><div class="bounce1 theme-positive-bg-only"></div><div class="bounce2 theme-positive-bg-only"></div><div class="bounce3 theme-positive-bg-only"></div></div></div></div></div></div></form></div></div></div><div id="CVEnd" class="scroll-mt-[var(--sub-nav-height)]"></div></div><div class="application-section scroll-mt-[var(--sub-nav-height)]"><div id="QuestionsSection" class="scroll-mt-[var(--sub-nav-height)]" inert=""><div id="Questions" class="flex justify-center pb-2 sm:pb-8 opacity-60 group-[.enabled]/application:opacity-100 pointer-events-none group-[.enabled]/application:pointer-events-auto group-[.preview-enabled]/application:opacity-100"><div class="max-w-5xl w-full rounded-2xl theme-rounded-2xl overflow-hidden theme-background-alt p-4 sm:p-12"><div class="absolute group-[.enabled]/application:hidden top-0 left-0 right-0 bottom-0"></div><div class="text-3xl text-center theme-panel-header pb-10 theme-application-section-title">Questions</div><form class="application-section-form group/form incomplete" hx-post="/search/application/Questions" hx-trigger="submit" hx-swap="none show:#YNQuestionsEnd:top"><input type="hidden" name="vacancyId" value="18783"><div id="questionsSection-target"><div id="YesNoBlock"><div class="flex flex-col sm:grid sm:grid-cols-[1fr7rem7rem] gap-4 pb-6"><input type="hidden" name="ynanswers[0].QuestionId" value="592"><div class="py-3.5">Do you have the Right to Work in the UK?</div><label class="py-4 sm:py-0 flex gap-2 theme-input-primary place-content-center rounded items-center cursor-pointer"> <input type="radio" name="ynanswers[0].AnswerText" value="true" class="grid place-content-center appearance-none w-7 h-7 border-2 rounded-full border-gray-500 before:checked:w-4 before:checked:h-4 before:checked:theme-primary before:checked:block before:rounded-full before:scale-0 before:checked:scale-100 before:duration-200"> <span class="translate-y-0.5 font-bold">Yes</span> </label> <label class="py-4 sm:py-0 flex gap-2 theme-input-primary place-content-center rounded items-center cursor-pointer"> <input type="radio" name="ynanswers[0].AnswerText" value="false" class="grid place-content-center appearance-none w-7 h-7 border-2 rounded-full border-gray-500 before:checked:w-4 before:checked:h-4 before:checked:theme-primary before:checked:block before:rounded-full before:scale-0 before:checked:scale-100 before:duration-200"> <span class="translate-y-0.5 font-bold">No</span> </label><div class="col-span-3 w-full h-[1px] bg-gray-500"></div><input type="hidden" name="ynanswers[1].QuestionId" value="607"><div class="py-3.5">This is a field based role, are you comfortable with travelling to your stores 3 days per week?</div><label class="py-4 sm:py-0 flex gap-2 theme-input-primary place-content-center rounded items-center cursor-pointer"> <input type="radio" name="ynanswers[1].AnswerText" value="true" class="grid place-content-center appearance-none w-7 h-7 border-2 rounded-full border-gray-500 before:checked:w-4 before:checked:h-4 before:checked:theme-primary before:checked:block before:rounded-full before:scale-0 before:checked:scale-100 before:duration-200"> <span class="translate-y-0.5 font-bold">Yes</span> </label> <label class="py-4 sm:py-0 flex gap-2 theme-input-primary place-content-center rounded items-center cursor-pointer"> <input type="radio" name="ynanswers[1].AnswerText" value="false" class="grid place-content-center appearance-none w-7 h-7 border-2 rounded-full border-gray-500 before:checked:w-4 before:checked:h-4 before:checked:theme-primary before:checked:block before:rounded-full before:scale-0 before:checked:scale-100 before:duration-200"> <span class="translate-y-0.5 font-bold">No</span> </label><div class="col-span-3 w-full h-[1px] bg-gray-500"></div><input type="hidden" name="ynanswers[2].QuestionId" value="595"><div class="py-3.5">Do you have any unspent criminal convictions?</div><label class="py-4 sm:py-0 flex gap-2 theme-input-primary place-content-center rounded items-center cursor-pointer"> <input type="radio" name="ynanswers[2].AnswerText" value="true" class="grid place-content-center appearance-none w-7 h-7 border-2 rounded-full border-gray-500 before:checked:w-4 before:checked:h-4 before:checked:theme-primary before:checked:block before:rounded-full before:scale-0 before:checked:scale-100 before:duration-200"> <span class="translate-y-0.5 font-bold">Yes</span> </label> <label class="py-4 sm:py-0 flex gap-2 theme-input-primary place-content-center rounded items-center cursor-pointer"> <input type="radio" name="ynanswers[2].AnswerText" value="false" class="grid place-content-center appearance-none w-7 h-7 border-2 rounded-full border-gray-500 before:checked:w-4 before:checked:h-4 before:checked:theme-primary before:checked:block before:rounded-full before:scale-0 before:checked:scale-100 before:duration-200"> <span class="translate-y-0.5 font-bold">No</span> </label><div class="col-span-3 w-full h-[1px] bg-gray-500"></div><input type="hidden" name="ynanswers[3].QuestionId" value="10"><div class="py-3.5">Are you currently employed by Matalan?</div><label class="py-4 sm:py-0 flex gap-2 theme-input-primary place-content-center rounded items-center cursor-pointer"> <input type="radio" name="ynanswers[3].AnswerText" value="true" class="grid place-content-center appearance-none w-7 h-7 border-2 rounded-full border-gray-500 before:checked:w-4 before:checked:h-4 before:checked:theme-primary before:checked:block before:rounded-full before:scale-0 before:checked:scale-100 before:duration-200"> <span class="translate-y-0.5 font-bold">Yes</span> </label> <label class="py-4 sm:py-0 flex gap-2 theme-input-primary place-content-center rounded items-center cursor-pointer"> <input type="radio" name="ynanswers[3].AnswerText" value="false" class="grid place-content-center appearance-none w-7 h-7 border-2 rounded-full border-gray-500 before:checked:w-4 before:checked:h-4 before:checked:theme-primary before:checked:block before:rounded-full before:scale-0 before:checked:scale-100 before:duration-200"> <span class="translate-y-0.5 font-bold">No</span> </label><div class="col-span-3 w-full h-[1px] bg-gray-500"></div><input type="hidden" name="ynanswers[4].QuestionId" value="608"><div class="py-3.5">Do you have experience leading multiple retail stores?</div><label class="py-4 sm:py-0 flex gap-2 theme-input-primary place-content-center rounded items-center cursor-pointer"> <input type="radio" name="ynanswers[4].AnswerText" value="true" class="grid place-content-center appearance-none w-7 h-7 border-2 rounded-full border-gray-500 before:checked:w-4 before:checked:h-4 before:checked:theme-primary before:checked:block before:rounded-full before:scale-0 before:checked:scale-100 before:duration-200"> <span class="translate-y-0.5 font-bold">Yes</span> </label> <label class="py-4 sm:py-0 flex gap-2 theme-input-primary place-content-center rounded items-center cursor-pointer"> <input type="radio" name="ynanswers[4].AnswerText" value="false" class="grid place-content-center appearance-none w-7 h-7 border-2 rounded-full border-gray-500 before:checked:w-4 before:checked:h-4 before:checked:theme-primary before:checked:block before:rounded-full before:scale-0 before:checked:scale-100 before:duration-200"> <span class="translate-y-0.5 font-bold">No</span> </label><div class="col-span-3 w-full h-[1px] bg-gray-500"></div></div></div><div id="FreetextBlock"><div class="grid grid-cols-1 gap-6 pb-6"><input type="hidden" name="ftanswers[0].QuestionId" value="577"><div class="flex flex-col"><div class="pb-3">What are your salary expectations for this role?</div><textarea name="ftanswers[0].AnswerText" class="p-3.5 rounded-lg theme-input-primary" placeholder="Type your answer here" rows="4"></textarea></div><input type="hidden" name="ftanswers[1].QuestionId" value="578"><div class="flex flex-col"><div class="pb-3">What is your notice period?</div><textarea name="ftanswers[1].AnswerText" class="p-3.5 rounded-lg theme-input-primary" placeholder="Type your answer here" rows="4"></textarea></div><input type="hidden" name="ftanswers[2].QuestionId" value="37"><div class="flex flex-col"><div class="pb-3">If you're currently employed by Matalan, please confirm the name of your current Line Manager and your current role. Please note - your application may not be progressed without this information.</div><textarea name="ftanswers[2].AnswerText" class="p-3.5 rounded-lg theme-input-primary" placeholder="Type your answer here" rows="4"></textarea></div><input type="hidden" name="ftanswers[3].QuestionId" value="582"><div class="flex flex-col"><div class="pb-3">Have you been referred to this role via a Matalan colleague? If so, please state their name here.</div><textarea name="ftanswers[3].AnswerText" class="p-3.5 rounded-lg theme-input-primary" placeholder="Type your answer here" rows="4"></textarea></div></div><div class="pb-6 flex place-content-center"><div class="p-3 rounded-[2rem] rounded-tl-none theme-input-primary flex justify-center items-start"><div class="rounded-[2rem] rounded-tl-none theme-primary w-12 h-12 min-w-[3rem] flex justify-center items-center text-2xl font-bold">?</div><span class="p-3">We ask this because we're interested in your suitability.</span></div></div></div></div><div class="hidden group-[.enabled]/application:flex justify-center"><div class="grid grid-cols-[1fr2fr1fr] w-full items-center justify-items-center"><div></div><div class="pb-2"><button class="theme-primary px-12 py-3 rounded-full theme-rounded-full text-2xl"> Save and Continue </button></div><div class="flex justify-end w-full"><div class="group-[.htmx-request]/form:hidden"><div class="flex group-[.incomplete]/form:hidden group-[.dirty]/form:hidden justify-between align-middle theme-positive px-4 py-3 rounded-lg gap-4"><span>Saved</span><i class="material-symbols-outlined">taskalt</i></div><div class="hidden group-[.incomplete]/form:flex group-[.dirty]/form:hidden"></div><div class="hidden group-[.dirty]/form:flex justify-center align-middle theme-negative px-4 py-3 rounded-lg gap-4"><span>Unsaved changes</span><i translate="no" class="material-symbols-outlined">error</i></div></div><div class="htmx-indicator"><div class="spinner m-0"><div class="bounce1 theme-positive-bg-only"></div><div class="bounce2 theme-positive-bg-only"></div><div class="bounce3 theme-positive-bg-only"></div></div></div></div></div></div></form></div></div></div><div id="YNQuestionsEnd" class="scroll-mt-[var(--sub-nav-height)]"></div></div><div class="flex justify-center pb-2 sm:pb-8 opacity-60 group-[.enabled]/application:opacity-100 pointer-events-none group-[.enabled]/application:pointer-events-auto group-[.preview-enabled]/application:opacity-100" inert=""><div class="max-w-5xl w-full rounded-2xl theme-rounded-2xl overflow-hidden theme-background-alt p-4 sm:p-12"><div class="absolute group-[.enabled]/application:hidden top-0 left-0 right-0 bottom-0"></div><div id="IncompleteSectionsIndicators" class="flex flex-col pb-6 gap-2"><div>The following sections are incomplete</div><div class="p-3 theme-background-alt2 rounded-xl incomplete-indicator" data-section="PersonalDetailsSection"><div class="flex justify-between items-center"><div>Personal Details</div><button class="theme-primary px-4 py-2 rounded-lg flex items-center gap-2" onclick="scrollToSection('PersonalDetailsSection')"> <span>Go to section</span> <i translate="no" class="material-symbols-outlined">arrowupward</i> </button></div></div><div class="p-3 theme-background-alt2 rounded-xl incomplete-indicator" data-section="CVSection"><div class="flex justify-between items-center"><div>CV</div><button class="theme-primary px-4 py-2 rounded-lg flex items-center gap-2" onclick="scrollToSection('CVSection')"> <span>Go to section</span> <i translate="no" class="material-symbols-outlined">arrowupward</i> </button></div></div><div class="p-3 theme-background-alt2 rounded-xl incomplete-indicator" data-section="QuestionsSection"><div class="flex justify-between items-center"><div>Questions</div><button class="theme-primary px-4 py-2 rounded-lg flex items-center gap-2" onclick="scrollToSection('QuestionsSection')"> <span>Go to section</span> <i translate="no" class="material-symbols-outlined">arrow_upward</i> </button></div></div></div><form hx-post="/search/application/SubmitApplication/18783?isRFI=False" hx-swap="outerHTML" hx-target="#ApplicationFormTaget"><div class="pb-6 flex place-content-center"><div class="grid grid-cols-1 gap-10 group/submit-info incomplete"><div class="p-3 rounded-[2rem] rounded-tl-none theme-input-primary flex justify-center items-start"><div class="rounded-[2rem] rounded-tl-none theme-primary w-12 h-12 min-w-[3rem] flex group-[.incomplete]/submit-info:hidden justify-center items-center text-2xl font-bold">?</div><div class="rounded-[2rem] rounded-tl-none theme-primary w-12 h-12 min-w-[3rem] hidden group-[.incomplete]/submit-info:flex justify-center items-center text-2xl font-bold">!</div><div class="flex group-[.incomplete]/submit-info:hidden"><div class="p-3">Once you are happy with your application please click 'submit application' below</div></div><div class="hidden group-[.incomplete]/submit-info:flex"><div class="p-3">All sections need to be complete before you can submit your application</div></div></div></div></div><div class="hidden group-[.enabled]/application:flex justify-center"><button id="ApplicationSubmitAllButton" class="theme-primary px-12 py-3 rounded-full theme-rounded-full text-2xl disabled:opacity-50 disabled:cursor-not-allowed" disabled=""> Submit Application </button></div></form></div></div>