<!DOCTYPE html>
{% trans_default_domain 'authentications' %}
<html lang="{{ app.request.locale }}" dir="{{ app.request.locale == 'ar' ? 'rtl' : 'ltr' }}">
    <head>
        <!-- Required meta tags -->
        <title>Azia Responsive Bootstrap 4 Dashboard Template</title>
        <!-- vendor css -->
        <link href="{{ asset('assets/lib/fontawesome-free/css/all.min.css') }}" rel="stylesheet">
        <link href="{{ asset('assets/lib/ionicons/css/ionicons.min.css') }}" rel="stylesheet">
        <link href="{{ asset('assets/lib/typicons.font/typicons.css') }}" rel="stylesheet">
        <!-- azia CSS -->
        <link rel="stylesheet" href="{{ asset('assets/css/azia.css') }}">
    </head>
    <body class="az-body">
        <div class="az-signup-wrapper">
            <div class="az-column-signup-left">
                <div>
                    <i class="typcn typcn-chart-bar-outline"></i>
                    <h1 class="az-logo">az<span>i</span>a</h1>
                    <h5>Responsive Modern Dashboard &amp; Admin Template</h5>
                    <div class="row">
                        <div class="col-sm-4">
                            <a href="{{ path('change_language', {'lang':'fr'}) }}">🇫🇷 Français</a>
                        </div>
                        <div class="col-sm-4">
                            <a href="{{ path('change_language', {'lang':'en'}) }}">🇬🇧 English (UK)</a>
                        </div>
                        <div class="col-sm-4">
                            <a href="{{ path('change_language', {'lang':'ar'}) }}"> 🇸🇦 العربية</a>
                        </div>
                    </div>
                    <br>
                    <p>Browse our site and see for yourself why you need Azia.</p>
                    <a href="{{ path('app_demo_index') }}" class="btn btn-outline-indigo">Learn More</a>
                </div>
            </div>
            <!-- az-column-signup-left -->
            <div class="az-column-signup">
                
                <div class="az-signup-header">
                
                    <h2>{{ 'sign_up'|trans }}</h2>
                    
                    {{ form_start(form) }}

                        {% set formErrors = form.vars.errors.form.getErrors(true) %}
                        {% if formErrors|length %}
                            <div class="alert alert-danger">
                                <ul>
                                    {% for key,error in formErrors %}
                                        <li><strong>{{ error.message }}</strong></li>
                                    {% endfor %}
                                </ul>
                            </div>
                        {% endif %}

                        <div class="form-group">
                        <label class="d-block">{{ form_label(form.TypeUser) }}</label>
                       
                        {% for key,child in form.TypeUser %}
                             <div class="custom-control-inline">
                                {{ form_widget(child) }}
                                 </div>
                        {% endfor %}
                        </div>
                  


                        <div class="form-group">
                            <label for="Inputpseudo">{{ form_label(form.pseudo) }}</label>
                            {{ form_widget(form.pseudo, {'attr': {'class': 'form-control mb-0', 'id':'Inputpseudo' }}) }}
                        </div>

                        <div class="form-group">
                            <label for="InputEmail">{{ form_label(form.email) }}</label>
                            {{ form_widget(form.email, {'attr': {'class': 'form-control mb-0', 'id':'InputEmail' }}) }}
                        </div>


                        <div class="form-group">
                            <label for="InputPassword">{{ form_label(form.password) }}</label>
                            {{ form_widget(form.password, {'attr': {'class': 'form-control mb-0', 'id':'InputPassword' }}) }}
                        </div>

                        
                        <div class="d-inline-block w-100">

                            {{ form_widget(form.cgu) }}
                            <a href="#">{{ 'terms_conditions'|trans }}</a>

                            <button type="submit" class="btn btn-primary float-right">{{ 'sign_up'|trans }}</button>
                        </div>
                        
                        
                        <!-- row -->
                    {{ form_widget(form._token) }}
                    {{ form_end(form) }}

                    <hr>

                    <!-- az-signup-header -->
                    <div class="az-signup-footer">
                        <p>{{ 'already_have_account'|trans }} <a href="{{ path('app_sign_in') }}">{{ 'log_in'|trans }}</a></p>
                    </div>

                </div>
                
            </div>
            <!-- az-column-signup -->
        </div>
        <!-- az-signup-wrapper -->
        <script src="{{ asset('assets/lib/jquery/jquery.min.js') }}"></script>
        <script src="{{ asset('assets/lib/bootstrap/js/bootstrap.bundle.min.js') }}"></script>
        <script src="{{ asset('assets/lib/ionicons/ionicons.js') }}"></script>
        <script src="{{ asset('assets/js/azia.js') }}"></script>
        <script>
            $(function(){
              'use strict'
            
            });
        </script>
    </body>
</html>

