{% form_theme form 'form/journal_entry_line_theme.html.twig' %}

{# Si on est en mode AJAX, on injecte le JSON caché pour le JS #}
{% if entryLinesJson %}
    <script type="application/json" id="entry-lines-json">
        {{ entryLinesJson|raw }}

    </script>
{% endif %}

{{ form_start(form, { 'attr': { 'id': 'journal-entry-template-form' } }) }}

<div class="mb-3">
    <label class="form-label">Libellé du modèle</label>
    {{ form_widget(form.label, { 'attr': { 'class': 'form-control' } }) }}
    {{ form_errors(form.label) }}
</div>

<div class="mb-3">
    <label class="form-label">Journal</label>
    {{ form_widget(form.journal, { 'attr': { 'class': 'form-select' } }) }}
    {{ form_errors(form.journal) }}
</div>

<div class="mb-3">
    <label class="form-label">Tips</label>
    {{ form_widget(form.tips, { 'attr': { 'class': 'form-control' } }) }}
    {{ form_errors(form.tips) }}
</div>

<hr class="my-4">
<h4>Lignes d'écriture</h4>

<table class="table table-bordered" id="entry-lines-table">
    <thead class="table-light">
    <tr>
        <th>Compte</th>
        <th>Description</th>
        <th>Débit</th>
        <th>Crédit</th>
        <th>Actions</th>
    </tr>
    </thead>
    <tbody class="journalEntryLines"
           data-index="{{ form.entryLines|length > 0
           ? (form.entryLines|last.vars.name | number_format(0, '.', '') + 1)
           : 0 }}"
           data-prototype="{{ form_widget(form.entryLines.vars.prototype)|e('html_attr') }}">
    </tbody>
</table>

<button type="button" class="btn btn-primary mb-4 add_item_link" id="add-line-btn"
        data-collection-holder-class="journalEntryLines">+ Add a line
</button>

<div>
    <button type="submit" class="btn btn-success">Enregistrer</button>
    <a href="{{ path('journal_entry_template_new') }}" class="btn btn-secondary">Annuler</a>
</div>

{{ form_end(form, { 'render_rest': false }) }}