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

{% block title %}Nouvelle demande de paiement{% endblock %}

{% block main %}

    {% for flashMessage in app.session.flashbag.get('error') %}
        <div class="alert alert-danger">
            Erreur :  {{ flashMessage }}
        </div>
    {% endfor %}

    {% for flashMessage in app.session.flashbag.get('success') %}
        <div class="alert alert-success">
            Succès : {{ flashMessage }}
        </div>
    {% endfor %}

    <div id="profil-infos-perso" class="row plr-16 ptb-24">

        <div class="col-xs-12 col-sm-6 p-0">
            <div class="row m-0">

                <!-- BLOC MES INFORMATIONS -->
                <div class="col-xs-12 p-0">
                    <div class="bloc-base p-16">
                        <div class="bloc-title mb-16">
                            <h2 class="align-middle">Générer le modèle</h2>
                        </div>
                        <div class="row m-0">
                            <div class="col-xs-12 p-0 background-white">
                                <div class="bloc-base background-white p-48">
                                    <strong>N° de convention ou acte d'attribution : {{ dossier.numero }} <br>
                                    Pièces à fournir :</strong> Etat d'avancement ou état récapitulatif, justificatifs de travaux (obligatoire si solde), Lettre de demande de paiement.<br><br>
                                    
                                    Votre demande sera envoyée une fois que vous aurez déposé les documents demandés et validé la demande. Vous pouvez finir de la compléter plus tard, elle sera enregistrée avec le statut "brouillon". <a>En savoir plus</a> 
                                </div>

                                <div class="bloc-base background-white p-48">
                                    {{ form_start(demandeForm) }}
                                    {{ form_row(demandeForm.typeDecompte) }}
                                    {# form_row(demandeForm.montant) #}
                                    {# form_row(demandeForm.taux) #}
                                    <a href="{{ path('dossier_aide_demandes', {dossierID : dossier.numero}) }}" class="button-square-prev">{{ "BACK"|trans }}</a>
                                    <button type="submit" class="button-square mt-24" id="formGenerate">Générer le modèle</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xs-12 col-sm-6 p-0">
            <div class="row m-0">

                <!-- BLOC CHANGER MDP -->
                <div class="col-xs-12 p-0">
                    <div class="bloc-base p-16">
                        <div class="bloc-title mb-16">
                            <h2 class="align-middle">Déposer ma demande</h2>
                        </div>
                        <div class="row m-0">
                            <div class="col-xs-12 p-0">
                                <div class="bloc-action background-white p-0">
                                    <div class="bloc-base background-white p-48">
                                        {% set ok=false %}
                                        {% for o in old %}
                                            {% if not o is null %}
                                                {% set ok=true %}
                                            {% endif %}
                                        {% endfor %}

                                        {% if not old is null and ok %}
                                            Vous avez déjà renseigné le(s) document(s): <ul> {% for o in old %} {%if not o is null %}<li style="color : green">{{o.nom|lower}} </li>{% endif %} {% endfor %}</ul> mais vous pouvez en uploader une nouvelle version si nécessaire. <br>
                                        {% endif %}
                                        <strong>Attention, une fois tous les documents nécessaires uploadés, vous ne pourrez plus modifier la demande.</strong> <br>

                                        {{ form_row(demandeForm.etat) }}
                                        {{ form_row(demandeForm.justificatifs) }}
                                        {{ form_row(demandeForm.lettre, {'value' : demandeForm.lettre.vars.data}) }}
                                        {{ form_row(demandeForm.commentaire) }}
                                        <div class="hidden">
                                            {{ form_row(demandeForm.distinction) }}
                                        </div>
                                        <button class="button-square mt-24" id="formDepot">Valider le dépôt</button>
                                        {{ form_end(demandeForm) }}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>

    </div>







{% endblock %}

{% block javascript_inline %}
    {{ parent() }}
    <script>
        $(document).ready(function(){
            $('#formDepot').click(function(){
                $('#app_bundle_demande_paiement_type_distinction').val("validerDepot");
            });

            $('#formGenerate').click(function(){
                $('#app_bundle_demande_paiement_type_distinction').val("genererModele");
            });
        });
    </script>
{% endblock %}