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

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

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

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

{% block title %}
    {% if isEdit %}
        Communication - {{ data.subject }}
    {% else %}
        Communication - Nouvelle
    {% endif %}
{% endblock %}

{% block body %}

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

    {% if isEdit %}
        <h1 class="module-title">Communication : {{ data.subject }}</h1>
    {% else %}
        <h1 class="module-title">Nouvelle communication</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 mobile-row-to-column">
            <div class="module-form-section mobile-row-to-column">
                <div class="module-form-input input-text w-50-mobile-100">
                    {{ form_widget(form.subject) }}
                    {{ form_label(form.subject) }}
                </div>

                <div class="module-form-input input-text date-auto w-50-mobile-100">
                    {{ form_widget(form.dateProcess) }}
                    {{ form_label(form.dateProcess) }}
                </div>
            </div>
            <div class="module-form-section h-auto">
                <div class="module-form-input input-text linked_with_link w-40-mobile-90">
                    {{ form_widget(form.contact) }}
                    {{ form_label(form.contact) }}
                </div>

                <div class="column justify-center w-10">
                    <div class="module-form-input-linked">
                        <a title="Voir" class="svg_little {{ isNull(form.contact, ['vars','data']) ? 'd-none' }}" href="{{ path('app_contact_edit', {id:(isNotNull(form.contact, ['vars','data']) ? form.contact.vars.data : 0 )}) }}" target="_blank" data-linked="communication_contact">{{ ux_icon('lucide:eye') }}</a>
                    </div>
                    <span title="Créer" class="svg_little modal-toggle" class="modal-toggle" data-target="modal_new_contact">{{ ux_icon('lucide:square-plus') }}</span>
                </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 h-auto">
                <div class="module-form-input input-text w-50-mobile-100">
                    {{ form_widget(form.communicationType) }}
                    {{ form_label(form.communicationType) }}
                </div>
                <div class="module-form-input input-text w-50-mobile-100">
                    {{ form_widget(form.interlocutor) }}
                    {{ form_label(form.interlocutor) }}
                </div>
            </div>
        </div>


    </div>

    {% import 'contact/_macro_subform.html.twig' as contactSubForm %}
    {{ include('_modal.html.twig', {'modalId' : 'modal_new_contact', 'contentHTML' : contactSubForm.getHTML(form.newcontact)}) }}


    {{ form_row(form._token) }}

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

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

{% endblock %}




{% block javascripts %}


{% endblock %}