{% trans_default_domain 'FOSUserBundle' %}

{{ form_start(form, {'method': 'post', 'action': path('fos_user_registration_register'), 'attr': {'class': 'fos_user_registration_register', 'enctype' : 'multipart/form-data'}}) }}
<div class="form-horizontal">
    <div class="form-body">

        <div class="row">

            <div class="col-md-12 col-sm-12 col-xs-12" xmlns="http://www.w3.org/1999/html">
                <p>
                    Mr {{ form_widget(form.civility[0], { 'attr': {'class': 'flat','required':true} }) }}
                    Mme {{ form_widget(form.civility[1], { 'attr': {'class': 'flat','required':true} }) }}
                <div class="form-control-focus"> </div>
                <div class="red">
                    {{ form_errors(form.civility) }}
                </div>
                </p>
            </div>

        </div>

        <div class="row">

            <div class="col-md-6 col-sm-12 col-xs-12">

                {{ form_label(form.firstname, 'Prénom *') }}
                {{ form_widget(form.firstname, { 'attr': {'class': 'form-control','required':true} }) }}
                <div class="form-control-focus"> </div>
                <div class="red">
                    {{ form_errors(form.firstname) }}
                </div>

            </div>

            <div class="col-md-6 col-sm-12 col-xs-12">

                {{ form_label(form.lastname, 'Nom *') }}
                {{ form_widget(form.lastname, { 'attr': {'class': 'form-control','required':true} }) }}
                <div class="form-control-focus"> </div>
                <div class="red">
                    {{ form_errors(form.lastname) }}
                </div>

            </div>

        </div>

        <div class="row">
            <div class="col-md-6 col-sm-12 col-xs-12">

                {{ form_label(form.email, 'Email *') }}
                {{ form_widget(form.email, { 'attr': {'class': 'form-control','required':true} }) }}
                <div class="form-control-focus"> </div>
                <div class="red">
                    {{ form_errors(form.email, { 'attr': {'class': 'red'} }) }}
                </div>

            </div>

            <div class="col-md-6 col-sm-12 col-xs-12">

                {{ form_label(form.function, 'Role *') }}
                {{ form_widget(form.function, { 'attr': {'class': 'form-control','required':true} }) }}
                <div class="form-control-focus"> </div>
                <div class="red">
                    {{ form_errors(form.function) }}
                </div>

            </div>

        </div>

        <div class="row">

            <div class="col-md-6 col-sm-12 col-xs-12">

                {{ form_label(form.phone_number, 'Mobile *') }}
                {{ form_widget(form.phone_number, { 'attr': {'class': 'form-control','required':true} }) }}
                <div class="form-control-focus"> </div>
                <div class="red">
                    {{ form_errors(form.phone_number) }}
                </div>

            </div>

            <div class="col-md-6 col-sm-12 col-xs-12">

                {{ form_label(form.tel_number, 'Tel') }}
                {{ form_widget(form.tel_number, { 'attr': {'class': 'form-control'} }) }}
                <div class="form-control-focus"> </div>
                <div class="red">
                    {{ form_errors(form.tel_number) }}
                </div>

            </div>

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

            <div class="col-md-12 col-sm-12 col-xs-12">

                {{ form_label(form.path, 'Photo') }}
                {{ form_widget(form.path, { 'attr': {'class': 'form-control','required':false} }) }}
                <div class="form-control-focus"> </div>
                <div class="red">
                    {{ form_errors(form.path) }}
                </div>
                {#<img id="img_perview" src="{{ asset('uploads/images/common/empty-profile.jpg') }}" style="width: 100px;margin: 1%;"/>#}

            </div>

        </div>

        <div class="row">

            <div class="col-md-6 col-sm-12 col-xs-12">

                {{ form_label(form.plainPassword.first, 'Mot de passe *') }}
                {{ form_widget(form.plainPassword.first, { 'attr': {'class': 'form-control','minlength': 6} }) }}
                <div class="form-control-focus"> </div>
                <div class="red">
                    {{ form_errors(form.plainPassword.first) }}
                </div>

            </div>

            <div class="col-md-6 col-sm-12 col-xs-12">

                {{ form_label(form.plainPassword.second, 'Répéter le mot de passe *') }}
                {{ form_widget(form.plainPassword.second, { 'attr': {'class': 'form-control','required':true,'minlength': 6} }) }}
                <div class="form-control-focus"> </div>
                <div class="red">
                    {{ form_errors(form.plainPassword.second) }}
                </div>

            </div>

        </div>

    </div>

    <div class="form-actions">

        <div class="row">

            <div class="col-md-offset-4 col-md-9">
                {#<button type="reset" class="col-md-3 btn green-steel">Cancel</button>#}
                <input type="submit" class="col-md-4 btn submit" value="Enregistrer{#{{ 'registration.submit'|trans }}#}"/>
            </div>

        </div>

    </div>
</div>
{{ form_end(form) }}