{% set body_classes = ['register'] %}
{% set title = 'signup.meta.title'|trans %}
{% set description = 'signup.meta.description'|trans %}
{% set keywords = 'signup.meta.keywords'|trans %}
{% extends 'base.html.twig' %}
{% block stylesheets %}
{{ parent() }}
{{ encore_entry_link_tags('register') }}
{% endblock stylesheets %}
{% block content %}
<main>
<div class="container">
<div class="top-logo-container">
<a href="{{ path('homepage') }}">
<img src="{{ asset('build/images/logo-blue.png') }}" alt="">
</a>
</div>
<div class="register-form-container">
<div class="description-wrapper">
<h1>{{ 'signup.cert_reputation_title'|trans|raw }}</h1>
<h3>{{ 'signup.cert_reputation_subtitle'|trans|raw }}</h3>
<p>{{ 'signup.cert_reputation_paragraph'|trans|raw }}</p>
<ul>
<li>{{ 'signup.cert_reputation_point1'|trans|raw }}</li>
<li>{{ 'signup.cert_reputation_point2'|trans|raw }}</li>
<li>{{ 'signup.cert_reputation_point3'|trans|raw }}</li>
</ul>
</div>
<div class="form-wrapper">
<div class="title">
<h4>{{ 'signup.free_submit_title'|trans|raw }}</h4>
<p>{{ 'signup.free_submit_paragraph'|trans|raw }}</p>
</div>
{{ form_start(form) }}
<div class="field-wrapper">
{{ form_widget(form.name) }}
{{ form_errors(form.name) }}
</div>
<div class="field-wrapper">
{{ form_widget(form.city) }}
{{ form_errors(form.city) }}
</div>
<div class="field-wrapper" {{ stimulus_controller('number_only') }}>
{{ form_widget(form.phone, {'attr': {
'data-action': 'input->number-only#onFilterDigits',
'data-number-only-target': 'input',
}}) }}
{{ form_errors(form.phone) }}
</div>
<div class="field-wrapper">
{{ form_errors(form) }}
</div>
<div class="buttons-container">
{{ form_widget(form.submit) }}
</div>
{{ form_end(form) }}
</div>
</div>
</div>
</main>
{% endblock content %}