{% extends '::layout.html.twig' %}

{% block content %}
    <section id="page-title" style="padding: 16px 0;">
        <div class="row">
            <div class="col-sm-8">
                <h2 class="mainTitle"><i class="ti-world"
                                         style="color: #E10031  !important;font-size: 24px;"></i> {{ 'dashboard.pays'|trans }}
                </h2>

            </div>
            <ol class="breadcrumb" style="margin: 0px 0 0 !important;">
                <li>
                    <span>{{ 'pages.request.admin' |trans }}</span>
                </li>
                <li>
                    <span>{{ 'gestionnaire.path' |trans }}</span>
                </li>
                <li class="active">
                    <span>{{ 'pages.request.list' |trans}}</span>
                </li>
            </ol>
        </div>
    </section>
    <div class="container-fluid container-fullw ">
        <div class="row">
            <div class="col-md-12">
                {% include '@Demande/flashBag.html.twig' %}
                <div class="panel panel-white" id="panel6">
                    <div class="panel-body">
                        <div class="col-md-12 space20">
                            <a href="{{ path('gestion_pays_add') }}" class="btn btn-primary"><i
                                        class="fa fa-plus"></i> {{ 'gestionnaire.buttonAdd'|trans }} </a>
                        </div>
                        <table class="table table-striped table-hover sample_3">
                            <thead>
                            <tr>
                                <th class="hidden-xs center"><strong> {{ 'gestionnaire.list.pays'|trans }} </strong>
                                </th>
                                <th class="hidden-xs center"><strong> Code </strong></th>
                                <th class="hidden-xs center"><strong> {{ 'gestionnaire.list.dg'|trans }} </strong></th>
                                <th class="hidden-xs center"><strong> {{ 'gestionnaire.list.hseq'|trans }} </strong>
                                </th>
                                <th class="hidden-xs center"><strong> {{ 'gestionnaire.list.nbrDirections'|trans }} </strong>
                                </th>
                                <th class="hidden-xs center" style="width:15%;"><strong>Actions</strong></th>

                            </tr>
                            </thead>
                            <tbody>
                            {% for var in pays %}
                                <tr id-pays="{{ var.id }}">
                                    <td class="hidden-xs center">{{ var.pays.nomFrFr }} </td>
                                    <td class="hidden-xs center">{{ var.pays.alpha3 }} </td>
                                    <td class="hidden-xs center">
                                        {% if var.status1 == false %}
                                            <a href="{{ path('gestion_dg_add',{'id':var.id}) }}" title="{{ 'gestionnaire.list.addTitles'| trans}}"><i
                                                        class="ti-user"></i></a>
                                        {% else %}
                                            {{ var.user1 }}
                                            <br>
                                            <a href="{{ path('gestion_dg_edit',{'id':var.user1.id}) }}" title="{{ 'gestionnaire.list.editTitles'| trans}}">
                                                <i class="ti-pencil"></i>
                                            </a>
                                            <a id-pays="" class="widget-icon btnDelete1" data-toggle="modal"
                                               data-target=".bs-example-modal-dg" title="{{ 'gestionnaire.list.suppTitles'| trans}}">
                                                <i class="fa fa-times-circle"></i>
                                            </a>
                                        {% endif %}
                                    </td>
                                    <td class="hidden-xs  center">
                                        {% if var.status2 == false %}
                                            <a href="{{ path('gestion_hseq_add',{'id':var.id}) }}" title="{{ 'gestionnaire.list.addTitle'| trans}}"><i
                                                        class="ti-user"></i></a>
                                        {% else %}
                                            {{ var.user2 }}
                                            <br>
                                            <a href="{{ path('gestion_hseq_edit',{'id':var.user2.id}) }}" title="{{ 'gestionnaire.list.editTitle'| trans}}">
                                                <i class="ti-pencil"></i>
                                            </a>
                                            <a id-pays="" class="widget-icon btnDelete2" data-toggle="modal"
                                               data-target=".bs-example-modal-hseq" title="{{ 'gestionnaire.list.suppTitle'| trans}}">
                                                <i class="fa fa-times-circle"></i>
                                            </a>
                                        {% endif %}
                                    </td>
                                    <td class="hidden-xs center">{{ var.activites|length }} </td>
                                    <td class="hidden-xs center">
                                        <a href="{{ path('gestion_pays_edit',{'id':var.id}) }}" title="{{ 'gestionnaire.edit.legend'| trans}}">
                                            <i class="ti-pencil"></i>
                                        </a>
                                        {% if var.status1 == false and var.status2 == false and var.activites is empty %}
                                            <a id-pays="" class="widget-icon btnDelete" data-toggle="modal"
                                               data-target=".bs-example-modal-sm" title="{{ 'gestionnaire.supprimer.legend'| trans}}">
                                                <i class="ti-trash"></i>
                                            </a>
                                        {% else %}

                                        {% endif %}
                                    </td>
                                </tr>
                            {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"
         aria-hidden="true">
        <div class="modal-dialog modal-dialog modal-sm">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <h4 class="modal-title" id="myModalLabel">{{ 'gestionnaire.supprimer.legend'|trans }}</h4>
                </div>
                <div class="modal-body">
                    {{ 'gestionnaire.supprimer.contenu'|trans }}
                </div>

                <form type="post" action="{{ path('gestion_pays_delete') }}">
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-primary btn-o">
                            {{ 'pages.delete.valide'|trans }}
                        </button>
                        <button type="button" class="btn btn-primary" data-dismiss="modal">
                            {{ 'pages.delete.refuse'|trans }}
                        </button>
                        <input type="hidden" class="uid" name="id" value=""/>
                    </div>
                </form>

            </div>
        </div>
    </div>
    <div class="modal fade bs-example-modal-dg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"
         aria-hidden="true">
        <div class="modal-dialog modal-dialog modal-sm">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <h4 class="modal-title" id="myModalLabel">{{ 'gestionnaire.supp.TitleDG'|trans }}</h4>
                </div>
                <div class="modal-body">
                    {{ 'gestionnaire.supp.contenuDG'|trans }}
                </div>

                <form type="post" action="{{ path('gestion_pays_delete_dg') }}">
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-primary btn-o">
                            {{ 'pages.delete.valide'|trans }}
                        </button>
                        <button type="button" class="btn btn-primary" data-dismiss="modal">
                            {{ 'pages.delete.refuse'|trans }}
                        </button>
                        <input type="hidden" class="uid1" name="id" value=""/>
                    </div>
                </form>

            </div>
        </div>
    </div>
    <div class="modal fade bs-example-modal-hseq" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"
         aria-hidden="true">
        <div class="modal-dialog modal-dialog modal-sm">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <h4 class="modal-title" id="myModalLabel">{{ 'gestionnaire.supp.TitleHSEQ'|trans }}</h4>
                </div>
                <div class="modal-body">
                    {{ 'gestionnaire.supp.contenuHSEQ'|trans }}
                </div>

                <form type="post" action="{{ path('gestion_pays_delete_hseq') }}">
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-primary btn-o">
                            {{ 'pages.delete.valide'|trans }}
                        </button>
                        <button type="button" class="btn btn-primary" data-dismiss="modal">
                            {{ 'pages.delete.refuse'|trans }}
                        </button>
                        <input type="hidden" class="uid2" name="id" value=""/>
                    </div>
                </form>

            </div>
        </div>
    </div>
    <!-- end: DYNAMIC TABLE -->
{% endblock %}

{% block javascripts %}
    {{ parent() }}

    <script type="text/javascript">
        $('.btnDelete').on('click', function () {
            $('.btnDelete').attr('id-pays', $(this).closest('tr').attr('id-pays'));
            $('.uid').val($('.btnDelete').attr('id-pays'));
        })
    </script>
    <script type="text/javascript">
        $('.btnDelete1').on('click', function () {
            $('.btnDelete1').attr('id-pays', $(this).closest('tr').attr('id-pays'));
            $('.uid1').val($('.btnDelete1').attr('id-pays'));
        })
    </script>
    <script type="text/javascript">
        $('.btnDelete2').on('click', function () {
            $('.btnDelete2').attr('id-pays', $(this).closest('tr').attr('id-pays'));
            $('.uid2').val($('.btnDelete2').attr('id-pays'));
        })
    </script>
{% endblock %}