{% 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-flag" style="color: #E10031  !important;font-size: 24px;"></i> {{ 'directions.title'|trans }}</h2>
            </div>
            <ol class="breadcrumb" style="margin: 0px 0 0 !important;">
                <li>
                    <span>{{ 'pages.request.hseq' |trans }}</span>
                </li>
                <li>
                    <span>{{ 'directions.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-2"></div>
            <div class="col-md-8">
                {% 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_site_add') }}" class="btn btn-primary"><i class="fa fa-plus"></i> {{ 'directions.buttonAdd'|trans }} </a>
                        </div>

                        <table class="table table-striped table-hover sample_3">
                            <thead>
                            <tr>
                                <th class="hidden-xs "><strong>{{ 'directions.title'|trans }}</strong></th>
                                <th class="hidden-xs center"><strong>{{ 'directions.directeur'|trans }}</strong></th>
                                <th class="hidden-xs center" style="width:15%;"><strong>Actions</strong></th>
                            </tr>
                            </thead>
                            <tbody>
                            {% for site in sites %}
                                <tr id-site="{{ site.id }}">
                                    <td class="hidden-xs ">{{ site.nom }} </td>
                                    <td class="hidden-xs center">
                                        {% if site.status == false %}
                                            <a href="{{ path('gestion_chef_centre_add',{'id':site.id}) }}"
                                               title="Chef Centre"><i class="ti-user"></i></a>
                                        {% else %}
                                            {{ site.chef }}
                                            <br>
                                            <a href="{{ path('gestion_chef_centre_edit',{'id':site.chef.id}) }}"
                                               title="Edit Directeur">
                                                <i class="ti-pencil"></i>
                                            </a>
                                            <a id-site="" class="widget-icon btnDelete1"
                                               data-toggle="modal" data-target=".bs-example-modal-directeur"
                                               title="Delete Directeur">
                                                <i class="ti-trash"></i>
                                            </a>
                                        {% endif %}
                                    </td>
                                    <td class="hidden-xs center">
                                        <a href="{{ path('gestion_site_edit',{'id':site.id}) }}" title="Edit"><i
                                                    class="ti-pencil"></i></a>
                                        {% if site.status == false and site.users is empty %}
                                            <a id-site="" class="widget-icon btnDelete"
                                               data-toggle="modal" data-target=".bs-example-modal-sm"
                                               title="Delete Pays">
                                                <i class="ti-trash"></i>
                                            </a>
                                        {% endif %}
                                    </td>
                                </tr>
                            {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="col-md-2"></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">  {{ 'pages.delete.title'|trans }}</h4>
                </div>
                <div class="modal-body">
                    {{ 'directions.del.description'|trans }}
                </div>

                <form type="post" action="{{ path('gestion_site_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-directeur" 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">  {{ 'pages.delete.title'|trans }}</h4>
                </div>
                <div class="modal-body">
                    {{ 'pages.delete.descriptionS'|trans }}
                </div>

                <form type="post" action="{{ path('gestion_site_delete_directeur') }}">
                    <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>

    <!-- end: DYNAMIC TABLE -->
{% endblock %}
{% block javascripts %}
    {{ parent() }}

    <script type="text/javascript">
        $('.btnDelete1').on('click', function () {
            $('.btnDelete1').attr('id-site', $(this).closest('tr').attr('id-site'));
            $('.uid1').val($('.btnDelete1').attr('id-site'));
        })
    </script>

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