{% extends '_base.html.twig' %}
{% block title %}
{% include 'parts/_page-title.html.twig' %}
{% endblock %}
{% block stylesheets %}
{{ parent() }}
<link rel="stylesheet" type="text/css" href="https://api.addressnow.co.uk/css/addressnow-2.20.min.css?key=gz69-np32-aa18-me83" />
{{ encore_entry_link_tags('signup', null, site|lower) }}
{{ encore_entry_link_tags('custom', null, site|lower) }}
{% endblock %}
{% block body %}
{#{% include '_header.html.twig' %}#}
{#{% for rule in businessRulesData %}
{% if rule.fieldname == 'employmentStatusBSIID' %}
{{ dump(rule) }}
{% endif %}
{% endfor %}#}
{#{{ dump(businessRulesData) }}#}
{#{{ dump(app.session.all) }}#}
<main class="main">
<div class="reg-form">
<div class="reg-form__col">
<aside class="aside" style="background-color:{{footer['aside'][1][0]['css-footerType-background-color']}}; color: {{footer['aside'][1][0]["css-footerType-color"]}}">
<a href="/" class="aside__logo">
<img src="/build/{{subPath}}/img/aside/logo.svg" alt="#">
</a>
{% include 'forms/signup/_left.html.twig' %}
<div class="aside__footer">
<a href="#" class="aside__footer-logo">
<picture><source srcset="/build/{{subPath}}/img/aside/footer-logo.webp, /build/{{subPath}}/img/aside/footer-logo@2x.webp 2x" type="image/webp"><img src="/build/{{subPath}}/img/aside/footer-logo.png" srcset="/build/{{subPath}}/img/aside/footer-logo@2x.png 2x" alt="#"></picture>
</a>
<div class="aside__copyright">
© 2024 Monterpoint Technologies
</div>
</div>
</aside>
</div>
<div class="reg-form__col">
<div class="reg-form__top">
<div class="reg-form__top-text">Do you already have an account?</div>
<div class="reg-form__top-btn">
<a href="{{ path('signin') }}" class="btn btn--dark btn--md btn--fw">
<span>Sign In</span>
</a>
</div>
</div>
<form id="SignupForm" action="#" class="form form--fh mp__validator-preload" data-section-id="{{sectionId}}">
<div class="form__outer">
<div class="form__inner">
<div class="form__header">
<div class="form__title">Create your account</div>
<div class="inner__backlink">
<a href="{{path('index')}}" class="backlink">
<svg width="24" height="25" viewBox="0 0 24 25" fill="none">
<path d="M14.5 19.5L7.5 12.5L14.5 5.5" stroke-width="2" stroke-linecap="round"/>
</svg>
<span class="backlink__name">
Home
</span>
</a>
</div>
<div class="form__subtitle">
{{sections[sectionKey].sectionHeaderText|raw}}
</div>
</div>
{% include 'forms/signup/_section.html.twig' %}
<div class="form__footer">
{% if prevSectionId is defined and prevSectionId %}
<div class="form__btn">
<button type="button" id="BtnBack" data-prev-section-id="{{ prevSectionId }}" data-prev-section-slug="{{ prevSectionSlug }}" class="btn btn--fw btn--bordered">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M14.5 19L7.5 12L14.5 5" stroke="#56646D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span>Back</span>
</button>
</div>
{% endif %}
{% if nextSectionId is defined and nextSectionId %}
<div class="form__btn">
<button tabindex="0" id="NextBtn" data-next-section-slug="{{ nextSectionSlug }}" data-next-section-id="{{ nextSectionId }}" type="submit" class="btn btn--fw">
<span>Next</span>
</button>
</div>
{% else %}
<div class="form__btn">
<button tabindex="0" data-next-section-slug="{{ nextSectionSlug }}" data-next-section-id="{{ nextSectionId }}" type="submit" class="btn btn--fw">
<span>Submit</span>
</button>
</div>
{% endif %}
</div>
</div>
</div>
</form>
</div>
</div>
</main>
{% block javascripts %}
{{ parent() }}
<script type="text/javascript" src="https://api.addressnow.co.uk/js/addressnow-2.20.min.js?key=gz69-np32-aa18-me83"></script>
{{ encore_entry_script_tags('imask', null, site|lower) }}
{{ encore_entry_script_tags('selectize', null, site|lower) }}
{{ encore_entry_script_tags('signup', null, site|lower) }}
{{ encore_entry_script_tags('custom', null, site|lower) }}
{% endblock %}
{% endblock %}