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


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

{% set isEdit = isNotNull(form, ['vars', 'data', 'id']) %}
{% import 'file/_module_item.html.twig' as file_item %}

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

{% block title %}
    {% if isEdit %}
        Tâche - {{ data.label }}
    {% else %}
        Tâche - Nouvelle
    {% endif %}
{% endblock %}

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

    {% if isEdit %}
        <h1 class="module-title">Tâche : {{ data.label }}</h1>
    {% else %}
        <h1 class="module-title">Nouvelle tâche</h1>
    {% endif %}


    {% set isTransferedTo = isNotNull(data, ['contactStuffData', 'transferedToId']) %}


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

    <div class="module-form-actions">

        {% if not isTransferedTo %}
            <input type="submit" class="btn-action btn-save" value="Enregistrer">
        {% endif %}

        {% if isEdit %}
{#            <a class="btn-action" href="{{ path('app_api_gettoken') }}">Rafraichir token Google</a>#}

            <a id="btn_pushToCalendar" class="btn-action" href="{{ path('app_entretien_pushincalendar', {id: form.vars.data.id}) }}"  onclick="return confirm('Avez-vous enregistré la tâche avant de l\'envoyer ?');">Envoyer sur Agenda</a>
            <button class="btn-action btn-delete" data-targetedform="deleteform">Supprimer</button>
        {% endif %}
    </div>

    {{ form_widget(form.id) }}

    <div class="d-none" id="urls" data-ajaxstuff="{{ path('app_stuff_getStuffsByContact') }}"></div>
    <div class="module-form">
        <div class="module-form-row">
            <div class="module-form-section">
                <h2>
                    Contact : <a target="_blank" class="a-style" href="{{ path('app_contact_edit', {'id': contactData.id}) }}">{{ contactData.firstname }} {{ contactData.lastname }}</a>
                </h2>
            </div>
            {% if isNotNull(data, ['contactStuffData', 'transferedFromId']) %}
                <div class="module-form-section">
                    <h3>
                        Équipement transféré depuis <a target="_blank" class="a-style" href="{{ path('app_contact_edit', {'id': data.contactStuffData.transferedFromId}) }}">{{ data.contactStuffData.transferedFrom }}</a>
                    </h3>
                </div>
            {% endif %}
            {% if isNotNull(data, ['contactStuffData', 'transferedToId']) %}
                <div class="module-form-section">
                    <h3>
                        Équipement transféré à <a target="_blank" class="a-style" href="{{ path('app_contact_edit', {'id': data.contactStuffData.transferedToId}) }}">{{ data.contactStuffData.transferedTo }}</a>
                    </h3>
                </div>
            {% endif %}
        </div>
        <div class="module-form-row" id="todo-alert-container">
            {% if isTransferedTo %}
                <div class="module-form-section justify-center" style="background-color: #e44646">
                    <span style="font-weight: bold">Cet équipement a été transféré, veuillez créer la tâche depuis le nouveau propriétaire</span>
                </div>
            {% endif %}

        </div>
        {% if not isTransferedTo %}

            <div class="module-form-row">
                <div class="module-form-section">
                    <div class="module-form-input input-text w-25-mobile-100">
                        {{ form_widget(form.label) }}
                        {{ form_label(form.label) }}
                    </div>

                    <div class="module-form-input input-choice w-25-mobile-100">
                        {{ form_widget(form.contact) }}

    {#                    {{ form_widget(form.stuff) }}#}
    {#                    {{ form_label(form.stuff) }}#}
                        <select id="{{ form.contactStuff.vars.id }}" name="{{ form.contactStuff.vars.full_name }}" data-value={{ form.contactStuff.vars.value }}>
                            {% for contactGroupStuff in contactData.contactstuffs %}
                                <option value="{{ contactGroupStuff.id }}" {{ (contactGroupStuff.id is same as (form.contactStuff.vars.value) ? 'selected="selected"') }}>{{ contactGroupStuff.description }}</option>
                                {% for contactStuff in contactGroupStuff.contactStuffs %}
                                    <option value="{{ contactStuff.id }}" {{ (contactStuff.id is same as (form.contactStuff.vars.value) ? 'selected="selected"') }}>{{ getIfNotNull(contactStuff,['description']) }} ({{ getIfNotNull(contactStuff, ['stuff', 'name']) }} - {{ getIfNotNull(contactStuff, ['stuff', 'brand', 'name']) }})</option>
                                {% endfor %}
                            {% endfor %}
                        </select>                        <label for="{{ form.contactStuff.vars.id }}">{{ form.contactStuff.vars.label }}</label>
                    </div>

                </div>

            </div>

            <div class="module-form-row">
                <div class="module-form-section">
                    <div class="module-form-input input-choice w-25-mobile-100">
                        {{ form_widget(form.statut) }}
                        {{ form_label(form.statut) }}
                    </div>
                </div>
            </div>



            <div class="module-form-row">
                <div class="module-form-section">
                    <div class="module-form-input input-text w-100">
                        {{ form_widget(form.description) }}
                        {{ form_label(form.description) }}
                    </div>
                </div>
            </div>

            <div class="module-form-row">
                <div class="module-form-section">
                    <div class="module-form-input input-date w-100">
                        {{ form_widget(form.dateStart) }}
                        {{ form_label(form.dateStart) }}
                    </div>
                </div>
                <div class="module-form-section">
                    <div class="module-form-input input-date w-100">
                        {{ form_widget(form.dateEnd) }}
                        {{ form_label(form.dateEnd) }}
                    </div>
                </div>
            </div>

            <div class="module-form-row">
                <div class="module-form-section">
                    <div class="module-form-input input-choice w-25-mobile-100">
                        {{ form_widget(form.registerer) }}
                        {{ form_label(form.registerer) }}
                    </div>
                    <div class="module-form-input input-choice w-25-mobile-100">
                        {{ form_widget(form.affected) }}
                        {{ form_label(form.affected) }}
                    </div>
                </div>
            </div>

            <div class="module-form-row mobile-row-to-column">

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

                    </table>
                    <div class="input-list-btn flex-row flex-justify-end">
                        <button type="button" class="btn btn-action add_item_link" data-collection-holder-class="billFiles">Ajouter</button>
                    </div>
                </div>
                <div class="module-form-section flex-column">
                    <div class="module-form-section-title">
                        Rapport(s)
                    </div>
                    <table class="module-form-list reportFiles"
                           data-index="{{ form.reportFiles|length > 0 ? form.reportFiles|last.vars.name + 1 : 0 }}"
                           data-prototype="{{ file_item.getRow({form: form, field: 'reportFiles'})|e('html') }}<btn class='btn-remove-from-collection'></btn>"
                    >
                        <tbody>
                        {% for reportFile in form.reportFiles %}
                            {{ file_item.getRow({file: reportFile}) }}
                        {% endfor %}
                        </tbody>

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

            </div>
        {% endif %}


    </div>
    {{ form_row(form._token) }}

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






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

{% endblock %}




{% block javascripts %}


{% endblock %}