{% extends 'AdminBundle:Admin:adminLayout.html.twig' %}

{% block head %}
    <style>
        input[type="file"]{ padding-left:0px; }
        .vich-file label { width:20%; text-align: left; }        
        .vich-img{ /*overflow:hidden;*/ position: relative; }
        .vich-img img{ position: absolute; top:auto; bottom: 16px; }
        .user-image-file label{ display: none!important; }
    </style>    
    {{ parent() }}
    {{ backendHelpers.bazingajsTranslationJavaScripts() }}
{% endblock %}

{% block breadcrumb %}
    {{ backendHelpers.breadcrumb({ 
        ("user.titles.users home"|trans) : (path(paths.home)), 
        ("user.titles.users"|trans) : (path(paths.index)),
        ("admin.titles.add"|trans) : ''
    }) }}
{% endblock %}

{% block content %}
    {{ backendHelpers.pageTitle( "user.titles.user.add"|trans ) }}
    
    <div class="actionButtons">
        {{ backendHelpers.addActionButton(path(paths.index), paths.index, ('admin.titles.list'|trans), 'btn-light', 'icon-list' )}}
    </div>

    {%if form_errors(form)%}
    {{ form_errors(form) }}
    {%endif%}
    
    <div class="row">
        <div class="col-xs-12">
            {{ form_start(form, { 'attr': {"novalidate":"novalidate",  "class":"form-horizontal", "role":"form"}}) }}
           
                {{ form_row(form.realName) }}
                {{ form_row(form.username) }} 
                {{ form_row(form.email) }} 
                {{ form_row(form.enabled) }} 
                {{ form_row(form.plainpassword) }} 
                {#{ form_row(form.roles) }#} 
                {{ form_row(form.groups) }}  
                {{ form_row(form.imageFile) }}               
                
                
                {{ form_rest(form) }}
                <div class=" form-actions">
                    <div class="pull-right">
                        <button type="submit" name="submit" class="btn btn-info">
                            <i class="icon-ok bigger-110"></i>
                            {{'admin.titles.add'|trans}}
                        </button>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </form>
        </div>
    </div>
{% endblock %}