{{ form_start(form, {'attr' :{'class' : 'form-disable', 'novalidate': 'novalidate', 'role': 'form'}}) }}

    <div class="row">

        <div class="col-md-3">

            <div class="form-group m-b-40">

                <label>Péripherique</label> : <span class="text-danger">*</span>

                {{ form_widget(form.peripherique, {'attr' : {'class':'select2 form-control'}})}}

                {% if not form.peripherique.vars.valid %}

                    {% for error in form.peripherique.vars.errors %}

                        <span class="text-danger"> {{ error.message }}</span>

                    {% endfor %}

                {% endif %}

                {% do form.peripherique.setRendered %}

            </div>

        </div> <!-- end div péripherique -->

        <div class="col-md-3">

            <div class="form-group m-b-40">

                <label>Type</label> : <span class="text-danger">*</span>

                {{ form_widget(form.type, {'attr' : {'class':'select2 form-control'}})}}

                {% if not form.type.vars.valid %}

                    {% for error in form.type.vars.errors %}

                        <span class="text-danger"> {{ error.message }}</span>

                    {% endfor %}

                {% endif %}

                {% do form.type.setRendered %}

            </div>

        </div> <!-- end div type -->

        <div class="col-md-3">

            <div class="form-group m-b-40">

                <label>Marque</label> : <span class="text-danger">*</span>

                {{ form_widget(form.marque, {'attr' : {'class':'select2 form-control'}})}}

                {% if not form.marque.vars.valid %}

                    {% for error in form.marque.vars.errors %}

                        <span class="text-danger"> {{ error.message }}</span>

                    {% endfor %}

                {% endif %}

                {% do form.marque.setRendered %}

            </div>

        </div> <!-- end div marque -->

        <div class="col-md-3">

            <div class="form-group m-b-40">

                <label>Fournisseur</label> : <span class="text-danger">*</span>

                {{ form_widget(form.fournisseur, {'attr' : {'class':'select2 form-control'}})}}

                {% if not form.fournisseur.vars.valid %}

                    {% for error in form.fournisseur.vars.errors %}

                        <span class="text-danger"> {{ error.message }}</span>

                    {% endfor %}

                {% endif %}

                {% do form.fournisseur.setRendered %}

            </div>

        </div> <!-- end div fournisseur -->

        <div class="col-md-3" id="input_peripherique_prix">

            <div class="form-group m-b-40">

                <label>{% trans %}Prix{% endtrans %} </label> : <span class="text-danger">*</span>

                <div class="input-group">
                    
                    <input type="number" class="form-control" name="{{ form.prix.vars.full_name }}" value="{{ form.prix.vars.value|replace({',':'.'}) }}"><span class="bar"></span>

                </div>
                
                {% if not form.prix.vars.valid %}

                    {% for error in form.prix.vars.errors %}

                        <span class="text-danger"> {{ error.message }}</span>

                    {% endfor %}

                {% endif %}

                {% do form.prix.setRendered %}

            </div>

        </div> <!-- end div prix -->

        <div class="col-md-3" id="input_peripherique_unity">

            <div class="form-group m-b-40">

                <label>Unité</label> : <span class="text-danger">*</span>

                {{ form_widget(form.unity, {'attr' : {'class':'select2 form-control'}})}}

                {% if not form.unity.vars.valid %}

                    {% for error in form.unity.vars.errors %}

                        <span class="text-danger"> {{ error.message }}</span>

                    {% endfor %}

                {% endif %}

                {% do form.unity.setRendered %}

            </div>

        </div> <!-- end div unity -->

        <div class="col-md-3" id="input_peripherique_acquisition">

            <div class="form-group m-b-40">

                <label>{% trans %}Date d'acquisition{% endtrans %}</label> : <span class="text-danger">*</span>

                <div class="input-group">

                    <input type="text" class="form-control" id="peripherique_informatique_date_acquisition" name="{{ form.dateAcquisition.vars.full_name }}" value="{{ form.dateAcquisition.vars.value }}">

                    <div>
                        <a class="btn btn-primary" id="clear_peripherique_informatique_date_acquisition" title="{% trans %}Effacer{% endtrans %}">
                            <i class="fa fa-window-close" style="color:white;"></i>
                        </a>
                    </div>

                </div>

                {% if not form.dateAcquisition.vars.valid %}

                    {% for error in form.dateAcquisition.vars.errors %}

                        <span class="text-danger">{{ error.message }}</span>

                    {% endfor %}

                {% endif %}

                {% do form.dateAcquisition.setRendered %}

            </div>

        </div> <!-- end div date d'acquisition -->

        <div class="col-md-3 {% if action == 'edit_peripherique_informatique' %} d-none {% endif %}" id="input_peripherique_etat">

            <div class="form-group m-b-40">

                <label>État</label> : <span class="text-danger">*</span>

                {{ form_widget(form.etat, {'attr' : {'class':'select2 form-control'}})}}

                {% if not form.etat.vars.valid %}

                    {% for error in form.etat.vars.errors %}

                        <span class="text-danger"> {{ error.message }}</span>

                    {% endfor %}

                {% endif %}

                {% do form.etat.setRendered %}

            </div>

        </div> <!-- end div etat -->

        <div class="col-md-3 d-none" id="input_peripherique_stockage">

            <div class="form-group m-b-40">

                <label>{% trans %}Stockage (en Go){% endtrans %}</label> : <span class="text-danger">*</span>

                <input type="number" id="taille_stockage_peripherique" class="form-control" name="{{ form.stockage.vars.full_name }}" value="{{ form.stockage.vars.value|replace({',':'.'}) }}"><span class="bar"></span>
                
                {% if not form.stockage.vars.valid %}

                    {% for error in form.stockage.vars.errors %}

                        <span class="text-danger">{{ error.message }}</span>

                    {% endfor %}

                {% endif %}

                {% do form.stockage.setRendered %}

            </div>
    
        </div> <!-- end div stockage -->

        <div class="col-md-3 d-none" id="input_peripherique_ecran">

            <div class="form-group m-b-40">

                <label>{% trans %}Taille de l'écran (en pouces){% endtrans %}</label> : <span class="text-danger">*</span>

                <input type="number" id="taille_ecran_peripherique" class="form-control" name="{{ form.ecran.vars.full_name }}" value="{{ form.ecran.vars.value|replace({',':'.'}) }}"><span class="bar"></span>
                
                {% if not form.ecran.vars.valid %}

                    {% for error in form.ecran.vars.errors %}

                        <span class="text-danger">{{ error.message }}</span>

                    {% endfor %}

                {% endif %}

                {% do form.ecran.setRendered %}

            </div>
    
        </div> <!-- end div taille de l'écran -->

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

            <a class="btn btn-danger btn-sm waves-effect pull-left text-white" style="padding:7px;"
                {% if action == "add_peripherique_informatique" %} href="{{ path('parc_informatique_page',{'type':'T04'}) }}" {% elseif action == "edit_peripherique_informatique" %}
                href="{{ path('parc_informatique_page',{type: 'T04',selected_row:selected_row,page:page}) }}" {% endif %}>{% trans %}Annuler{% endtrans %}
            </a>

            {{ form_widget(form.save, {'attr' :{'class':'btn btn-success btn-sm pull-right', 'style':'padding:7px;'}})}}

        </div><!-- end div action -->

    </div><!-- end div row -->

{{ form_end(form) }}