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

{% block title %} {% trans %}COSAP - Version Process CRM{% 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">
                            <strong>{% trans %}Versions du processus de CRM{% endtrans %}</strong> : {{ process.name }}
                            <span><a class="btn btn-warning btn-sm pull-right" href="{{ path('version_process_crm_page',{id:process.id}) }}" title="{% trans %}Actualiser{% endtrans %}"><i class="fa fa-refresh"></i></a></span>
                            <span><a class="btn btn-primary btn-sm pull-right mr-1" href="{{ path('process_crm_page',{selected_row:process.id,page:1}) }}" title="{% trans %}Retour en arrière{% endtrans %}"><i class="fa fa-arrow-circle-left"></i></a></span>
                        </div>
                    </div>
                </div>
            </section>

            <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:1270px;">
                                {% if show_details %}
                                    <strong style="cursor:pointer;"> {{ selected_version.processCRM.abreviation }} {{ selected_version.dateCreation|date('Y-m-d H:i') }}
                                        <div class="badge badge-info">
                                            <i class="fa fa-user font-medium-2"></i>
                                            <span>{% trans %}Ajouté{% endtrans %}{% if selected_version.userCreator.genre == "G02" %}e {% endif %} {% trans %}par{% endtrans %} :  {{ selected_version.userCreator.getFullName()}} </span>
                                        </div>
                                    </strong>

                                    <a class="alarme_clock btn btn-light pull-right btn-sm" data-action="expand" title="{% trans %}Passer en Plein écran{% endtrans %}"><i class="ft-maximize"></i></a>

                                    {% if app.user and (is_granted('ROLE_ACTIVER_VERSION_PROCESS_CRM') or is_granted('ROLE_AFFICHER_ORGANIGRAMME_CRM') or is_granted('ROLE_AFFICHER_DESCRIPTION_CRM') or is_granted('ROLE_SUPPRIMER_VERSION_PROCESS_CRM') ) %}
                                    
                                        <button type="button" class="btn btn-light dropdown-toggle btn-sm pull-right mr-1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                            <i class="fa fa-ellipsis-v"></i>
                                        </button>
                                        <div class="dropdown-menu animated flipInY">

                                            {% if app.user and is_granted('ROLE_ACTIVER_VERSION_PROCESS_CRM') %}
                                                <a class="dropdown-item" data-toggle="modal" data-target="#modal_activate_version"
                                                    id="activate_version_process" style="cursor:pointer">
                                                    <i class="fa fa-check" style="color:green;"> </i> {% trans %}Activer{% endtrans %}
                                                </a>
                                            {% endif %} 

                                            {% if app.user and is_granted('ROLE_AFFICHER_ORGANIGRAMME_CRM') %}
                                                <a class="dropdown-item mt-1" href="{{ path('organigramme_crm_page',{id_version:selected_version.id}) }}" style="cursor:pointer">
                                                    <i class="fa fa-sitemap" style="color: #db2777;"> </i> {% trans %}Organigramme{% endtrans %}
                                                </a>
                                            {% endif %}

                                            {% if app.user and is_granted('ROLE_AFFICHER_DESCRIPTION_CRM') %}
                                                <a class="dropdown-item mt-1" href="{{ path('description_crm_page',{id_version:selected_version.id}) }}" style="cursor:pointer;">
                                                    <i class="fa fa-book" aria-hidden="true" style="color:#0e7490;"> </i> {% trans %}Description{% endtrans %}
                                                </a>
                                            {% endif %}
                                            
                                            {% if app.user and is_granted('ROLE_SUPPRIMER_VERSION_PROCESS_CRM') %}
                                                <a class="dropdown-item mt-1" data-toggle="modal" data-target="#modal_delete_version"
                                                    id="delete_version_process" data-process="{{ process.id }}" data-version="{{ selected_version.id }}" style="cursor:pointer">
                                                    <i class="fa fa-trash-o" style="color:red;"> </i> {% trans %}Supprimer{% endtrans %}
                                                </a>
                                            {% endif %} 

                                        </div>

                                    {% endif %}
                                    
                                {% else %}
                                    <span class="badge badge badge-empty-crm badge-pill mr-2" style="font-size:12px;">{% trans %}Aucune version sélectionnée{% endtrans %}</span>
                                {% endif %}

                                <hr>
                                
                                <ul class="nav nav-tabs nav-top-border no-hover-bg nav-justified mt-3" role="tablist">
                                    <li class="nav-item">
                                        <a class="nav-link btn-not-load active" id="active-tab1" data-toggle="tab" href="#organigramme" aria-controls="organigramme" role="tab" aria-selected="true">{% trans %}Organigramme{% endtrans %} </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link btn-not-load" id="link-tab1" data-toggle="tab" href="#description" aria-controls="description" role="tab" aria-selected="false">{% trans %}Description{% endtrans %}</a>
                                    </li>
                                </ul>
                                
                                <div class="tab-content px-1 pt-1">
                                    <div class="tab-pane active" id="organigramme" aria-labelledby="link-tab1" role="tabpanel">
                                        {{ include('ParametrageCRM/VersionProcessCRM/Tabs/organigramme.html.twig') }}
                                    </div>
                                    <div class="tab-pane in card-bottom" id="description" aria-labelledby="active-tab1" role="tabpanel">
                                        {{ include('ParametrageCRM/VersionProcessCRM/Tabs/description.html.twig') }}
                                    </div>
                                </div>
                            </div> <!-- end card body -->
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
    <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_VERSION_PROCESS_CRM') %}
                                <a data-toggle="modal" data-target="#modal_nouvelle_version" class="btn btn-success btn-block" style="color:white;">
                                    <i class="fa fa-plus mr-1"></i> {% trans %}Nouvelle version{% endtrans %}
                                </a>
                            {% endif %}
                        </div>
                        <form method="get" action="">
                            <fieldset class="position-relative has-icon-left">
                                <input type="text" class="form-control" name="search_version" value="{{app.request.get('search_version')}}" id="iconLeft4" placeholder="Recherche version...">
                                <div class="form-control-position">
                                    <i class="ft-search"></i>
                                </div>
                            </fieldset>
                        </form>
                    </div>
                    <!-- contacts view -->
                    <div class="list-group list-group-messages" style="padding-top:142px; padding-bottom:100px;">
                        {% if not versions|length %}
                            <div class="alert alert-info" role="alert">
                                <i class="fa fa-info-circle mr-1"></i> {% trans %}Aucune version trouvée{% endtrans %} !
                            </div>
                        {% endif %}

                        {% for version in versions %}
                            {% if app.user and is_granted('ROLE_AJOUTER_VERSION_PROCESS_CRM') %}
                                <a {% if version.isActif == 1 %} title="{% trans %}version activée{% endtrans %}" {% elseif selected_version is defined and version.id == selected_version.id %} title="{% trans %}version sélectionée{% endtrans %}" {% endif %}
                                    href="{{ path('version_process_crm_details_page',{id_version:version.id}) }}"
                                        class="{% if version.isActif == 1 %} active {% endif %} list-group-item list-group-item-action border-0"
                                        {% if selected_version is defined and version.id == selected_version.id %} style="background-color:#b0bec5;" {% endif %}>
                                    <i class="fa fa-cog mr-1"></i>
                                    <span>{{ version.processCRM.abreviation }} - {{ version.dateCreation|date('Y-m-d H:i') }}</span>
                                    <span class="favorite pull-right">
                                        {% if version.isActif == 1 %}<i class="font-medium-1 ft-star"></i>{% endif %}
                                    </span>
                                </a>
                            {% endif %}
                        {% endfor %}
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{ include('ParametrageCRM/VersionProcessCRM/modals/new_version.html.twig') }}

    {{ include('ParametrageCRM/VersionProcessCRM/modals/activate_version.html.twig') }}

    {{ include('ParametrageCRM/VersionProcessCRM/modals/delete_version.html.twig') }}

{% 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('ParametrageCRM/VersionProcessCRM/ajax/generate_organigramme.html.twig') %}

    {% include('ParametrageCRM/VersionProcessCRM/ajax/delete.html.twig') %}

{% endblock %}