{% include 'header.html.twig' %}
    <div class=" center_div">
        <div class="jumbotron  col-5">
            <div class="col-md-12">
                <div class="col-lg-12" align="center">
                    <h1 class="page-header">
                        <h3>Registro de usuarios</h3>
                    </h1>
                </div>
            </div>
            {{ form_start(form, {'method': 'post', 'action': path('fos_user_registration_register'), 'attr': {'class': 'fos_user_registration_register'}}) }}

            <div class="form-group">
            {{ form_label(form.name) }}
            {{ form_widget(form.name,{'attr': {'class': 'form-control'}}) }}
            </div>
            <div class="form-group">
            {{ form_label(form.email) }}
            {{ form_widget(form.email,{'attr': {'class': 'form-control'}}) }}
            </div>
            <div class="form-group">
            {{ form_label(form.username) }}
            {{ form_widget(form.username,{'attr': {'class': 'form-control'}}) }}
            </div>
            <div class="form-group">
            {{ form_label (form.plainPassword.first) }}
            {{ form_widget (form.plainPassword.first,{'attr': {'class': 'form-control'}}) }}
            </div>
            <div class="form-group">
            {{ form_label (form.plainPassword.second) }}
            {{ form_widget (form.plainPassword.second,{'attr': {'class': 'form-control'}}) }}
            </div>
            <div class="form-group">
            {{ form_label(form.role) }}
            {{ form_widget(form.role,{'attr': {'class': 'form-control'}}) }}
            </div>
            <div>
                <input type="submit" value="Registrar" class="btn btn-default pull-right" />
            </div>
            {{ form_end(form) }}
        </div>
    </div>
{% include 'footer.html.twig' %}