{% import 'shared/componnents/_macros/_forms.html.twig' as forms %}
{% import 'shared/componnents/_macros/_alerts.html.twig' as alerts %}

{% set path = path ?? null %}
{% set path_list =  path_list ?? null %}
{% set label_btn = label_btn ?? '' %}
{% set class_alert = class_alert ?? null %}

<section class="content">
    <div class="box box-default">        
        {% for message in app.flashes('success') %}
            {{ alerts.alert(message, class_alert, 'check') }}
        {% endfor %}
        <form  action="{{ path }}" method="post">
            {{ form_widget(form._token) }}
            <div class="box-body">
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            {{ form_label(form.name) }}
                            {{ form_widget(form.name) }}
                        </div>
                    </div>
                    <div class="col-md-6">                        
                        <div class="form-group">
                            {{ form_label(form.position) }}
                            {{ form_widget(form.position) }}                    
                        </div>                                                
                    </div>
                    <div class="col-md-6">
                        {{ form_label(form.email) }}
                        {% if form.email.vars.errors|length %} 
                            {% for error in form.email.vars.errors %}
                                <label class="control-label has-error">                            
                                    {{ error.message }}                                       
                                </label>
                            {% endfor %}                        
                        {% endif %}
                        <div class="input-group {% if form.email.vars.valid == false %} has-error {% endif %}">
                            <span class="input-group-addon">
                                <i class="fa fa-envelope"></i>
                            </span>
                            {{ form_widget(form.email) }}                                                    
                        </div>                                                                        
                    </div>                      
                    <div class="col-md-6">    
                        <div class="form-group">
                            {{ form_label(form.type) }}                            
                            {{ form_widget(form.type) }}
                        </div>    
                    </div>
                    <div class="col-md-6">    
                        {{ form_label(form.phonePrimary) }}   
                        <div class="form-group {% if form.phonePrimary.vars.valid == false %} has-error {% endif %}">                                                     
                            {{ form_widget(form.phonePrimary) }}
                            {% if form.phonePrimary.vars.errors|length %}
                                {% for error in form.phonePrimary.vars.errors %}
                                    <label class="control-label has-error">   
                                        {{ error.message }}
                                    </label>
                                {% endfor %}
                            {% endif %}
                        </div>    
                    </div>
                    <div class="col-md-6">    
                        {{ form_label(form.phoneSecondary) }}    
                        <div class="form-group {% if form.phoneSecondary.vars.valid == false %} has-error {% endif %}">
                            {{ form_widget(form.phoneSecondary) }}
                            {% if form.phoneSecondary.vars.errors|length %}
                                {% for error in form.phoneSecondary.vars.errors %}
                                    <label class="control-label has-error">   
                                        {{ error.message }}
                                    </label>
                                {% endfor %}
                            {% endif %}
                        </div>    
                    </div>                                                                                                                                                                
                </div>
                <div class="row mt-1">
                    <div class="col-md-12">                            
                        <div class="pull-right">
                            {{ forms.button(path_list, 'danger', 'Retour à liste') }}
                            {{ form_widget(form.submit,{'label': label_btn,
                                attr:{'class':'btn btn-primary'}}) }}
                        </div>                
                    </div>
                </div>                
            </div>
        </form>
    </div>
</section>