{% extends 'Common/base.html.twig' %}{% import 'Common/parts/functions.html.twig' as function %}{% block title %}{{ 'web.security.signup.title'|trans }} | {{ parent() }}{% endblock %}{% block classBody %}user signup login {{ parent() }}{% endblock %}{% block stylesheets %}{{ parent() }}{{ encore_entry_link_tags('select2_styles') }}{% endblock stylesheets %}{% block javascripts %}{{ parent() }}{{ encore_entry_script_tags('select2_js') }}{{ encore_entry_script_tags('wt_signup') }}{% endblock javascripts %}{% block contents %}<div class="container-small" ng-controller="signupCtrl"><nav class="mb-2" aria-label="breadcrumb"><ol class="breadcrumb mb-0"><li class="breadcrumb-item"><a href="{{path('web_init')}}">Inicio</a></li><li class="breadcrumb-item active" aria-current="page">Registrarse</li></ol></nav><div class="row flex-center position-relative g-0 "><div class="col-11 col-sm-10 col-xl-9"><div class="card border border-200 auth-card"><div class="card-body pe-md-0"><div class="row align-items-center gx-0 gy-7"><div class="col-auto bg-100 rounded-3 position-relative overflow-hidden auth-title-box"><div class="position-relative px-4 px-lg-7 pt-7 pb-7 pb-sm-5 text-center text-md-start pb-lg-7 pb-md-7"><a class="d-flex flex-center text-decoration-none mb-4" href="{{path('web_homepage')}}"><div class="d-flex align-items-center fw-bolder fs-5 d-inline-block"><img src="{{ asset('/assets/images/logo_v2.png') }}" alt="whater.app" class="w-100"></div></a><h3 class="mb-3 text-black fs-1">{{ 'web.security.signup.description' |trans }}</h3><p class="text-700">Regístrate gratis en whater.app y accede a los ultimos datos sobre el agua.</p><ul class="list-unstyled mb-0 w-max-content w-md-auto mx-auto"><li class="d-flex align-items-center"><span class="uil uil-check-circle text-success me-2"></span><span class="text-700 fw-semi-bold">Rápido</span></li><li class="d-flex align-items-center"><span class="uil uil-check-circle text-success me-2"></span><span class="text-700 fw-semi-bold">Simple</span></li><li class="d-flex align-items-center"><span class="uil uil-check-circle text-success me-2"></span><span class="text-700 fw-semi-bold">Responsable</span></li></ul></div><div class="position-relative z-index--1 mb-6 d-none d-md-block text-center "><img class="w-100 px-4 pt-3 pb-2 " src="{{ asset('/assets/images/gota-foto-1@2x.png')}}" alt=""></div></div><div class="col mx-0 mx-md-4">{% form_theme form 'Form/bootstrap_5_layout.html.twig' %}{{ form_start(form, {'action': path('web_signup'),'method': 'POST','attr': { 'id': form.vars.name, 'autoComplete':'off' }}) }}{{ form_errors(form) }}<div class="text-center mb-7"><h3 class="text-1000">Registrate</h3><p class="text-700">Instroduce tus datos y crea tu cuenta de forma gratuita</p></div>{{ function.showFlashes() }}<div class="row g-3 mb-3"><div class="col-xl-6">{{ form_label(form.firstName) }}{{ form_widget(form.firstName, {'attr': {'class': 'form-control form-icon-input' , 'autocomplete': 'given-name'}}) }}{{ form_errors(form.firstName) }}</div><div class="col-xl-6">{{ form_label(form.lastName) }}{{ form_widget(form.lastName, {'attr': {'class': 'form-control form-icon-input' , 'autocomplete': 'family-name'}}) }}{{ form_errors(form.lastName) }}</div></div><div class="row g-3 mb-3"><div class="col-xl-6">{{ form_label(form.email) }}{{ form_widget(form.email, {'attr': {'class': 'form-control form-icon-input' , 'autocomplete': 'email'}}) }}{{ form_errors(form.email) }}</div><div class="col-xl-6">{{ form_label(form.phone) }}{{ form_widget(form.phone, {'attr': {'class': 'form-control form-icon-input' , 'autocomplete': 'phone'}}) }}{{ form_errors(form.phone) }}</div></div><div class="row g-3 mb-3"><div class="col-xl-6">{{ form_label(form.password) }}{{ form_widget(form.password, {'attr': {'class': 'form-control form-icon-input' , 'autocomplete': 'new-password'}}) }}{{ form_errors(form.password) }}</div><div class="col-xl-6" ng-init="initSelectCountry()"><label for="select_country" class="form-label">País</label><select class="form-select country-field" aria-label="Tu país"requiredid="select_country"data-country-search-url="{{ url('web_api_public_zones_country_list') }}"><option value="216abc6f-594d-49ea-8977-8976ca33e92c" selected="selected">España</option></select></div></div><div class="row g-3 mb-3"><div class="col-12" ng-init="initSelectTowns()">{{ form_label(form.town) }}{% do form.town.setRendered %}<select class="form-select clinics-field" aria-label="Tu localidad"id="signup_town"name="{{ form.town.vars.full_name }}"required="required"data-town-search-url="{{ url('web_api_public_zones_town_list') }}"></select>{{ form_errors(form.town) }}</div></div><div class="row g-3 mb-3"><div class="col-12">{{ form_label(form.publicComments) }}{{ form_widget(form.publicComments, {'attr': {'class': 'form-control form-icon-input'}}) }}{{ form_errors(form.publicComments) }}</div></div><div class="row g-3 mb-3"><div class="col-12">{{ form_label(form.selectedTypes) }}{{ form_widget(form.selectedTypes, {'attr': {'class': 'form-control form-icon-input'}}) }}{{ form_errors(form.selectedTypes) }}</div></div><div class="row form-check mb-3">{{ form_errors(form.terms) }}<div class="form-check"><input class="form-check-input" id="signup_terms" type="checkbox"required="required"name="{{field_name(form.terms)}}"><label class="form-check-label" for="signup_terms">Acepta nuestros <a href="{{path('web_terms')}}" target="_blank">términos y condiciones</a>.</label></div></div><div class="g-3 mb-3" ng-init="initReferralCode('{{referralCode}}')">{{ form_widget(form.referralCode) }}{{ form_widget(form.recaptcha, {'attr': {'class': 'my-3' }}) }}</div><button class="btn btn-primary w-100 mb-3" ng-click="submitForm()">{{ 'web.security.signup.button'|trans }}</button>{{ form_rest(form) }}{{ form_end(form) }}</div></div></div></div></div></div></div>{% endblock contents %}