{% extends 'base.html.twig' %}

{% import 'file/_module_item.html.twig' as file_item %}


{% set data = form.vars.data %}

{% set isEdit = isNotNull(form, ['vars', 'data', 'id']) %}

{% block importmap %}
    {{ importmap(['app','module', 'input']) }}
{% endblock %}


{% block title %}
    {% if isEdit %}
        Équipement - {{ data.name }}
    {% else %}
        Équipement - Nouveau
    {% endif %}
{% endblock %}

{% block body %}
    <a href="{{ path('app_stuff_index') }}" class="btn-action">Retour à la liste</a>

    {% if isEdit %}
        <h1 class="module-title">Équipement : {{ data.name }}</h1>
    {% else %}
        <h1 class="module-title">Nouvel équipement</h1>
    {% endif %}


    {{ form_start(form, {'attr' : {'id' : form.vars.id}}) }}

    <div class="module-form-actions">
        <input type="submit" class="btn-action btn-save" value="Enregistrer">

        {% if isEdit %}
            <button class="btn-action btn-delete" data-targetedform="deleteform">Supprimer</button>
        {% endif %}
    </div>

    {{ form_widget(form.id) }}

    <div class="module-form">
        <div class="module-form-row">
            <div class="module-form-section">
                <div class="module-form-input input-choice">
                    {{ form_widget(form.stuffType) }}
                    {{ form_label(form.stuffType) }}
                </div>
                <div class="module-form-input input-text">
                    {{ form_widget(form.name) }}
                    {{ form_label(form.name) }}
                </div>
                <div class="module-form-input input-choice">
                    {{ form_widget(form.brand) }}
                    {{ form_label(form.brand) }}
                </div>

                <div class="module-form-input input-text">
                    {{ form_widget(form.reference) }}
                    {{ form_label(form.reference) }}
                </div>
            </div>
        </div>

        <div class="module-form-row">
            <div class="module-form-section flex-column">
                <div class="module-form-section-title">
                    Documentation
                </div>
                <table class="module-form-list documentationFiles"
                       data-index="{{ form.documentationFiles|length > 0 ? form.documentationFiles|last.vars.name + 1 : 0 }}"
                       data-prototype="{{ file_item.getRow({form: form, field: 'documentationFiles'})|e('html') }}<btn class='btn-remove-from-collection'></btn>"
                >
                    <tbody>
                    {% for documentationFile in form.documentationFiles %}
                        {{ file_item.getRow({file: documentationFile}) }}
                    {% endfor %}
                    </tbody>

                </table>
                <div class="input-list-btn flex-row flex-justify-end">
                    <button type="button" class="btn add_item_link" data-collection-holder-class="documentationFiles">Ajouter</button>
                </div>
            </div>

        </div>
    </div>




    {{ form_row(form._token) }}

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

    {% if isEdit %}
        <form id="deleteform" method="post" action="{{ path('app_stuff_delete', {'id': data.id}) }}" onsubmit="return confirm('Êtes-vous sûr de vouloir supprimer cet équipement ?');">
            <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ data.id) }}">
        </form>
    {% endif %}

{% endblock %}




{% block javascripts %}


{% endblock %}