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

{% block title %} {% trans %}COSAP - Processus RH{% endtrans %} {% endblock %}

{% block stylesheets %}
	{{ parent()}}

	<link href="{{ asset('template/assets/css/organigramme.css') }}" rel="stylesheet">

{% endblock %}

{% block body %}

{{ parent() }}

    <div class="content-detached content-right">
        <div class="content-body">
            <div class="content-overlay"></div>
            <section class="row">
                <div class="col-12">
                    <div class="card" style="height:60px;">
                        <div class="card-body">
                            <div class="bug-list-search">
                                <div class="bug-list-search-content">
                                    <div class="sidebar-toggle d-block d-lg-none"><i class="ft-menu font-large-1" style="line-height:0.5"></i></div>
                                    <form action="#">
                                        <h6 style="font-weight: 500;">
                                            {% trans %}Processus Congés{% endtrans %} <span class="badge badge badge-info badge-pill mr-2">{{ processus|length }}</span>
                                            <span><a class="btn btn-warning btn-sm pull-right" href="{{ path('processRH_page') }}" title="{% trans %}Actualiser{% endtrans %}"><i class="fa fa-refresh"></i></a></span>
                                        </h6>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <!-- debut partie add or update process RH -->
            {% if action == "add" or action == "edit" %}
                <section class="row">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-body">
                                <h6 style="font-weight:500;"> {% if action == "add" %} {% trans %}Nouvel Enregistrement{% endtrans %} {% else %} {% trans %}Modifier Enregistrement{% endtrans %} {% endif %}</h6><hr>
                            
                                {{ include('GRH/processRH/action.html.twig') }}
                            </div>
                        </div>
                    </div>
                </section>
            {% endif %} <!--fin partie pour add or update process RH -->

            <section class="row all-contacts">
                <div class="col-12">
                    <div class="card card-bottom">
                        <div class="card-content">
                            <div class="card-body" style="min-height:900px;">
                                {% if show_details %}
                                    <span style="font-size: 13.5px !important; font-weight:500 !important; cursor:pointer" title="Ajouté{% if selected_process.userCreatorProcessRH.genre == "G02" %}e {% endif %} par : {{ selected_process.userCreatorProcessRH.getFullName()}} - {{ selected_process.dateCreation|date('Y-m-d H:i')}}">
                                        {{ selected_process.name }}
                                    </span>
                                    <a href="{{ path('processRH_details_page',{id_process:selected_process.id, search_process:search_process}) }}"class="btn btn-warning btn-sm pull-right mr-0" title="Actualiser">
                                        <i class="fa fa-refresh" style="color:white;"></i>
                                    </a>

                                    {% if app.user and is_granted('ROLE_SUPPRIMER_PROCESS_RH') %}
                                        <a class="btn btn-danger btn-sm pull-right mr-1" data-toggle="modal" data-target="#modal_delete_process"
                                            id="delete_process_conge" data-id="{{ selected_process.id }}" style="cursor:cursor" title="Supprimer">
                                            <i class="fa fa-trash-o" style="color:white;"></i>
                                        </a>
                                    {% endif %}
                                    {% if app.user and is_granted('ROLE_MODIFIER_PROCESS_RH') %}
                                        <a href="{{ path('edit_processRH_page',{id_process:selected_process.id, search_process:search_process}) }}"
                                            class="btn btn-linkedin btn-sm pull-right mr-1" style="cursor:cursor" title="Modifier">
                                            <i class="fa fa-pencil" style="color:white;"></i>
                                        </a>
                                    {% endif %}
                                    {% if app.user and not organigrammes|length and is_granted('ROLE_AJOUTER_ORGANIGRAMME_RH') %}
                                        <a class="btn btn-primary btn-sm pull-right mr-1" data-toggle="modal" data-target="#modal_add_first_bloc_organigramme"
                                            id="add_first_bloc" data-process="{{ selected_process.id }}" style="cursor:cursor" title="Créer le processus">
                                            <i class="fa fa-plus" style="color:white;"></i>
                                        </a>

                                        {{ include('GRH/processRH/modals/add_First_Bloc.html.twig') }}

                                    {% endif %}

                                    <a class="alarme_clock btn btn-yahoo btn-sm pull-right mr-1" data-action="expand" title="Passer en Plein Ecran"><i class="ft-maximize" style="color:white;"></i></a>

                                    {% if app.user and is_granted('ROLE_ACTIVER_DESACTIVER_PROCESS_RH') and organigrammes|length and selected_process.isActif == true %}
                                    
                                        <a class="btn btn-danger btn-sm pull-right mr-1" data-toggle="modal" data-target="#modal_desactivate_process"
                                            id="desactivate_process" data-id="{{ selected_process.id }}" style="cursor:cursor" title="Désactiver ce processus">
                                            <i class="fa fa-ban" style="color:white;"></i>
                                        </a>

                                        {{ include('GRH/processRH/modals/desactivate_process.html.twig') }}

                                    {% endif %}  

                                    {% if app.user and is_granted('ROLE_ACTIVER_DESACTIVER_PROCESS_RH') and organigrammes|length and selected_process.isActif == false %}

                                        <a class="btn btn-success btn-sm pull-right mr-1" data-toggle="modal" data-target="#modal_activate_process"
                                            id="activate_process" data-id="{{ selected_process.id }}" style="cursor:cursor" title="Activer ce processus">
                                            <i class="fa fa-check" style="color:white;"></i>
                                        </a>

                                        {{ include('GRH/processRH/modals/activate_process.html.twig') }}

                                    {% endif %}

                                {% else %}

                                    <span class="badge badge badge-info btn-sm badge-pill" style="font-size:14px;"> {% trans %}Aucun processus sélectionné{% endtrans %} !</span>

                                {% endif %}
                                <hr>
                                <!-- debut affichage organigramme -->
                                    {{ include('GRH/processRH/tabs/organigramme.html.twig') }}
                                    {{ include('GRH/processRH/modals/add_Bloc.html.twig') }}
                                    {{ include('GRH/processRH/modals/edit_Bloc.html.twig') }}
                                    {{ include('GRH/processRH/modals/delete_Bloc.html.twig') }}
                                <!-- fin affichage organigramme -->
                            </div> <!-- end card body -->
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>

    <!-- Side Left Bar -->
    <div class="sidebar-detached sidebar-left sidebar-fixed ps ps--active-y">
        <div class="sidebar">
            <div class="bug-list-sidebar-content">
                <!-- Predefined Views -->
                <div class="card" style="height:90vh;">
                    <div class="card-body chat-fixed-search">
                        <div class="form-group form-group-compose text-center">
                            {% if app.user and is_granted('ROLE_AJOUTER_PROCESS_RH') %}
                                <a href="{{ path('add_processRH_page') }}" class="btn btn-success btn-block" style="color:white;">
                                    <i class="fa fa-plus mr-1"></i> {% trans %}Nouveau Processus{% endtrans %}
                                </a>
                            {% endif %}
                        </div>
                        <form method="get" action="">
                            <fieldset class="position-relative has-icon-left">
                                <input type="text" class="form-control" name="search_process" value="{{app.request.get('search_process')}}" id="iconLeft4" placeholder="Recherche processus ...">
                                <div class="form-control-position">
                                    <i class="ft-search"></i>
                                </div>
                            </fieldset>
                        </form>
                    </div>

                    <div class="list-group list-group-messages" style="padding-top:142px; padding-bottom:100px;">
                        {% if not processus|length %}
                            <div class="alert alert-info mb-2" role="alert">
                                <i class="fa fa-info-circle mr-1"></i> {% trans %}Aucun processus trouvé{% endtrans %}
                            </div>
                        {% endif %}
 
                        {% for process in processus %}
                            <a href="{{ path('processRH_details_page',{id_process:process.id, search_process:search_process}) }}"
                                    class="id_process ellipsis process_arptc list-group-item list-group-item-action border-0" title="{{ process.name }}"
                                    {% if selected_process is defined and process.id == selected_process.id %} style="background-color:#b0bec5;" {% endif %}>
                                <i class="fa fa-cog mr-0"></i>
                                <span class="favorite icon_statut pull-right">
                                    {% if process.isActif == 1 %}<i class="font-medium-1 ft-star" title="processus valide" style="color:green"></i>
                                    {% else %} <i class="font-medium-1 fa fa-ban" title="processus non valide" style="color:red"></i>
                                    {% endif %}
                                </span>
                                <span>{{ process.name }}</span>
                            </a>
                        {% endfor %}
                    </div>
                </div>
            </div>
        </div>
    </div>

    </section>  

    <div id="modal_delete_process" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-keyboard="false"
        data-backdrop="static">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="myModalLabel" style="color:#4b50fc">{% trans %}Suppression enregistrement{% endtrans %}</h5>
                    <a class="btn btn-danger btn-sm" data-dismiss="modal" aria-hidden="true" title="{% trans %}Fermer{% endtrans %}"><i class="fa fa-close text-white"></i></a>
                </div>
                <div class="modal-body">
                    <p style="color:black;">{% trans %}Voulez vous vraiment supprimer cet enregistrement{% endtrans %} ?</p>
                </div>
                <form method="post" novalidate>
                    <div class="modal-footer" style="display:flex !important; justify-content:space-between">
                        <a class="btn btn-danger waves-effect btn-sm" data-dismiss="modal" style="color:white; padding:7px;"><i class="ft-x-square"></i> {% trans %}Annuler{% endtrans %}</a>
                        <a class="btn btn-success waves-effect btn-sm" data-token-delete="{{ csrf_token('delete-item') }}" style="color:white; padding:7px" id="confirmer_delete"><i class="ft-check-square"></i> {% trans %}Confirmer{% endtrans %}</a>
                    </div>
                </form>
            </div>
        </div>
    </div>

