{% 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> {{ 'admin.path' |trans }}</h2>
            </div>
            <ol class="breadcrumb" style="margin: 0px 0 0 !important;">
                <li>
                    <span>{{ 'pages.request.admin' |trans }}</span>
                </li>
                <li>
                    <span>{{ 'admin.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">
                        <table class="table table-striped table-hover sample_3">
                            <thead>
                            <tr>
                                <th class="hidden-xs center"><strong> {{ 'admin.list.nom' |trans }} </strong></th>
                                <th class="hidden-xs center"><strong> {{ 'admin.list.prenom' |trans }} </strong></th>
                                <th class="hidden-xs center"><strong> Email </strong></th>
                                <th class="hidden-xs center"><strong> {{ 'admin.list.fonction' |trans }} </strong></th>
                                <th class="hidden-xs center"><strong> {{ 'admin.list.pays' |trans }} </strong></th>
                                <th class="hidden-xs center"><strong> {{ 'admin.list.status' |trans }} </strong></th>
                            </tr>
                            </thead>
                            <tbody>
                            {% for var in admins %}
                                <tr id-user="{{ var.id }}">
                                    <td class="hidden-xs center"> {{ var.nom }} </td>
                                    <td class="hidden-xs center"> {{ var.prenom }} </td>
                                    <td class="hidden-xs center"> {{ var.email }} </td>
                                    <td class="hidden-xs center">{{ var.metier }}</td>
                                    <td class="hidden-xs center">
                                        {% if var.roles[0] == 'ROLE_DG' %}
                                            {% if var.metier == 'DG' %}

                                                <a id-user="" pays="paysByDG" class="widget-icon btnAffect1" data-toggle="modal"
                                                   data-target=".bs-example-modal-sm" title="Affecter Pays">
                                                    <i class="ti-key text-primary"></i>
                                                </a>
                                            {% else %}
                                                {{ var.metier[2:] }}
                                            {% endif %}
                                        {% else %}
                                            {% if var.metier == 'HSEQ' %}
                                                <a id-user="" pays="paysByHSEQ" class="widget-icon btnAffect2" data-toggle="modal"
                                                   data-target=".bs-example-modal-sm" title="Affecter Pays">
                                                    <i class="ti-key text-primary"></i>
                                                </a>
                                            {% else %}
                                                {{ var.metier[4:] }}
                                            {% endif %}
                                        {% endif %}
                                    </td>
                                    <td class="hidden-xs center">
                                        {% if var.enabled == false %}
                                            <span class="label label-sm label-danger">{{ 'admin.list.statusD' |trans }}</span>
                                        {% else %}
                                            <span class="label label-sm label-success">{{ 'admin.list.statusA' |trans }}</span>
                                        {% 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">{{ 'admin.list.add.title' |trans }}</h4>
                </div>
                <div class="modal-body">
                    {{ 'admin.list.add.desc' |trans }}

                    <br>
                    <select class="cs-select cs-skin-slide DG" id="myselect1">
                        <option value="0">Select Pays</option>
                        {% for var in paysByDG %}
                            <option value="{{ var.id }}" data-class="ti-world">{{ var }}</option>
                        {% endfor %}
                    </select>
                    <select class="cs-select cs-skin-slide HSEQ" id="myselect2">
                        <option value="0">Select Pays</option>
                        {% for var in paysByHSEQ %}
                            <option value="{{ var.id }}" data-class="ti-world">{{ var }}</option>
                        {% endfor %}
                    </select>
                </div>
                <form type="post" action="{{ path('gestion_admin_pays_affect') }}">
                <div class="modal-footer">
                    <button type="submit" class="btn btn-primary btn-o valider">{{ 'admin.list.add.button' |trans }}</button>
                    <input type="hidden" class="uid" name="userId" value=""/>
                    <input type="hidden" class="pid" name="paysId" value=""/>
                </div>
                </form>
            </div>
        </div>
    </div>
    <!-- end: DYNAMIC TABLE -->
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript">
        $('.btnAffect1').on('click', function () {
            $('.btnAffect1').attr('id-user', $(this).closest('tr').attr('id-user'));
            $('.uid').val($('.btnAffect1').attr('id-user'));
            $('.DG').show();
            $('select.DG').css({"display":"none"} );
            $('.HSEQ').hide();
        });
        $('.btnAffect2').on('click', function () {
            $('.btnAffect2').attr('id-user', $(this).closest('tr').attr('id-user'));
            $('.uid').val($('.btnAffect2').attr('id-user'));
            $('.HSEQ').show();
            $('select.HSEQ').css({"display":"none"} );
            $('.DG').hide();
        });
        $('.valider').on('click', function () {
            if ($('#myselect2').find(":selected").val() != "0"){
                $('.pid').val($('.HSEQ').find(":selected").val());
            }else if ($('#myselect1').find(":selected").val() != "0"){
                $('.pid').val($('.DG').find(":selected").val());
            }
        });
    </script>



{% endblock %}