{% extends '@AdminLTE/layout/mesodd-layout.html.twig' %}

{% block page_title %}
    {% if is_granted('ROLE_FOCAL') and app.user.commune %}
        Soumission du PTA
    {% else %}
        {% trans %}validate.title{% endtrans %}
    {% endif %}
{% endblock %}

{% block page_content %}
    {{ form_start(form) }}
        {% embed '@AdminLTE/Widgets/box-widget.html.twig' %}
            {% block box_body %}
                {% if is_granted('ROLE_MANAGER') or is_granted('ROLE_DDD') %}
                    {% if is_granted('ROLE_MANAGER')  %}
                        {{ form_row(form.type) }}
                    {% endif %}
                    {{ form_row(form.entite) }}
                {% endif %}
                {{ form_row(form.programm) }}
                {{ form_row(form.action) }}
            {% endblock %}
        {% endembed %}
        
    {{ form_end(form) }}

    {% if action %}
        {% embed '@AdminLTE/Widgets/box-widget.html.twig' %}
            {% block box_body %}
            <table class="table table-striped">
                <thead>
                    <th>{% trans %}basics.code{% endtrans %}</th>
                    <th>{% trans %}basics.name{% endtrans %}</th>
                    <th>{% trans %}basics.direction{% endtrans %}</th>
                    <th>{% trans %}basics.amount{% endtrans %}</th>
                    <th style="width: 100px"></th>
                </thead>
                <tbody>
                    {% for activity in activities %}
                    <tr>
                        <td>{{ activity.code }}</td>
                        <td>{{ activity.name }}</td>
                        <td>{{ activity.direction.name }}</td>
                        <td align="right">{{ activity.amount }}</td>
                        <td class="text-center">
                            <div class="btn-group">
                                <a href="{{ path('app_update_activity', { 'id': activity.id }) }}" class="btn btn-sm btn-default" role="button" aria-pressed="true">{% trans %}basics.update{% endtrans %}</a>
                                <button type="button" class="btn btn-sm btn-default dropdown-toggle" data-toggle="dropdown">
                                    <span class="caret"></span>
                                    <span class="sr-only">Toggle Dropdown</span>
                                </button>
                                <div class="dropdown-menu" role="menu">
                                    <a class="dropdown-item" href="#" data-toggle="modal" data-target="#modal-delete-{{ activity.id }}">{% trans %}basics.delete{% endtrans %}</a>
                                </div>

                                <div class="modal fade" id="modal-delete-{{ activity.id }}">
                                    <div class="modal-dialog">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <h5 class="modal-title">{% trans %}basics.delete.title{% endtrans %}</h5>
                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                    <span aria-hidden="true">&times;</span>
                                                </button>
                                            </div>
                                            <div class="modal-body">
                                                <p>{% trans %}activity.delete.message{% endtrans %}</p>
                                                <b>{{ activity.code }}<br>{{ activity.name }}</b>
                                            </div>
                                            <div class="modal-footer justify-content-between">
                                                <button type="button" class="btn btn-default" data-dismiss="modal">{% trans %}basics.no{% endtrans %}</button>
                                                <a href="{{ path('app_delete_activity', { 'id': activity.id }) }}" class="btn btn-danger">{% trans %}basics.yes{% endtrans %}</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </td>
                    </tr>
                    {% endfor %}
                </tbody>
                </table>
            {% endblock %}
            {% block box_footer %}
            {% if autorisation %}
                <div class="form-group row">
                    <div class="col-sm-2">
                        <a class="btn btn-block btn-danger" href="#" data-toggle="modal" data-target="#modal-delete-all">{% trans %}basics.delete{% endtrans %}</a>
                    </div>
                    {% if is_granted('ROLE_MANAGER') or is_granted('ROLE_DDD')  or is_granted('ROLE_DPP') %}
                        <div class="col-sm-offset-2 col-sm-10">
                            <a href="{{ path('app_validate_activities', { 'id': action.id }) }}" class="btn btn-block btn-primary">
                                {% trans %}basics.validate{% endtrans %}
                            </a>
                        </div>
                    {% else %}
                         <div class="col-sm-offset-2 col-sm-10" data-toggle="modal" data-target="#modal-soumettre">
                            <a href="#" class="btn btn-block btn-primary">
                                {% trans %}Soumettre à la validation{% endtrans %}
                            </a>
                        </div>
                    {% endif %}
                </div>
                <div class="modal fade" id="modal-delete-all">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title">{% trans %}basics.delete.title{% endtrans %}</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <div class="modal-body">
                                <p class="text-center">{% trans %}activity.delete.all.message{% endtrans %}</p>
                            </div>
                            <div class="modal-footer justify-content-between">
                                <button type="button" class="btn btn-default" data-dismiss="modal">{% trans %}basics.no{% endtrans %}</button>
                                <a href="{{ path('app_delete_action', { 'id': action.id }) }}" class="btn btn-danger">{% trans %}basics.yes{% endtrans %}</a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="modal fade" id="modal-soumettre">
                    <div class="modal-dialog modal-lg">
                        <div class="modal-content">
                            <div class="modal-header bg-danger text-light">
                                <h5 class="modal-title">{% trans %}Soumettre pour validation{% endtrans %}</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <div class="modal-body">
                                <p class="text-center">
                                    En soumettant votre PTA à la validation par votre {{ showCommune ? 'SE' : 'DPAF' }}, vous reconnaissez avoir rigoureusement examiné le PTA chargé sur la plateforme. Aucune modification ne sera possible après la soumission.
                                </p>
                            </div>
                            <div class="modal-footer justify-content-between">
                                <button type="button" class="btn btn-default" data-dismiss="modal">{% trans %}basics.cancel{% endtrans %}</button>
                                <a href="{{ path('app_soumettre_pta_action') }}" class="btn btn-danger">{% trans %}Soumettre{% endtrans %}</a>
                            </div>
                        </div>
                    </div>
                </div>
            
            {% endif %}
            {% endblock %}
        {% endembed %}
    {% else %}
        <div class="alert alert-info" role="alert">
            {% trans %}Veuillez sélectionner une action  pour afficher ces activités{% endtrans %}
        </div>
        {% endif %}
              

{% endblock %}

{% block javascripts %}
    <script>
        $(document).on('change', '#validate_type, #validate_entite, #validate_programm', function () {
            let $type = $('#validate_type')
            let $entite = $('#validate_entite')
            let $form = $(this).closest('form')
    
            let data = {}
            data[$type.attr('name')] = $type.val()
            data[$entite.attr('name')] = $entite.val()
            data[$(this).attr('name')] = $(this).val()
            
            let $field = $(this).attr('id')
            $.ajax({
                url: $form.attr('action'),
                type: $form.attr('method'),
                data: data,
                success: function(html) {
                    if ($field == 'validate_type') {
                        $('#validate_entite').replaceWith(
                            $(html).find('#validate_entite')
                        )
                        $('#validate_programm').replaceWith(
                            $(html).find('#validate_programm')
                        )
                        $('#validate_action').replaceWith(
                            $(html).find('#validate_action')
                        )
                    }
                    if ($field == 'validate_entite') {
                        $('#validate_programm').replaceWith(
                            $(html).find('#validate_programm')
                        )
                        $('#validate_action').replaceWith(
                            $(html).find('#validate_action')
                        )
                    }
                    if ($field == 'validate_programm') {
                        $('#validate_action').replaceWith(
                            $(html).find('#validate_action')
                        )
                    }
                }
            });
        });

    </script>
{% endblock %}