
<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Content-Language" content="en">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>{% block title %}Gross World Group{% endblock %}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, shrink-to-fit=no"
    />
    <meta name="description" content="ArchitectUI HTML Bootstrap 4 Dashboard Template">

    <!-- Disable tap highlight on IE -->
    <meta name="msapplication-tap-highlight" content="no">

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

{% block body %}
<body>
<div class="app-container app-theme-white body-tabs-shadow">
        <div class="app-container">
            <div class="h-100">
                <div class="h-100 no-gutters row">
                    <div class="h-100 d-md-flex d-sm-block bg-white justify-content-center align-items-center col-md-12 col-lg-12">
                        <div class="mx-auto app-login-box col-sm-12 col-md-10 col-lg-6">
                            <div style = "margin-top: 2rem; margin-bottom: 1rem;">
                            <img src="{{asset('template/assets/images/cw_logo.jpg')}}" alt=""  weight="100" height="38">
                            </div>

                        <div class="card">
                                <div class="card-body">

                            <h4>
                                <div>Welcome,</div>
                                <span>It only takes a <span class="text-success">few seconds</span> to create your account</span></h4>

                                <div class="divider row"></div>

                            
                                {{ form_start(registrationForm) }}

                                     <div class="form-row">  
                                        <div class="col-md-12">
                                            <div class="position-relative form-group">
                                                {#<label for="exampleName" class="">Name</label>
                                                <input name="text" id="name" placeholder="Name here..." type="text" class="form-control"> #}
                                                 {{ form_row(registrationForm.fullName, {'attr': {'class': 'form-control'}}) }}
                                            </div>
                                        </div>
                                    </div>

                                     <div class="form-row">  
                                        <div class="col-md-12">
                                            <div class="position-relative form-group">
                                                {#<label for="exampleName" class="">Name</label>
                                                <input name="text" id="name" placeholder="Name here..." type="text" class="form-control"> #}
                                                 {{ form_row(registrationForm.username, {'attr': {'class': 'form-control'}}) }}
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-row">
                                        <div class="col-md-12">
                                            <div class="position-relative form-group">
                                                {#<label for="exampleEmail" class=""><span class="text-danger">*</span> Email</label>
                                                <input name="email" id="exampleEmail" placeholder="Email here..." type="email" class="form-control"> #}
                                                 {{ form_row(registrationForm.email, {'attr': {'class': 'form-control'}}) }}
                                            </div>
                                        </div>
                                    </div>  
       

                                    <div class="form-row"> 
                                        <div class="col-md-12">
                                            <div class="position-relative form-group">
                                                {# <label for="examplePassword" class=""><span class="text-danger">*</span> Password</label>
                                                <input name="plainPassword" id="plainPassword" placeholder="Password here..." type="password" class="form-control"> #}
                                                {{ form_row(registrationForm.plainPassword, {'attr': {'class': 'form-control'}}) }}
                                            </div>
                                        </div>
                                    </div>
                                       {# <div class="col-md-6">
                                            <div class="position-relative form-group"><label for="examplePasswordRep" class=""><span class="text-danger">*</span> Repeat Password</label>
                                            <input name="passwordrep" id="examplePasswordRep" placeholder="Repeat Password here..." type="password" class="form-control"></div>
                                        </div> #}
                                    
                                    {#<div class="mt-3 position-relative form-check">
                                        <input name="check" id="exampleCheck" type="checkbox" class="form-check-input"><label for="exampleCheck" class="form-check-label">Accept our <a href="javascript:void(0);">Terms
                                        and Conditions</a>.</label>
                                         {{ form_row(registrationForm.agreeTerms) }}

                                        </div>#}
                                     <div class="mt-4 d-flex align-items-center">
                                    
                                        <div>
                                            <button type="submit" class="btn-wide btn-pill btn-shadow btn-hover-shine btn btn-primary btn-lg">Create Account</button>
                                             
                                        </div>
                                    </div>

                                
                                 {{ form_end(registrationForm) }}
                            


                        </div>
                     </div>


                        </div>
                    </div>
					
                  
					
                </div>
            </div>
        </div>
</div>
</body>
{% endblock %}
{% block javascripts %} 
<script type="text/javascript" src="{{asset('template/assets/scripts/main.js')}}"></script>

{% endblock %}
</html>



{# {% extends 'base.html.twig' %}

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

{% block body %}
    {% for flashError in app.flashes('verify_email_error') %}
        <div class="alert alert-danger" role="alert">{{ flashError }}</div>
    {% endfor %}

    <h1>Register</h1>

    {{ form_start(registrationForm) }}
        {{ form_row(registrationForm.email) }}
        {{ form_row(registrationForm.plainPassword, {
            label: 'Password'
        }) }}
        {{ form_row(registrationForm.agreeTerms) }}

        <button type="submit" class="btn">Register</button>
    {{ form_end(registrationForm) }}
{% endblock %} #}
