{% extends 'layout/frontEndLayout.html.twig' %}

{% block title %}Sign up!{% endblock %}

  {% block stylesheets %}
        	 {{parent()}} 
            <link href="{{ asset('assets/css/login.css') }}" rel="stylesheet">    
            
{% endblock %}

{% block body %}
  

 <div class="container-fluid px-1 px-md-5 px-lg-1 px-xl-5 py-5 mx-auto">
    <div class=" border-0">
        <div class="row d-flex">
            <div class="col-lg-6">
                <div class="card1 pb-5">
                    <div class="row"> <img  src="assets/images/logo2.png" class="logo"> </div>
                    <div class="row px-3 justify-content-center mt-4 mb-5 border-line"> <img src="assets/images/BethesdaLogo.gif" class="image"> </div>
                </div>
            </div>
            
            <div class="col-lg-6">
                <div class="card2 card border-0 px-4 py-5">
                        {% for flashError in app.flashes('verify_email_error') %}
                            <div class="alert alert-danger text-center rounded m-3" role="alert">{{ flashError.message }}</div>
                        {% endfor %}
                        {%  for error in errors %}
                            <div class="alert alert-info">{{ error.message }}</div>
                        {% endfor %}
                    {{ form_start(registrationForm ) }}
                      
                        <div class="form-floating mb-3">
                            <h6 class="mb-0 text-sm">Email Address</h6>
                           {{ form_widget(registrationForm.email) }}
                            
                           
                        </div>
                      
                        {{ form_row(registrationForm.plainPassword, {
                            label: 'Password'
                        }) }}
                        <div class="form-floating mb-3">
                          
                            <div class="row ">
                                <div class="col-lg-6">
                                        <h6 class="mb-0 text-sm">Phone number</h6>
                                         {{ form_widget(registrationForm.phoneNumber) }}
                                        
                                </div>
                                <div class="col-lg-6">
                                         <h6 class="mb-0 text-sm">Agreee terms</h6>
                                         {{ form_widget(registrationForm.agreeTerms) }}
                                         
                                </div>
                            </div>
                          
                        </div>


                         <div class="d-grid mb-2">
                           <div class="row ">
                                <div class="col-lg-6">
                                        {{ form_row(registrationForm.submit) }}
                                </div>
                                <div class="col-lg-6">
                                         <div class="col-sm-6 alert alert-warning text-center" role="alert"> Already have an account? <a  class="alert-link btn" href="{{ path('app_login') }}"> Sign In</a> </div>
                                </div>
                             </div>
                         </div>
                    {{ form_end(registrationForm) }}
                </div>
            </div>
        </div>
       
    </div>
</div>

  
{% endblock %}