{{ form_errors(form) }}
<div class="form-group">
    <label class="col-sm-3 control-label" for="prestation">Prestation</label>
    <div class="col-sm-6">
        <input class="form-control" id="prestation" type="text" placeholder="{{ prestation.intitule }}" disabled>
    </div>
</div>

<div class="form-group">
    <label class="col-sm-3 control-label" for="version">Version</label>
    <div class="col-sm-6">
        <input class="form-control" id="version" type="text" placeholder="TODO" disabled>
    </div>
</div>

<div class="form-group {% if form.audiovis.vars.errors |length > 0 %} has-error {% endif %}">
    {{ form_label(form.audiovis, "Prestations Audivisuelles", {'label_attr': {'class':'col-sm-3 control-label'}}) }}
    <div class="col-sm-6">
        {{ form_widget(form.audiovis, {'attr': {'class': 'form-control'}}) }}
        {{ form_errors(form.audiovis) }}
    </div>
</div>


<div class="form-group table-responsive {% if form.items.vars.errors |length > 0 %} has-error {% endif %}">
    <label class="col-sm-3 control-label" for="contenu1">Contenu</label>
    <div class="col-sm-9">
        <table class="table no-border" id="content-table">
            <thead class="no-border">
            <tr>
                <th class="col-md-6"><strong>Référence</strong></th>
                <th class="col-md-1"><strong>Prix unitaire</strong></th>
                <th class="col-md-1"><strong>Quantité</strong></th>
                <th class="col-md-1"><strong>Coefficient</strong></th>
                <th class="col-md-2"><strong>Total</strong></th>
                <th class="col-md-1 ">&nbsp;</th>

            </tr>
            </thead>
            <tbody class="no-border-y">
                {% for item in form.items %}
                    <tr id="row-{{ loop.index }}" class="base-facture-row">
                        <td {% if item.description.vars.errors |length > 0 %}class="has-error"{% endif %}>
                            {{ form_widget(item.description, { 'attr': {
                                    'class': 'form-control description',
                                    'data-popover': item.description.vars.errors |length > 0 ? "popover" : "none",
                                    'data-placement': "top",
                                    'data-trigger': "hover",
                                    'data-html': 'true',
                                    'data-content': form_errors(item.description)
                            }}) }}
                        </td>
                        <td {% if item.prixUnitaire.vars.errors |length > 0 %}class="has-error"{% endif %}>
                            {{ form_widget(item.prixUnitaire, { 'attr': {
                                    'class': 'form-control js-facture-update-price prix-unitaire',
                                    'data-popover': item.prixUnitaire.vars.errors |length > 0 ? "popover" : "none",
                                    'data-placement': "top",
                                    'data-trigger': "hover",
                                    'data-html': 'true',
                                    'data-content': form_errors(item.prixUnitaire)
                            }}) }}
                        </td>
                        <td {% if item.quantite.vars.errors |length > 0 %}class="has-error"{% endif %}>
                            {{ form_widget(item.quantite, { 'attr': {
                                    'class': 'form-control js-facture-update-price quantite',
                                    'data-popover': item.quantite.vars.errors |length > 0 ? "popover" : "none",
                                    'data-placement': "top",
                                    'data-trigger': "hover",
                                    'data-html': 'true',
                                    'data-content': form_errors(item.quantite)
                            }}) }}
                        </td>
                        <td {% if item.coefficient.vars.errors |length > 0 %}class="has-error"{% endif %}>
                            {{ form_widget(item.coefficient, { 'attr': {
                                    'class': 'form-control js-facture-update-price coefficient',
                                    'data-popover': item.coefficient.vars.errors |length > 0 ? "popover" : "none",
                                    'data-placement': "top",
                                    'data-trigger': "hover",
                                    'data-html': 'true',
                                    'data-content': form_errors(item.coefficient)
                            }}) }}
                        </td>
                        <td class="sous-total" data-value="0">

                        </td>
                        <td>
                            <a href="javascript:;" class="label label-success btn-xs js-facture-add-line" title="Ajouter une ligne"><i class="fas fa-plus"></i></a>
                            <a href="javascript:;" class="label label-danger btn-xs js-facture-remove-line" title="Supprimer la ligne"><i class="fas fa-minus"></i></a>
                        </td>
                    </tr>

                {% endfor %}
            </tbody>
            <tfoot>
            <tr>
                <td colspan="3"></td>
                <td class="text-right"><strong>Total</strong></td>
                <td id="total">{{ facture.prix }} €</td>
            </tr>
            </tfoot>
        </table>
        {{ form_errors(form.items) }}
    </div>
</div>


<div class="form-group {% if form.remarque.vars.errors |length > 0 %} has-error {% endif %}">
    {{ form_label(form.remarque, "Remarques", {'label_attr': {'class':'col-sm-3 control-label'}}) }}
    <div class="col-sm-6">
        {{ form_widget(form.remarque, {'attr': {'class': 'form-control'}}) }}
        {{ form_errors(form.remarque) }}
    </div>
</div>

<div class="form-group">
    <label class="col-sm-3 control-label">Date</label>
    <div class="col-sm-6">
        {{ facture.date | date('d/m/Y') }}
    </div>
</div>


<div class="form-group {% if form.statut.vars.errors |length > 0 %} has-error {% endif %}">
    {{ form_label(form.statut, "Statut", {'label_attr': {'class':'col-sm-3 control-label'}}) }}
    <div class="col-sm-2">
        {{ form_widget(form.statut, {'attr': {'class': 'form-control'}}) }}
        {{ form_errors(form.statut) }}
    </div>
</div>


<div class="form-group {% if form.payDate.vars.errors |length > 0 %} has-error {% endif %}">
    {{ form_label(form.payDate, "Date de paiement", {'label_attr': {'class':'col-sm-3 control-label'}}) }}
    <div class="col-sm-6">
        {{ form_widget(form.payDate, {'attr': {'class': 'form-control'}}) }}
        {{ form_errors(form.payDate) }}
    </div>
</div>

<div class="form-group {% if form.payWay.vars.errors |length > 0 %} has-error {% endif %}">
    {{ form_label(form.payWay, "Moyen de paiement", {'label_attr': {'class':'col-sm-3 control-label'}}) }}
    <div class="col-sm-2">
        {{ form_widget(form.payWay, {'attr': {'class': 'form-control'}}) }}
        {{ form_errors(form.payWay) }}
    </div>
</div>

{{ form_row(form._token) }}

<div class="form-actions">
    <button type="submit" class="btn btn-rad btn-primary">Enregistrer</button>
    <a href="{{ path('_tdb_prestations_show', {'slug': prestation.slug}) }}" class="btn btn-rad btn-default">Annuler</a>
</div>



<div class="hidden items_input">
    <div class="description">
        {{ form_widget(form.items.vars.prototype.description)|e }}
    </div>
    <div class="prixUnitaire">
        {{ form_widget(form.items.vars.prototype.prixUnitaire)|e }}
    </div>
    <div class="quantite">
        {{ form_widget(form.items.vars.prototype.quantite)|e }}
    </div>
    <div class="coefficient">
        {{ form_widget(form.items.vars.prototype.coefficient)|e }}
    </div>
</div>