{% extends "porto-corporate-layout.html.twig" %}

{% block stylesheets %}
    {{ parent() }}
    {{ encore_entry_link_tags('mes-documents-style') }}
{% endblock %}

{% block pageheader %}
    {{ parent() }}
{% endblock %}

{% block container_class %} container py-2 {% endblock %}

{% block pagecontent %}

    <div class="row justify-content-center">
        <div class="col-lg-8">
            {% for flashMessage in app.session.flashbag.get('error') %}
                <div class="alert alert-danger alert-dismissible" >
                    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                    {{ flashMessage|raw }}
                </div>
            {% endfor %}
            {% for flashMessage in app.session.flashbag.get('notice') %}
                <div class="alert alert-success alert-dismissible" >
                    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                    {{ flashMessage|raw }}
                </div>
            {% endfor %}
        </div>
    </div>

    {{ form_start(form, {'attr': {'role': 'form', 'id': 'clientUploadDocumentForm', 'enctype': 'multipart/form-data'}}) }}

    {{ form_errors(form) }}

        <div class="row justify-content-center">

            <div class="col-lg-8">

                <div class="tabs">
                    <ul class="nav nav-tabs {% if nbDocumentsEnAttente > 0 %} nav-justified {% endif %} flex-column flex-md-row" role="tablist">
                        {% if nbDocumentsEnAttente > 0 %}
                            <li class="nav-item" role="presentation">
                                <a class="nav-link {% if etat == 'en-attente' %} active {% endif %}" href="{{path('attitudepatrimoine_documents_mes_documents', {etat: 'en-attente'})}}">
                                    {{'MES DOCUMENTS EN ATTENTE'|trans}} ({{nbDocumentsEnAttente}})
                                </a>
                            </li>
                        {% endif %}
                        <li class="nav-item" role="presentation">
                            <a class="nav-link {% if etat == 'valide' %} active {% endif %}" href="{{path('attitudepatrimoine_documents_mes_documents', {etat: 'valide'})}}">
                                {{'MES DOCUMENTS VALIDÉS'|trans}} ({{nbDocumentsValide}})
                            </a>
                        </li>
                    </ul>
                    {% set tabDocuments = documents[etat] %}
                    <div class="tab-content">
                        <div class="tab-pane active px-4">
                            {% set auMoinsUnDocument = false %}
                            {% for entite, entiteDocuments in tabDocuments %}

                                {% set auMoinsUnDocument = true %}

                                {% if entite == 'client' %}
                                    <div class="heading heading-border heading-bottom-border mt-5">
                                        <h4 class="color-client border-color-client"><i class="fas fa-user me-2"></i>{{app.user.nom}} {{app.user.prenom}}</h4>
                                    </div>
                                {% else %}
                                    <div class="heading heading-border heading-bottom-border mt-5">
                                        <h4 class="color-client border-color-client"><i class="fas fa-user me-2"></i>{{entite|replace({'personneMorale_': ''})}}</h4>
                                    </div>
                                {% endif %}

                                {% for entiteDocument in entiteDocuments %}

                                    <div class="card">
                                        <div class="card-body pt-3 pb-1">
                                            <h4 class="card-title mb-0 text-4 font-weight-bold" id="document-titre-{{entiteDocument.id}}">{{entiteDocument.titre}}</h4>
                                            <p class="text-2 fst-italic">
                                                {{'Mis à disposition le '|trans}} {{entiteDocument.dateCreation|date('d/m/Y')}}
                                            </p>
                                            {% if etat == 'en-attente' %}
                                                {% if documentsTypes[entiteDocument.type]['commentaire_pour_client'] is defined %}
                                                    <p class="card-text mb-2">
                                                        <i class="far fa-hand-point-right me-2"></i>{{documentsTypes[entiteDocument.type]['commentaire_pour_client']}}
                                                    </p>
                                                {% endif %}
                                                {% if documentsTypes[entiteDocument.type]['commentaire_pour_client_complement'] is defined %}
                                                    <p class="card-text fst-italic text-2">{{documentsTypes[entiteDocument.type]['commentaire_pour_client_complement']}}</p>
                                                {% endif %}
                                            {% endif %}
                                            {% if documentsStatuts[entiteDocument.statutEnCours]['actions_client'] is defined and documentsStatuts[entiteDocument.statutEnCours]['actions_client'] is iterable %}
                                                <div class="actions-document mt-3" id="actions-document-{{entiteDocument.id}}">
                                                    {% for action, libelleAction in documentsStatuts[entiteDocument.statutEnCours]['actions_client'] %}
                                                        <div class="action text-end">
                                                            {% if action == 'download' %}
                                                                {% if entiteDocument.statutEnCours == constant('App\\Entity\\Document::STATUT_A_SIGNER_CABINET') %}
                                                                    <div class="mt-1">
                                                                        <span class="fst-italic color-silver"><i class="fas fa-hourglass-half me-1"></i>{{'Le document sera validé une fois signé par le cabinet'|trans}}</span>
                                                                    </div>
                                                                {% endif %}
                                                                <div class="mt-1">
                                                                    {% set documentDerniereSignature = null %}
                                                                    {% for documentSignature in entiteDocument.documentSignatures %}
                                                                        {% set documentDerniereSignature = documentSignature %}
                                                                    {% endfor %}
                                                                    {% if documentDerniereSignature is null %}
                                                                        <a
                                                                            href="{{path('attitudepatrimoine_document_telecharger_document', {nomLocal: entiteDocument.nomLocal})}}"
                                                                        >
                                                                            <span class=""><i class="fas fa-download me-1"></i>{{libelleAction|trans}}</span>
                                                                        </a>
                                                                    {% else %}
                                                                        <a
                                                                            href="{{path('attitudepatrimoine_document_telechargement_document_signe_version_signature_groupee', {cryptedId: encrypt(entiteDocument.id)})}}"
                                                                            target="_blank"
                                                                        >
                                                                            <span class=""><i class="fas fa-download me-1"></i>{{libelleAction|trans}}</span>
                                                                        </a>
                                                                    {% endif %}
                                                                </div>
                                                            {% elseif action == 'firstdownload' %}
                                                                <div class="mt-1">
                                                                    <a
                                                                        class="color-client"
                                                                        onClick="firstDownload(this);"
                                                                        role="button"
                                                                        data-document-id="{{entiteDocument.id}}"
                                                                    >
                                                                        <span class=""><i class="fas fa-download me-1"></i>{{libelleAction|trans}}</span>
                                                                    </a>
                                                                </div>
                                                            {% elseif action == 'firstdownloadconsultation' %}
                                                                <div class="mt-3">
                                                                    <a
                                                                        class="color-client fst-italic text-2 mt-3"
                                                                        href="{{path('attitudepatrimoine_documents_mes_documents_first_download_consultation', {nomLocal: entiteDocument.nomLocal})}}"
                                                                    >
                                                                        <span class=""><i class="fas fa-eye me-1"></i>{{libelleAction|trans}}</span>
                                                                    </a>
                                                                </div>
                                                            {% elseif action == 'redownload' %}
                                                                <div class="mt-3">
                                                                    <a
                                                                        class="color-silver hover-client fst-italic text-2 mt-3"
                                                                        href="{{path('attitudepatrimoine_document_telecharger_document', {nomLocal: entiteDocument.nomLocal})}}"
                                                                    >
                                                                        <span class=""><i class="fas fa-download me-1"></i>{{libelleAction|trans}}</span>
                                                                    </a>
                                                                </div>
                                                            {% elseif action == 'upload' %}
                                                                <div
                                                                    class="color-client"
                                                                    role="button"
                                                                    onClick="toggleFileUpload(this, {{entiteDocument.id}});"
                                                                >
                                                                    <span class=""><i class="fas fa-upload me-1"></i>{{libelleAction|trans}}</span>
                                                                </div>
                                                                <div class="row" id="row-file-upload-{{entiteDocument.id}}" style="display: none;">
                                                                    <div class="col-md-12">

                                                                        <div class="area" id="area-{{entiteDocument.id}}">
                                                                            <input
                                                                                type="file"
                                                                                accept=".{{documentsExtensions|join(',.')}}"
                                                                                name="file-upload-{{entiteDocument.id}}"
                                                                                class="file-upload"
                                                                                id="file-upload-{{entiteDocument.id}}"
                                                                                data-id="{{entiteDocument.id}}"
                                                                            />
                                                                        </div>
                                                                        <div class="statut-upload" id="statut-upload-{{entiteDocument.id}}">
                                                                            <span id="file-name-{{entiteDocument.id}}"></span>
                                                                            <i class="fas fa-times-circle" style="display: none;" onClick="resetFileInput('{{entiteDocument.id}}');"></i>
                                                                        </div>
                                                                        <div class="mt-1 mb-3">
                                                                            <input
                                                                                type="submit"
                                                                                class="btn btn-client-primary-inverse px-5"
                                                                                value="{{'Valider'|trans}}"
                                                                                data-document-id="{{entiteDocument.id}}"
                                                                                onClick="return validerButtonClick('ClientUploadDocument', this)";
                                                                            />
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                            {% elseif action == 'signer' %}
                                                                {% set signeParLeClient = false %}
                                                                {% for statut in entiteDocument.documentStatuts %}
                                                                    {% if statut.user == app.user and statut.youSignSignerId is not null and 'canceled_' not in statut.youSignSignerId %}
                                                                        {% set signeParLeClient = true %}
                                                                    {% endif %}
                                                                {% endfor %}
                                                                <div class="mt-1">
                                                                    {% if not signeParLeClient %}
                                                                        {% if entiteDocument.getFinDelaiReflexion is null or entiteDocument.getFinDelaiReflexion <= date() %}
                                                                            <a
                                                                                class=""
                                                                                href="{{path('attitudepatrimoine_document_signature_groupee_documents', {cryptedIds: documentsASignerParEntiteCryptedIds[entite]['cryptedIds']})}}"
                                                                            >
                                                                                <span class=""><i class="fas fa-file-signature me-1"></i>
                                                                                    {# {{libelleAction|trans}} On force le libellé pour ce cas particulier#}
                                                                                    {% if documentsASignerParEntiteCryptedIds[entite]['nb'] == 1 %}
                                                                                        {{'Signer le document en ligne'|trans}}
                                                                                    {% else %}
                                                                                        {{'Signer'|trans}} {{documentsASignerParEntiteCryptedIds[entite]['nb']}} {{'documents en ligne'|trans}}
                                                                                    {% endif %}
                                                                                </span>
                                                                            </a>
                                                                        {% else %}
                                                                                <span class="color-silver">
                                                                                    <i class="fas fa-file-signature me-1"></i>
                                                                                    {{'Le document pourra être signé à la fin du délai de réflexion, le'|trans}}
                                                                                    {{entiteDocument.getFinDelaiReflexion|date('d/m/Y')}}
                                                                                    {{'à'|trans}} {{entiteDocument.getFinDelaiReflexion|date('H')}}h{{entiteDocument.getFinDelaiReflexion|date('i')}}
                                                                                </span>
                                                                        {% endif %}
                                                                    {% else %}
                                                                        <span class="fst-italic color-silver"><i class="fas fa-hourglass-half me-1"></i>{{'Le document est en cours de signature chez les autres signataires'|trans}}</span>
                                                                    {% endif %}
                                                                </div>
                                                            {% endif %}
                                                        </div>
                                                    {% endfor %}
                                                </div>
                                            {% endif %}
                                        </div>
                                    </div>

                                {% endfor %}

                            {% endfor %}

                            {% if not auMoinsUnDocument %}
                                <div class="my-5 text-center">{{'Vous n\'avez aucun document disponible'|trans}}</div>
                            {% endif %}

                        </div>
                    </div>
                </div>

            </div>
        </div>

        <input
            type="hidden"
            name="documentId"
            id="documentId"
        />

    {{ form_end(form) }}

{% endblock %}

{% block javascript %}

    {{ parent() }}

    <script>

        var documentsAcceptesString = '{{documentsAcceptesString|raw}}';
        var documentsExtensionsString = '{{documentsExtensionsString|raw}}';
        var documentsTailleMaxi = {{documentsTailleMaxi}};

        $(document).ready(function() {
            {% if documentATelechargerNomLocal is not null %}
                window.location.replace("{{path('attitudepatrimoine_document_telecharger_document', {nomLocal: documentATelechargerNomLocal})}}");
            {% endif %}
        });

    </script>

    {{ encore_entry_script_tags('mes-documents-script') }}
    {{ encore_entry_script_tags('file-upload-script') }}

{% endblock %}