{% extends 'base.html.twig' %}
{% block main %}
    <div class="breadcumb_area bg-img" style="background-image: url(img/bg-img/breadcumb.jpg);">
        <div class="container h-100">
            <div class="row h-100 align-items-center">
                <div class="col-12">
                    <div class="page-title text-center">
                        <h2>Register New User</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="checkout_area section-padding-80">
        <div class="container">
            <div class="row">
               <div class="col-2"></div>
                <div class="col-8">
                    <div class="order-details-confirmation">
                        <form  class="form-horizontal" name="register" method="post">
                            <div class="form-group">
                                <label for="email" >Email</label>
                                    <input type="text" name="user[email]" autocomplete="off" class="form-control"/>
                            </div>
                            <div class="form-group">
                                <label for="password">Password:</label>
                                    <input type="password" name="user[password][first]"  autocomplete="off"  class="form-control"/>

                            </div>
                            <div class="form-group">
                                <label for="password">Confirm Password:</label>
                                <input type="password" name="user[password][second]"  autocomplete="off" class="form-control"/>

                            </div>
                            {{ form_row(form._token) }}
                            <div class="form-group">
                                <button type="submit" class="btn essence-btn">Register</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <div class="col-2"></div>
        </div>
            </div>
{% endblock %}