{% extends 'minimal.html.twig' %}

{% block title %}Register{% endblock %}

{% block body %}

    <div class="col-12 col-md-4 peer pX-40 pY-80 h-100 bgc-white scrollable pos-r" style="min-width:420px">

        <h3 class="h3 mb-3 font-weight-normal">Registrate</h3>

        {#{% if error %}
            <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
        {% endif %}
#}
        {{ form_start(registrationForm) }}

        {{ form_errors(registrationForm) }}

        <div class="form-group">
            <label class="text-normal text-dark">Usuario</label>
            {{ form_widget(registrationForm.username, {'attr': {'class': 'form-control', 'maxlength':'13', 'pattern':'.{5,}'}}) }}
            {{ form_errors(registrationForm.username) }}
        </div>
        <div class="form-group">
            {#<label class="text-normal text-dark">Contrase&ntilde;a</label>#}
            {{ form_widget(registrationForm.plainPassword, {'attr': {'class': 'form-control' }}) }}
            {{ form_errors(registrationForm.plainPassword) }}
        </div>
        <div class="form-group">
            <label class="text-normal text-dark">Email</label>
            {{ form_widget(registrationForm.email, {'attr': {'class': 'form-control', 'maxlength':'50'}}) }}
            {{ form_errors(registrationForm.email) }}
        </div>
        <div class="form-group">
            <label class="text-normal text-dark">RUC</label>
            {{ form_widget(registrationForm.ruc, {'attr': {'class': 'form-control', 'maxlength':'13', 'pattern':'.{5,}'}}) }}
            {{ form_errors(registrationForm.ruc) }}
        </div>
        <div class="form-group">
            <label class="text-normal text-dark">Raz&oacute;n Social</label>
            {{ form_widget(registrationForm.razonSocial, {'attr': {'class': 'sv_uppercase form-control', 'maxlength':'200'}}) }}
            {{ form_errors(registrationForm.razonSocial) }}
        </div>
        <div class="form-group">
            {{ form_label(registrationForm.agreeTerms) }}
            {{ form_widget(registrationForm.agreeTerms) }}
        </div>


        <div class="form-group">
            <div class="peers ai-c jc-sb fxw-nw">
                <div class="peer">
                    <button type="submit" class="btn btn-primary">Registrar</button>
                </div>
                <div class="peer">
                    <a href="{{ path('app_login')}}">Cancelar</a>
                </div>
            </div>
        </div>

        {{ form_end(registrationForm) }}
    </div>
{% endblock %}