{% endblock %}


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

    <script type="text/javascript">

        {% for flash_message in app.session.flashBag.get('success') %}

            toastr.success('{{ flash_message }}', {positionClass: 'toast-top-center', containerId: 'toast-top-center'});

        {% endfor %}

        {% for flash_message in app.session.flashBag.get('info') %}

            toastr.info('{{ flash_message }}', {positionClass: 'toast-top-center', containerId: 'toast-top-center'});

        {% endfor %}


        {% for flash_message in app.session.flashBag.get('warning') %}

            toastr.warning('{{ flash_message }}', {positionClass: 'toast-top-center', containerId: 'toast-top-center'});

        {% endfor %}

        {% for flash_message in app.session.flashBag.get('error') %}

            toastr.error('{{ flash_message }}', {positionClass: 'toast-top-center', containerId: 'toast-top-center'});

        {% endfor %}


    </script>

    {% include('GRH/processRH/ajax/delete_Process.html.twig') %}

    {% include('GRH/processRH/ajax/change_Blocs.html.twig') %}
    
    {% include('GRH/processRH/ajax/generate_organigramme.html.twig') %}

    {% include('GRH/processRH/ajax/add_First_Bloc.html.twig') %}

    {% include('GRH/processRH/ajax/add_Bloc.html.twig') %}

    {% include('GRH/processRH/ajax/edit_Bloc.html.twig') %}

    {% include('GRH/processRH/ajax/delete_Bloc.html.twig') %}

{% endblock %}