{% extends "@SymfonyDevApp/login_base.html.twig" %}{% block content %}<div class="m-content"> <div class="row"> <div class="offset-lg-1 col-lg-10"> <div class="m-portlet"> <div class="m-portlet__head"> <div class="m-portlet__head-caption"> <div class="m-portlet__head-title"> <h3 class="m-portlet__head-text"> Register </h3> </div> </div> <div class="m-portlet__head-tools"> <ul class="m-portlet__nav"> <li class="m-portlet__nav-item"> <a href="{{ path('app_dashboard_index') }}" class="m-portlet__nav-link btn btn-brand m-btn m-btn--pill m-btn--icon"> <span><i class="la la-angle-left"></i><span>Back to Home</span></span> </a> </li> </ul> </div> </div> {{ form_start(form)}} <div class="m-portlet__body"> <div class="row"> <div class="col-lg-6"> <div class="m-form__section m-form__section--first"> <div class="m-form__heading"> <h3 class="m-form__heading-title">Personal Details</h3> </div> {{ form_row(form.title, {'attr': {'class': 'm-select2'}}) }} {{ form_row(form.firstName) }} {{ form_row(form.lastName) }} {{ form_row(form.dateOfBirth, {'attr': {'class': 'm-datepicker'}}) }} {{ form_row(form.workPhone) }} {{ form_row(form.mobile) }} {{ form_row(form.website) }} </div> <div class="m-form__seperator m-form__seperator--dashed"></div> <div class="m-form__section m-form__section--last"> <div class="m-form__heading"> <h3 class="m-form__heading-title">Address</h3> </div> {{ form_row(form.addresses[0].title) }} {{ form_row(form.addresses[0].company) }} {{ form_row(form.addresses[0].address) }} {{ form_row(form.addresses[0].address2) }} {{ form_row(form.addresses[0].city) }} {{ form_row(form.addresses[0].state) }} {{ form_row(form.addresses[0].zipCode) }} {{ form_row(form.addresses[0].country, {'attr': {'class': 'm-select2'}}) }} </div> </div> <div class="col-lg-6"> <div class="m-form__section m-form__section--first"> <div class="m-form__heading"> <h3 class="m-form__heading-title">Login Details</h3> </div> {{ form_row(form.email) }} <div class="form-group m-form__group row has-danger pb-0"> <div class="col-lg-3"></div> <div class="col-lg-8"> <div class="passwordStrengthIndicator" data-target="symfonydev_appbundle_register_plainPassword_first"> <span class="isSmallAlpha"><i class="la la-close"></i>Lower Case</span> <span class="isCapitalAlpha"><i class="la la-close"></i>Upper Case</span> <span class="isDigit"><i class="la la-close"></i>Number</span> {# <span class=""><i class="la la-close"></i>Special Symbol [!@#$%^&*]</span> #} <span class="isLength"><i class="la la-close"></i>Min. 8 Character</span> </div> </div> </div> {{ form_row(form.plainPassword) }} </div> {% if form.registration is defined %} <div class="m-form__seperator m-form__seperator--dashed"></div> <div class="m-form__section"> <div class="m-form__heading"> <h3 class="m-form__heading-title">Reference</h3> </div> {{ form_row(form.registration) }} {{ form_row(form.association) }} </div> {% endif %} <div class="m-form__seperator m-form__seperator--dashed"></div> <div class="m-form__section m-form__section--last"> <div class="m-form__heading"> <h3 class="m-form__heading-title">How did you find us ?</h3> </div> <div class="form-group m-form__group row"> <div class="col-lg-2"></div> <div class="col-lg-5"> {% for chk in form.howDidYouFindUs %} {% if loop.index%2 == 0 %}{{ form_widget(chk) }}{% endif %} {% endfor %} </div> <div class="col-lg-5"> {% for chk in form.howDidYouFindUs %} {% if loop.index%2 != 0 %}{{ form_widget(chk) }}{% endif %} {% endfor %} </div> </div> {% if form.howDidYouFindUs.vars.errors|length %} <div class="form-group m-form__group row has-danger"> <div class="col-lg-2"></div> <div class="col-lg-5"> {{ form_errors(form.howDidYouFindUs) }} </div> </div> {% endif %} {#{{ form_row(form.howDidYouFindUs) }}#} <div class="form-group m-form__group row"> <div class="col-lg-3 text-right"> {{ form_widget(form.isNews, {'attr': {'data-switch': 'true', 'data-on-color': 'success', 'data-on-text': 'Yes', 'data-off-text': 'No'}}) }} {{ form_errors(form.isNews) }} </div> <label class="col-lg-9 col-form-label control-label text-left">Subscribe to e-News ?</label> </div> <div class="form-group m-form__group row"> <div class="col-lg-3 text-right"> <input required="required" style="top:20px;left:60px;visibility:visible;" type="checkbox" data-switch="true" data-on-color="success" data-on-text="Yes" data-off-text="No" /> </div> <label class="col-lg-9 col-form-label control-label text-left">I Agree the <a href="/SafflowerTermsAndConditionsOfSales.pdf" class="m-link m-link--focus">terms and conditions</a>.</label> </div> </div> {{ form_rest(form) }} </div> </div> </div> <div class="m-portlet__foot m-portlet__foot--fit"> <div class="m-form__actions m-form__actions"> <div class="row"> <div class="col-lg-12"> <a href="{{ path('app_security_login') }}" class="btn btn-metal m-btn m-btn--icon"><span><i class="la la-angle-left"></i><span>Back to Login</span></span></a> <button type="submit" class="btn btn-success m-btn m-btn--icon pull-right" name="btnSubmit" id="snxBtnSubmit" value="btnSubmit"><span><i class="la la-check"></i><span>Register</span></span></button> </div> </div> </div> </div> {{ form_end(form) }} </div> </div> </div></div>{% endblock %}{% block javascripts %} {{ parent() }} <script language="javascript"> $(document).ready(function() { const form = document.querySelector('form'); form.addEventListener('submit', (event) => { event.preventDefault(); var str = getStrength($('#symfonydev_appbundle_register_plainPassword_first').val()); $('.psi-error').remove(); if (str.isValid) { form.submit(); } else { $('.passwordStrengthIndicator').parent().append('<div class="form-control-feedback psi-error"><i class="la la-exclamation-circle"></i> Password must match all these criteria.</div>'); } }); }); </script>{% endblock %}