{% extends 'layout_public.html.twig' %}
{% import "Common/macros.html.twig" as macros %}
{% form_theme form with 'Common/form_theme.html.twig' %}
{% block page_id %}user-registration{% endblock %}
{% block javascripts %}
{{ parent() }}
<style>
div.switch-conteiner div.on-off-switch {
float: right;
}
</style>
<script type="text/javascript">
require(['app'], function() {
require(['jquery', 'app/pages/userForm', 'app/pages/registrationForm'], function($, UserForm, RegistrationForm) {
$(function() {
new UserForm({
countryUsName: '{{ constant('App\\ValueObject\\Country::US_NAME') }}'
});
new RegistrationForm(
$('#user_form_registerAsIndividual'),
$('#user_form_requestedOrganization')
);
});
});
});
</script>
{% endblock %}
{% block content %}
<div>
<div class="page" id="security-registration">
<div class="registration-content">
<div class="container-form-register">
<div class="error">{{ macros.form_general_errors(form) }}</div>
<div class="logo-content">
<div class="LogoSecurity">
<img src="{{ asset('images/app/security/') }}munireg-finallogo.svg" alt="" >
</div>
<p>Create New Account</p>
<span>Are you a municipal official looking to benefit from a partnership with MuniReg?<br/> Please contact info@munireg.com for assistance with creating an account.</span>
<div>
<a>
Already have an account?
<a href="{{ path('app_home') }}">Log in</a>
</a>
</div>
</div>
<div class="form-registration-content" id="user-form">
<input type="hidden" id="otherRegPartyId" value="{{ otherRegParty.id }}">
{{ form_start(form, { 'action': path('app_registration_index')}) }}
{{ form_widget(form._token) }}
<div class="formItemsContainer">
<div class="item-doble">
{{ form_row(form.registeringOrganization) }}
</div>
<div class="item-doble">
{{ form_row(form.isHomeOwner) }}
</div>
{# <div class="item-doble">#}
{# {{ form_row(form.organization, { 'attr': { 'class': 'requested-organization' } }) }}#}
{# {{ form_row(form.requestedOrganization, { 'attr': { 'class': 'requested-organization' } }) }}#}
{# </div>#}
<div class="item-doble">
{{ form_row(form.firstname) }}
</div>
<div class="item-doble">
{{ form_row(form.lastname) }}
</div>
<div class="item-doble">
{{ form_row(form.phone) }}
</div>
<div class="item-doble">
{{ form_row(form.email) }}
</div>
<div class="item-doble">
{{ form_row(form.password.first) }}
</div>
<div class="item-doble">
{{ form_row(form.password.second) }}
</div>
<div class="item-doble">
{{ form_row(form.organization) }}
</div>
<div class="item-doble">
{{ form_row(form.department) }}
</div>
<div class="item-single">
{{ form_row(form.requestedOrganization) }}
</div>
<div class="item-single">
{{ form_row(form.addressFirst) }}
</div>
<div class="item-single">
{{ form_row(form.addressSecond) }}
</div>
<div class="item-doble">
{{ form_row(form.city) }}
</div>
<div class="item-doble">
{{ form_row(form.zipCode) }}
</div>
<div class="item-doble">
{{ form_row(form.state, { 'attr': { 'class': 'state-select' } }) }}
{{ form_row(form.stateName, { 'attr': { 'class': 'state-input' }, 'row_classes': 'hidden' }) }}
</div>
<div class="item-doble">
{{ form_row(form.country, { 'attr': { 'class': 'country-select' }, 'value' : defaultCountryId() }) }}
</div>
<div class="item-doble" style="padding: 0px">
{{ form_row(form.captcha) }}
</div>
<input type="hidden" name="registerAsIndividual" value="1" id="user_form_registerAsIndividual">
<button type="submit" class="btn-green-big">Create Account</button>
</div>
{{ form_end(form, {'render_rest': false}) }}
</div>
</div>
</div>
</div>
</div>
{% endblock %}