{% extends '::base2.html.twig' %}
{% block title %}Gestion Dossiers - Valider{% endblock %}
{% block stylesheets %}{{ parent() }}{% endblock %}

{% block body %}

    <div class="page-wrapper">
        <!-- BEGIN HEADER -->
        <div class="page-header navbar navbar-fixed-top">
            {% include 'account_executive/header.html.twig' %}
        </div>
        <!-- END HEADER -->

        <!-- BEGIN HEADER & CONTENT DIVIDER -->
        <div class="clearfix"> </div>
        <!-- END HEADER & CONTENT DIVIDER -->

        <!-- BEGIN CONTAINER -->
        <div class="page-container">
            <!-- BEGIN SIDEBAR -->
            <div class="page-sidebar-wrapper">
                <!-- BEGIN SIDEBAR -->
                <div class="page-sidebar navbar-collapse collapse">
                    {% include 'account_executive/menuCompte.html.twig' %}
                </div>
                <!-- END SIDEBAR -->
            </div>
            <!-- END SIDEBAR -->

            <!-- BEGIN CONTENT -->
            <div class="page-content-wrapper">
                <!-- BEGIN CONTENT BODY -->

                <div style="background: rgb(238, 241, 245); min-height: 306px;" class="page-content">

                    <!-- BEGIN PAGE BAR -->
                    <div class="page-bar">
                        <ul class="page-breadcrumb">
                            <li>
                                <a href="{{ path('millesima_account_executive_accueil') }}">Mes Comptes</a>
                                <i class="fa fa-circle"></i>
                            </li>
                            <li>
                                <a href="{{ path('millesima_account_executive_compte_consulter', {'id' : compte.id}) }}">Compte {{ compte.raisonSociale }}</a>
                                <i class="fa fa-circle"></i>
                            </li>
                            <li>
                                <a href="{{ path('millesima_account_executive_demande_valides', {'id' : compte.id}) }}">Dossiers validés</a>
                            </li>
                        </ul>
                    </div>
                    <!-- END PAGE BAR -->

                    <!-- BEGIN PAGE TITLE-->
                    <h1 class="page-title"> Liste des demandes validées
                        <small>Tous</small>
                    </h1>
                    <!-- END PAGE TITLE-->

                    <!-- BEGIN PAGE HEADER-->
                    <div class="row">

                        <div class="col-md-12">

                            <!-- BEGIN SAMPLE TABLE PORTLET-->
                            <div class="portlet light bordered">
                                {#<div class="portlet-title">
                                    <div class="caption font-red-sunglo">
                                        <i class="fa fa-cogs"></i>Gestion des Demandes Validées</div>
                                    <div class="tools">

                                    </div>
                                </div>#}
                                <div class="portlet-body">
                                    <div class="table-responsive" style="overflow: hidden">
                                        <table class="table" id="myTable">
                                            <thead>
                                            <tr>
                                                <th> Référence</th>
                                                <th> Action </th>
                                                <th> Période </th>
                                                <th> Lieu </th>
                                                <th> Nbre Pax </th>
                                                <th> Créé par </th>
                                                <th> Chef de projet </th>
                                                <th> Action </th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            {% for demande in demandes %}
                                                <tr id-demande="{{ demande.id }}">
                                                    <td> {{ demande.reference }} </td>
                                                    <td> {{ demande.nomAction }} </td>
                                                    <td> {{ demande.dateDebut|date('Y/m/j') }} </td>
                                                    <td>{{ demande.prestataire.nom }} </td>
                                                    <td>{{ demande.nbrePax }} </td>
                                                    <td>
                                                        <button type="button" class="btn btn-circle grey-mint btn-xs btn-createur" data-toggle="modal" data-target="#createur-modal-{{ demande.id }}">
                                                            {{ demande.createur.firstname }} {{ demande.createur.lastname }}
                                                        </button>
                                                        <!-- Modal Createur -->
                                                        <div class="modal fade" id="createur-modal-{{ demande.id }}" role="dialog">
                                                            <div class="modal-dialog">
                                                                <div class="modal-content">
                                                                    <div class="modal-header">
                                                                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                                                                        <h4 class="modal-title">Demandeur</h4>
                                                                    </div>
                                                                    <div class="modal-body">
                                                                        <div id="loading" style=" text-align: center;"></div>
                                                                        <div class="row">
                                                                            <div class="col-md-4">
                                                                                <div class="profile_img">
                                                                                    <div id="crop-avatar" style="padding: 10px;">
                                                                                        {% if demande.createur.path is empty %}
                                                                                            <img src="{{ asset('uploads/images/common/empty-profile.jpg') }}"
                                                                                                 class="img-responsive avatar-view"/>
                                                                                        {% else %}
                                                                                            <img src="{{ asset('uploads/images/' ~ demande.createur.path) }}"
                                                                                                 class="img-responsive avatar-view"/>
                                                                                        {% endif %}
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-md-8">
                                                                                <table class="table">

                                                                                    <tr style="border-top-style: hidden;">
                                                                                        <th>Nom & Prénom:</th>
                                                                                        <td>{{ demande.createur.firstname }} {{ demande.createur.lastname }}</td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                        <th>Email:</th>
                                                                                        <td>{{ demande.createur.email }}</td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                        <th>Tel:</th>
                                                                                        <td>{{ demande.createur.phonenumber }} </td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                        <th>Mobile:</th>
                                                                                        <td>{{ demande.createur.telnumber }} </td>
                                                                                    </tr>

                                                                                </table>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <!-- End Modal Createur -->
                                                    </td>
                                                    <td>
                                                        {% if demande.passation == 1 %}
                                                            <button id="affectCP" type="button" id-demande="{{ demande.id }}" id-passation="1" class="btn-affect-edit btn green-jungle btn-xs" data-toggle="modal" data-target="#affectation-edit-modal">
                                                                Affectée  à {{ demande.superviseur.firstname }} {{ demande.superviseur.lastname }}
                                                                <div id="CP_Affecter_ajax_response"></div>
                                                            </button>
                                                        {% else %}
                                                            <button id="delegCP" type="button" id-demande="{{ demande.id }}" id-passation="2" class="btn-affect-edit btn yellow-soft btn-xs" data-toggle="modal" data-target="#delegation-edit-modal">
                                                                Déléguée  à {{ demande.superviseur.firstname }} {{ demande.superviseur.lastname }}
                                                                <div id="CP_Deleguer_ajax_response"></div>
                                                            </button>
                                                        {% endif %}
                                                    </td>
                                                    <td>
                                                        <button type="button" title="Time Line" class="btn grey-mint btn-xs btn-info" id-compte="{{ compte.id }}" id-demande="" data-toggle="modal" data-target="#time-line-modal">
                                                            <i class="fa fa-history" aria-hidden="true"></i>
                                                        </button>
                                                        <button type="button" title="Détails" class="btn green-seagreen btn-xs btn-details" data-toggle="modal" data-target="#consultation-modal-{{ demande.id }}">
                                                            <i class="fa fa-eye" aria-hidden="true"></i>
                                                        </button>
                                                        {% if demande.variantesDemande is not empty %}
                                                            <a href="{{ path('millesima_facture_pdf',{'id':demande.id}) }}" target="_blank">
                                                                <button type="button" title="Détails" class="btn btn-primary btn-xs btn-details">
                                                                    <i class="fa fa-file" aria-hidden="true"></i>
                                                                </button>
                                                            </a>
                                                        {% endif %}
                                                        <button type="button" title="Annuler" class="btn red-thunderbird btn-xs btn-annuler" data-toggle="modal" data-target="#delete{{ demande.id }}" id-demande="">
                                                            <i class="fa fa-times" aria-hidden="true"></i>
                                                        </button>
                                                        <!-- modal Annuler-->
                                                        <div id="delete{{ demande.id }}" class="modal fade bs-delete-modal-sm" tabindex="-1" role="dialog" aria-hidden="true" style="display: none;">
                                                            <div class="modal-dialog modal-md">
                                                                <div class="modal-content">
                                                                    <div class="modal-header">
                                                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span>
                                                                        </button>
                                                                        <h4 class="modal-title" id="myModalLabel2">Are you sure you want to Rejected this Request ?</h4>
                                                                    </div>
                                                                    <div class="modal-footer">
                                                                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                                                                        <a class="btn btn-danger btn-rejected" data-id="{{ demande.id }}">Rejected </a>
                                                                    </div>

                                                                </div>
                                                            </div>
                                                        </div>
                                                        <button type="button" title="Clôturer" class="btn purple-seance btn-xs btn-cloturer" data-toggle="modal" data-target="#clotur{{ demande.id }}" id-demande="">
                                                            <i class="fa fa-toggle-on" aria-hidden="true"></i>
                                                        </button>
                                                        <!-- modal cloturer -->
                                                        <div id="clotur{{ demande.id }}" class="modal fade bs-delete-modal-sm" tabindex="-1" role="dialog" aria-hidden="true" style="display: none;">
                                                            <div class="modal-dialog modal-md">
                                                                <div class="modal-content">
                                                                    <div class="modal-header">
                                                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span>
                                                                        </button>
                                                                        <h4 class="modal-title" id="myModalLabel2">Are you sure you want to Cloturer this Request ?</h4>
                                                                    </div>
                                                                    <div class="modal-footer">
                                                                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                                                                        <a class="btn purple-seance btn-clotured" data-id="{{ demande.id }}">Cloturer </a>
                                                                    </div>

                                                                </div>
                                                            </div>
                                                        </div>
                                                        <button type="button" title="Refresh" class="btn blue-sharp btn-xs btn-refresh" data-toggle="modal" data-target="#refresh{{ demande.id }}" id-demande="">
                                                            <i class="fa fa-refresh" aria-hidden="true"></i>
                                                        </button>
                                                        <!-- modal Refresh-->
                                                        <div id="refresh{{ demande.id }}" class="modal fade bs-delete-modal-sm" tabindex="-1" role="dialog" aria-hidden="true" style="display: none;">
                                                            <div class="modal-dialog modal-md">
                                                                <div class="modal-content">
                                                                    <div class="modal-header">
                                                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span>
                                                                        </button>
                                                                        <h4 class="modal-title" id="myModalLabel2">Are you sure you want to Refresh this Request ?</h4>
                                                                    </div>
                                                                    <div class="modal-footer">
                                                                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                                                                        <a class="btn blue-sharp btn-refreshed" data-id="{{ demande.id }}">Refresh </a>
                                                                    </div>

                                                                </div>
                                                            </div>
                                                        </div>
                                                        <!-- Modal Consultation -->
                                                        <div class="modal fade" id="consultation-modal-{{ demande.id }}" role="dialog">
                                                            <div class="modal-dialog">
                                                                <div class="modal-content">
                                                                    <div class="modal-header" {#style="background-color: #337ab7;"#}>
                                                                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                                                                        <h3 class="modal-title" style="text-align: center;/*color: white;*/">Détails Demande</h3>
                                                                    </div>
                                                                    <div class="modal-body">
                                                                        <div id="loading" style=" text-align: center;"></div>
                                                                        <div class="row">
                                                                            <div class="col-md-8 col-md-offset-2">
                                                                                <table class="table">

                                                                                    <tr style="border-top-style: hidden;">
                                                                                        <th>Créée par</th>
                                                                                        <td>{{ demande.createur }}</td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                        <th>Nom Action</th>
                                                                                        <td>{{ demande.nomAction }}</td>
                                                                                    </tr>
                                                                                    {#{% if demande.responsable is not empty %}
                                                                                        <tr>
                                                                                            <th>Responsable</th>
                                                                                            <td>{{ demande.responsable.firstname }} {{ demande.responsable.lastname }}</td>
                                                                                        </tr>
                                                                                    {% endif %}
                                                                                    {% if demande.representant is not empty %}
                                                                                        <tr>
                                                                                            <th>Représentant</th>
                                                                                            <td>{{ demande.representant.firstname }} {{ demande.representant.lastname }} </td>
                                                                                        </tr>
                                                                                    {% endif %}#}
                                                                                    <tr>
                                                                                        <th>Type Action</th>
                                                                                        <td>{{ demande.typeAction.nom }}</td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                        <th>Lieu Action</th>
                                                                                        <td>{{ demande.prestataire.nom }} </td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                        <th>Période</th>
                                                                                        <td>{{ demande.dateDebut|date('j M Y à h:i') }}</td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                        <th>Nbre de personne</th>
                                                                                        <td>{{ demande.nbrePax }}
                                                                                            Personnes
                                                                                        </td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                        <th>Articles</th>
                                                                                        <td>
                                                                                            {% for variante in demande.variantesDemande %}
                                                                                                {{ variante.variante.article.designation1 }} : <b>{{ variante.prix }} DT</b>
                                                                                                <br>
                                                                                            {% endfor %}
                                                                                        </td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                        <th>Facturation</th>
                                                                                        <td>
                                                                                            {% if demande.compteFacturation is null %}
                                                                                                Pas de Compte de Facturation
                                                                                            {% else %}
                                                                                                {{ demande.compteFacturation.raisonSociale }}
                                                                                            {% endif %}
                                                                                        </td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                        <th>Programme</th>
                                                                                        <td>
                                                                                            {% if (demande.heureReunion is null) and (demande.heureDejeuner is null) and (demande.heureDiner is null) and (demande.heurePause1 is null) and (demande.heurePause2 is null) and (demande.heurePause3 is null) %}
                                                                                                Pas de Programme
                                                                                            {% endif %}
                                                                                            {% if demande.heureReunion is not null %}
                                                                                                Réunion à {{ demande.heureReunion|date('H:i') }}<br>
                                                                                            {% endif %}
                                                                                            {% if demande.heureDejeuner is not null %}
                                                                                                Déjeuner à {{ demande.heureDejeuner|date('H:i') }}<br>
                                                                                            {% endif %}
                                                                                            {% if demande.heureDiner is not null %}
                                                                                                Dîner à {{ demande.heureDiner|date('H:i') }}<br>
                                                                                            {% endif %}
                                                                                            {% if demande.heurePause1 is not null %}
                                                                                                Pause Café d'accueil à {{ demande.heurePause1|date('H:i') }}<br>
                                                                                            {% endif %}
                                                                                            {% if demande.heurePause2 is not null %}
                                                                                                Pause Café Midi à {{ demande.heurePause2|date('H:i') }}<br>
                                                                                            {% endif %}
                                                                                            {% if demande.heurePause3 is not null %}
                                                                                                Pause Café Après-Midi à {{ demande.heurePause3|date('H:i') }}<br>
                                                                                            {% endif %}
                                                                                        </td>
                                                                                    </tr>
                                                                                </table>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <!-- End Modal Consultation -->
                                                        <button type="button" title="Messages"
                                                                class="dropdown-off-sidebar btn grey-mint btn-xs btn-success chat-request"
                                                                id-demande="{{ demande.id }}"
                                                                data-toggle-class="app-offsidebar-open"
                                                                data-toggle-target="#app"
                                                                data-toggle-click-outside="#off-sidebar-{{ demande.id }}">
                                                            <i class="fa fa-send" aria-hidden="true"></i>
                                                        </button>
                                                    </td>
                                                </tr>
                                            {% endfor %}

                                            <!-- Modal Affectation Edit -->
                                            <div class="modal fade" id="affectation-edit-modal" role="dialog">
                                                <div class="modal-dialog">
                                                    <!-- Modal content-->
                                                    <div class="modal-content">

                                                        <div class="modal-header">
                                                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                                                            <h4 class="modal-title">Modifier le chef de projet Affecté</h4>
                                                        </div>
                                                        <div class="modal-body">
                                                            <div id="loading" style=" text-align: center;"></div>
                                                            <div class="row">
                                                                <div class="col-md-offset-3 col-md-6">
                                                                    <select class="form-control" id="select-box-cc-edit">
                                                                        <option value="0">-- Modifier Chef de projet --</option>
                                                                        {% for user in chefProjet %}
                                                                            <option value="{{ user.id }}">{{ user.firstname }} {{ user.lastname }}</option>
                                                                        {% endfor %}
                                                                    </select>
                                                                </div>
                                                            </div>

                                                        </div>
                                                        <div class="modal-footer">
                                                            <button class="btn dark btn-danger" id="btn-delete-affectation" id-demande="">
                                                                Supprimer
                                                            </button>
                                                            <button class="btn green" id="btn-edit-affectation" id-demande="" id-cp="">
                                                                Modifier
                                                            </button>
                                                            <button class="btn green" id="btn-valide-delegation" id-demande="" id-cp="">
                                                                Déléguer
                                                            </button>
                                                        </div>

                                                    </div>
                                                    <!-- End Modal content-->
                                                </div>
                                            </div>
                                            <!-- End Modal Affectation Edit -->
                                            <!-- Modal Delegation -->
                                            <div class="modal fade" id="delegation-modal" role="dialog">
                                                <div class="modal-dialog">
                                                    <!-- Modal content-->
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                                                            <h4 class="modal-title">Délégation du dossier</h4>
                                                        </div>
                                                        <div class="modal-body">
                                                            <div id="loading"style=" text-align: center;"></div>
                                                            <div class="row">
                                                                <div class="col-md-offset-3 col-md-6">
                                                                    <select class="form-control" id="select-box-cc">
                                                                        <option value="0">-- Choisir un Chef de projet -- </option>
                                                                        {% for user in chefProjet %}
                                                                            <option value="{{ user.id }}">{{ user.firstname }} {{ user.lastname }}</option>
                                                                        {% endfor %}
                                                                    </select>
                                                                </div>
                                                            </div>

                                                        </div>
                                                        <div class="modal-footer">
                                                            <button class="btn green" id="btn-valide-delegation" id-demande="" id-cp="">
                                                                Déléguer
                                                            </button>
                                                        </div>

                                                    </div>

                                                </div>
                                            </div>
                                            <!-- End Modal Delegation -->
                                            <!-- Modal Delegation Edit -->
                                            <div class="modal fade" id="delegation-edit-modal" role="dialog">
                                                <div class="modal-dialog">
                                                    <!-- Modal content-->
                                                    <div class="modal-content">

                                                        <div class="modal-header">
                                                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                                                            <h4 class="modal-title">Modifier le chef de projet délégué </h4>
                                                        </div>
                                                        <div class="modal-body">
                                                            <div id="loading" style=" text-align: center;"></div>
                                                            <div class="row">
                                                                <div class="col-md-offset-3 col-md-6">
                                                                    <select class="form-control" id="select-deg-cc-edit">
                                                                        <option value="0">-- Modifier Chef de projet --</option>
                                                                        {% for user in chefProjet %}
                                                                            <option value="{{ user.id }}">{{ user.firstname }} {{ user.lastname }}</option>
                                                                        {% endfor %}
                                                                    </select>
                                                                </div>
                                                            </div>

                                                        </div>
                                                        <div class="modal-footer">
                                                            <button class="btn dark btn-danger" id="btn-delete-delegation" id-demande="" id-demande="">
                                                                Supprimer
                                                            </button>
                                                            <button class="btn green" id="btn-edit-delegation" id-demande="" id-cp="">
                                                                Modifier
                                                            </button>
                                                        </div>

                                                    </div>
                                                    <!-- End Modal content-->
                                                </div>
                                            </div>
                                            <!-- End Modal Delegation Edit -->
                                            <!-- Modal Time Line -->
                                            <div class="modal fade" id="time-line-modal" role="dialog">
                                                <div class="modal-dialog">

                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                                                            <h4 class="modal-title">Demande Time Line</h4>
                                                        </div>
                                                        <div class="modal-body">
                                                            <div class="portlet light portlet-fit bordered" id="time_line_ajax_response"></div>
                                                        </div>
                                                    </div>

                                                </div>
                                            </div>
                                            <!-- End Modal Time Line -->
                                            <!-- Modal Validation -->
                                            <div class="modal fade" id="validation-modal"
                                                 role="dialog">
                                                <div class="modal-dialog">

                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                                                            <h4 class="modal-title">Passer une bonde commande</h4>
                                                        </div>
                                                        <div class="modal-body">
                                                            <div id="loading" style=" text-align: center;"></div>
                                                            <div class="row">
                                                                <div style="padding-left: 50px;padding-right: 30px;" class="col-md-6 col-sm-12 col-xs-12">

                                                                    <label>Numéro Bon de Commande</label>
                                                                    <input type="text"  id="millesima_bon_commande_numeroCommande" name="millesima_bon_commande_numeroCommand[numeroCommande]" required="required" class="form-control">
                                                                    <div class="form-control-focus"></div>
                                                                    <div class="red"></div>

                                                                </div>
                                                                <div style="padding-left: 30px;padding-right: 50px;" class="col-md-6 col-sm-12 col-xs-12">

                                                                    <label>Date Bon de Commande</label>
                                                                    <input type="text" id="millesima_bon_commande_dateCommande" name="millesima_bon_commande_dateCommande[dateCommande]" required="required" class="form-control date-picker">
                                                                    <div class="form-control-focus"></div>
                                                                    <div class="red"></div>

                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="modal-footer">
                                                            <button class="btn green-jungle btn-valider" id="btn-valider" id-demande="">
                                                                Valider
                                                            </button>
                                                        </div>
                                                    </div>

                                                </div>
                                            </div>
                                            <!-- End Modal Validation -->
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <!-- END SAMPLE TABLE PORTLET-->

                        </div>

                    </div>
                    <!-- END PAGE HEADER-->

                    <!-- BEGIN PAGE FOOTER-->
                    <div class="row">
                        <div class="col-md-offset-4 col-md-6">
                            <a href="{{ path('millesima_account_executive_accueil') }}">
                                <button type="submit" value="" style="background-color: #a01616;color: white;" class="col-md-8 btn">
                                    Retour à mes comptes
                                </button>
                            </a>
                        </div>
                    </div>
                    <!-- END PAGE FOOTER-->

                </div>
                <!-- END CONTENT BODY -->
            </div>
            <!-- END CONTENT -->

        </div>
        <!-- END CONTAINER -->

        <!-- BEGIN FOOTER -->
        <div class="page-footer">
            {% include 'commun/footer.html.twig' %}
        </div>
        <!-- END FOOTER -->
        <div id="off-sidebar" class="sidebar">
            <div class="sidebar-wrapper">
                <div class="tab-content">
                    <div role="tabpanel" class="tab-pane active" id="off-users">
                        <div class="user-chat">
                            <div class="chat-content">
                                <div class="sidebar-content perfect-scrollbar ps-container ps-active-y">
                                    <a class="sidebar-back pull-left" href="#" data-toggle-class="chat-open"
                                       data-toggle-target="#users"><i class="ti-angle-left"></i> <span>Back</span></a>
                                    <ol id="" class="discussion">
                                    </ol>
                                    <div class="ps-scrollbar-x-rail" style="left: 0px; bottom: 3px;">
                                        <div class="ps-scrollbar-x" style="left: 0px; width: 0px;"></div>
                                    </div>
                                    <div class="ps-scrollbar-y-rail" style="top: 0px; height: 854px; right: 3px;">
                                        <div class="ps-scrollbar-y" style="top: 0px; height: 530px;"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="message-bar">
                                <div class="message-inner">
                                    <div class="message-area">
                                        <textarea placeholder="Message" class="" id="message-send" required></textarea>
                                    </div>
                                    <a class="link linked" id="">
                                        <i class="fa fa-send"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {% block javascripts %}
        {{ parent() }}
        <script>

            //Recuperation Id Demande
            $("button#affectCP").click(function () {
                $("button#btn-edit-affectation").attr('id-demande', $(this).closest('tr').attr('id-demande'));
                $("button#btn-delete-affectation").attr('id-demande', $(this).closest('tr').attr('id-demande'));
                $("button#btn-valide-delegation").attr('id-demande', $(this).closest('tr').attr('id-demande'));
            });

            $("button#delegCP").click(function () {
                $("button#btn-edit-delegation").attr('id-demande', $(this).closest('tr').attr('id-demande'));
                $("button#btn-delete-delegation").attr('id-demande', $(this).closest('tr').attr('id-demande'));
            });

            //Edit Affectation
            $("button#btn-edit-affectation").click(function () {
                $("button#btn-edit-affectation").attr('id-cp', ($("select#select-box-cc-edit").val()));
                var id_d = $("button#btn-edit-affectation").attr('id-demande');
                var id_cp = $("button#btn-edit-affectation").attr('id-cp');
                console.log($("button#btn-edit-affectation").attr('id-demande'));
                //Ajax request
                var cc = '<img src="{{ asset('back/loader.gif') }}"/>';
                $('#loading').html(cc);
                $.ajax("../dossier/affectation/" + id_d + "/" + id_cp + "/edit")
                        .done(function () {
                            location.reload();
                            alert("succes");
                        })
                        .fail(function () {
                            //alert("error");
                        });
            });

            //Delete Affectation
            $("button#btn-delete-affectation").click(function () {
                var id_d = $("button#btn-delete-affectation").attr('id-demande');
                //Ajax request
                var cc = '<img src="{{ asset('back/loader.gif') }}"/>';
                $('#loading').html(cc);
                $.ajax("../dossier/affectation/" + id_d + "/delete")
                        .done(function () {
                            location.reload();
                            //alert("succes")
                        })
                        .fail(function () {
                            //alert("error");
                        });
            });

            //Delegation Demande
            $("#btn-valide-delegation").click(function () {
                $("button#btn-valide-delegation").attr('id-cp', ($("select#select-box-cc-edit").val()));
                var id_d = $("button#btn-valide-delegation").attr('id-demande');
                var id_cp = $("button#btn-valide-delegation").attr('id-cp');
                //Ajax request
                // alert(1);
                var c = '<img src="{{ asset('back/loader.gif') }}"/>';
                $('#loading').html(c);
                $.ajax("../dossier/" + id_d + "/" + id_cp + "/delegation")
                        .done(function () {
                            location.reload();
                            //alert("succes");
                        })
                        .fail(function () {
                            //alert("error");
                        });
            });

            //Edit Delegation
            $("#btn-edit-delegation").click(function () {
                $("button#btn-edit-delegation").attr('id-cp', ($("select#select-deg-cc-edit").val()));
                var id_d = $("button#btn-edit-delegation").attr('id-demande');
                var id_cp = $("button#btn-edit-delegation").attr('id-cp');
                alert(id_d);
                var cc = '<img src="{{ asset('back/loader.gif') }}"/>';
                $('#loading').html(cc);
                $.ajax("../dossier/delegation/" + id_d + "/" + id_cp + "/edit")
                        .done(function () {
                            location.reload();
                            //alert("succes");
                        })
                        .fail(function (e, s) {
                            //alert(JSON.stringify(e));alert(s);
                        });
            });

            //Delete Delegation
            $("button#btn-delete-delegation").click(function () {
                var id_d = $("button#btn-delete-delegation").attr('id-demande');
                //Ajax request
                var cc = '<img src="{{ asset('back/loader.gif') }}"/>';
                $('#loading').html(cc);
                $.ajax("../dossier/delegation/" + id_d + "/delete")
                        .done(function () {
                            location.reload();
                            //alert("succes")
                        })
                        .fail(function () {
                            //alert("error");
                        });
            });

            //Refresh Demande
            $(".btn-refreshed").click(function () {
                var URL1 = Routing.generate('millesima_account_executive_dossier_refresh', {
                    'idD': $(this).attr('data-id'),
                });
                var request = $.ajax({
                    url: URL1,
                    method: "POST",
                }).done(function () {
                    location.reload();
                }).fail(function (jqXHR, textStatus) {
                    console.log(JSON.stringify(jqXHR));
                    console.log(textStatus);
                });
            });

            //Annuler Demande
           $(".btn-rejected").click(function () {
                var URL2 = Routing.generate('millesima_account_executive_dossier_annuler', {
                    'idD': $(this).attr('data-id'),
                });
                var request = $.ajax({
                    url: URL2,
                    method: "POST",
                }).done(function () {
                    location.reload();
                }).fail(function (jqXHR, textStatus) {
                    console.log(JSON.stringify(jqXHR));
                    console.log(textStatus);
                });
            });


            //Cloturer Demande
            $(".btn-clotured").click(function () {
                var URL3 = Routing.generate('millesima_account_executive_dossier_cloturer', {
                    'idD': $(this).attr('data-id')
                });
                var request = $.ajax({
                    url: URL3,
                    method: "POST",
                }).done(function () {
                    location.reload();
                }).fail(function (jqXHR, textStatus) {
                    console.log(JSON.stringify(jqXHR));
                    console.log(textStatus);
                });
            });

            //Time Line
            $("button.btn-info").click(function (){
                $("button.btn-info").attr('id-demande', $(this).closest('tr').attr('id-demande'));
                console.log($("button.btn-info").attr('id-demande'));
                var URL = Routing.generate('millesima_account_executive_demande_time_line', {'id' : $("button.btn-info").attr('id-compte'),'idD': $("button.btn-info").attr('id-demande') } );
                //alert(URL);
                {% set loading =  asset('back/assets/global/img/ajax-loading.gif')  %}
                $("#time_line_ajax_response").html("<img src = '{{ loading }}' />");
                var request = $.ajax({
                    url: URL,
                    method: "POST",
                }).done(function (msg) {
                    $("#time_line_ajax_response").html(msg);
                }).fail(function (jqXHR, textStatus) {
                    console.log(JSON.stringify(jqXHR));
                    console.log(textStatus);
                });

            });

            $(document).ready(function () {
                var dateToday = new Date();
                $('.date-picker').datepicker({
                    rtl: App.isRTL(),
                    orientation: "left",
                    format: "dd-mm-yyyy",
                    autoclose: true,
                    minDate: dateToday,
                    startDate: dateToday,
                });
            });

            $( document ).scroll(function(){
                $('.date-picker').datepicker('place');
            });

        </script>

    {% endblock %}

{% endblock %}