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

{% block body %}
{{ form_start(form) }}
    <h1 class="page-header">
    {% if mode=="update" %}
    Modification ACTIVITE
    {% elseif mode=="submit" %}
    Création ACTIVITE
    {% endif %}
    </h1>

    {{ form_widget(form.submit) }} 
    
    <a class="btn btn-secondary" href={{ path('app_activity') }}>Annuler</a>

    {% if mode=="update" %}
        {% if activity.status==0 or activity.status==10%}
            <a  href="{{ path('app_activity_delete',{'id':activity.id}) }}"
                class="btn btn-danger float-right"
                data-method="delete"
                data-confirm="Êtes-vous sûr de vouloir supprimer cet entregistrement ?">
                Supprimer
            </a>
        {% else %}
            {{ form_widget(form.archiving) }}
        {% endif %}

        {% if form.distribution is defined %}
            {{ form_widget(form.distribution) }}
        {% endif %}

    {% endif %}

    <br><br>

    {% if app.session.flashbag.has('error') %}
        <div class='alert alert-danger' style='margin: 5px 0px'>
            <strong>Erreur</strong><br>
            {% for flashMessage in app.session.flashbag.get('error') %}
                {{ flashMessage | raw }}<br>
            {% endfor %}
        </div>
    {% endif %}

    {% if app.session.flashbag.has('notice') %}
        <div class='alert alert-info' style='margin: 5px 0px'>
            <strong>Information</strong><br>
            {% for flashMessage in app.session.flashbag.get('notice') %}
                {{ flashMessage }}<br>
            {% endfor %}
        </div>
    {% endif %}

    <h2>Entête</h2>
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <i class="fa fa-pencil-alt fa-fw"></i> Informations
                </div>

                <div class="card-body">
                    {{ form_row(form.name) }}
                    {{ form_row(form.subject) }}
                    {{ form_row(form.group) }}
                </div>
            </div>
        </div>
    </div>

    <br>
    <h2>Enoncés</h2>
    <div class="row">
        <div class="col-md-6">
            {% if mode == "submit" %}    
                <div class="card">
                    <div class="card-header">
                        <i class="fa fa-pencil-alt fa-fw"></i> Pièces Jointes
                    </div>

                    <div class="card-body">
                        Vous pourrez rattacher des pièces jointes une fois l'activité créée.
                    </div>
                </div>
            {% else %}
                <div class="card">
                    <div class="card-header">
                        <i class="fa fa-pencil-alt fa-fw"></i> Pièces Jointes
                        {% if activity.status == 0 %}
                            <button type="button" id="upload" onClick="myupload('activity')" class="btn btn-link float-right" title="upload"><i class ="fa fa-upload"></i></button> 
                            <button type="button" id="record" onClick="myrecord('activity')" class="btn btn-link float-right" title="enregistrer"><i class ="fa fa-microphone"></i></button> 
                        {% endif %}
                    </div>

                    <div id="activitydocuments" class="card-body">
                    </div>
                </div>

            {% endif %}

        </div>
        
        <div class="col-md-6">
            <div class="card">
                <div class="card-header">
                    <i class="fa fa-pencil-alt fa-fw"></i> Description
                </div>

                <div class="card-body">
                    {{ form_widget(form.activity) }}
                </div>
            </div>    
        </div>        
    </div>


    <br>
    <h2>Corrigés</h2>
    <div class="row">
        <div class="col-md-6">
            {% if mode == "submit" %}    
                <div class="card">
                    <div class="card-header">
                        <i class="fa fa-pencil-alt fa-fw"></i> Pièces Jointes
                    </div>

                    <div class="card-body">
                        Vous pourrez rattacher des pièces jointes une fois l'activité créée.
                    </div>
                </div>
            {% else %}
                <div class="card">
                    <div class="card-header">
                        <i class="fa fa-pencil-alt fa-fw"></i> Pièces Jointes
                        {% if activity.status < 10 %}
                            <button type="button" id="upload" onClick="myupload('corrected')" class="btn btn-link float-right" title="upload"><i class ="fa fa-upload"></i></button> 
                            <button type="button" id="record" onClick="myrecord('corrected')" class="btn btn-link float-right" title="enregistrer"><i class ="fa fa-microphone"></i></button> 
                        {% endif %}
                    </div>

                    <div id="correcteddocuments" class="card-body">
                    </div>
                </div>

            {% endif %}

        </div>
        
        <div class="col-md-6">
            <div class="card">
                <div class="card-header">
                    <i class="fa fa-pencil-alt fa-fw"></i> Description
                </div>

                <div class="card-body">
                    {{ form_widget(form.corrected) }}
                </div>
            </div>    
        </div>        
    </div>

{{ form_end(form) }}


{% endblock %}

{% block localjavascript %}
    $(document).ready(function() {
        loadDocument();
        $("#activity_name").focus();
    });

    {% if mode != "submit" %}
    function myupload(entity) {
        url='{{ path('app_document_upload',{'entity': 'xxxxx', 'id':activity.id }) }}';
        url=url.replace('xxxxx',entity);
        ModalLoad('mymodal','Pièces Jointes',url);
    }

    function myrecord(entity) {
        url='{{ path('app_document_record',{'entity': 'xxxxx', 'id':activity.id }) }}';
        url=url.replace('xxxxx',entity);
        ModalLoad('mymodal','Enregistrement',url);
    }

    function myviewer(entity,id) {
        url='{{ path('app_document_view',{'entity': 'yyyyy', 'id':'xxxxx' }) }}';
        url=url.replace('xxxxx',id);
        url=url.replace('yyyyy',entity);
        
        ModalLoad('mymodal','Pièce Jointe',url);
    }

    function mydownload(entity,id) {
        url='{{ path('app_document_show',{'entity': 'yyyyy', 'id':'xxxxx' }) }}';
        url=url.replace('xxxxx',id);
        url=url.replace('yyyyy',entity);

        document.location=url;        
    }

    function myedit(entity,id) {
        url='{{ path('app_document_update',{'entity': 'yyyyy', 'id':'xxxxx' }) }}';
        url=url.replace('xxxxx',id);
        url=url.replace('yyyyy',entity);
        
        ModalLoad('mymodal','Pièce Jointe',url);
    }

    $('#mymodal').on('hidden.bs.modal', function (e) {
        loadDocument();
    });



    function loadDocument() {
        // Sur fermeture de la modal on recharge les PJ
        $.ajax({                                                            
            type: "POST",
            url: "{{ path('app_document_listmaster',{entity:'activity',id:activity.id}) }}",
            success: function (response) {
                response=JSON.parse(response);
                if(response.return=="KO") {
                    alert(response.error);
                }
                else {
                    // On vide le conteneur document
                    $("#activitydocuments").empty();

                    // On reconstruit la liste
                    for (doc of response) {         
                        $("#activitydocuments").append(doc.html);
                    }
                }
            }
        });

        // Sur fermeture de la modal on recharge les PJ
        $.ajax({                                                            
            type: "POST",
            url: "{{ path('app_document_listmaster',{entity:'corrected',id:activity.id}) }}",
            success: function (response) {
                response=JSON.parse(response);
                if(response.return=="KO") {
                    alert(response.error);
                }
                else {
                    // On vide le conteneur document
                    $("#correcteddocuments").empty();

                    // On reconstruit la liste
                    for (doc of response) {         
                        $("#correcteddocuments").append(doc.html);
                    }
                }
            }
        });
    }
    {%endif%}

{% endblock %}