{% 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 %}
    {% for flashError in app.flashes('verify_email_error') %}
        <div class="alert alert-danger text-center rounded m-3" role="alert">{{ flashError }}</div>
    {% endfor %}

 <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="{{ asset('assets/images/logo2.png') }}" class="logo"> </div>
                    <div class="row px-3 justify-content-center mt-4 mb-5 border-line"> <img src="{{ asset('assets/images/BethesdaLogo.gif') }}" class="image"> </div>
                </div>
            </div>
             <div class="col-lg-6">
                <div class="card2 card border-0 px-4 py-5">
                 <h2>{{ securityQuestion }}</h2>

                {{ form_start(verifyForm) }}
                    {{ form_row(verifyForm.securityAnswer) }}
                    {{ form_row(verifyForm.newPassword) }}
                    {{ form_row(verifyForm.submit) }}
                {{ form_end(verifyForm) }}
                </div>
            </div>
        </div>
    </div>
       
</div>
{% endblock %}