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

{% block body %}

    <div class="page-wrapper">
        <!-- BEGIN HEADER -->
        <div class="page-header navbar navbar-fixed-top">
            {% include 'project_manager/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 'project_manager/menu.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="#">Gestion Dossiers</a>
                                <i class="fa fa-circle"></i>
                            </li>
                            <li>
                                <a href="#">Dossiers En cours</a>
                            </li>
                        </ul>
                    </div>
                    <!-- END PAGE BAR -->

                    <!-- BEGIN PAGE TITLE-->
                    <h1 style="padding-left: 16px;" class="page-title">Liste des demandes
                        <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</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> Etat Dossier </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.status == 1  %}
                                                                    <button class="btn btn-circle yellow-gold btn-xs">Dossier En cours</button>
                                                                {% elseif demande.status == 2 %}
                                                                    <button class="btn btn-circle yellow-soft btn-xs">Dossier Mis à Jour</button>
                                                                {% elseif demande.status == 3 %}
                                                                    <button class="btn btn-circle dark btn-xs">Dossier Regretté</button>
                                                                {% endif %}
                                                            </td>
                                                            <td>
                                                                <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>
                                                                <a href="{{ path('millesima_demande_pdf', {'id' : demande.id}) }}" title="Show PDF" class="btn yellow-soft btn-xs" target="_blank">
                                                                    <i class="fa fa-file" aria-hidden="true"></i>
                                                                </a>
                                                                <a href="{{ path('millesima_project_manager_demande_edit', {'id' : demande.id}) }}" title="Modifier" class="btn green-jungle btn-xs">
                                                                    <i class="fa fa-pencil" aria-hidden="true"></i>
                                                                </a>
                                                                <a href="{{ path('millesima_add_other_prestation',{'id':demande.id}) }}" target="_blank">
                                                                    <button type="button" title="Autre Prestation" class="btn btn-warning btn-xs btn-plus">
                                                                        <i class="fa fa-plus" aria-hidden="true"></i>
                                                                    </button>
                                                                </a>
                                                                {% 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="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>

                                                                {% if demande.status != 3 %}
                                                                    <button type="button" title="Regretter" class="btn dark btn-xs btn-regretter" data-toggle="modal" data-target="#regret{{ demande.id }}" id-demande="">
                                                                        <i class="fa fa-minus-circle" aria-hidden="true"></i>
                                                                    </button>
                                                                    <!-- modal regretter-->
                                                                    <div id="regret{{ 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 Confirm this Request ?</h4>
                                                                                </div>
                                                                                <div class="modal-footer">
                                                                                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                                                                                    <a class="btn dark btn-regret" data-id="{{ demande.id }}">Regretter </a>
                                                                                </div>

                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <button type="button" title="Confirmer" class="btn blue-sharp btn-xs btn-confirmer" data-toggle="modal" data-target="#confirm{{ demande.id }}" id-demande="">
                                                                        <i class="fa fa-check" aria-hidden="true"></i>
                                                                    </button>
                                                                    <!-- modal confirmation-->
                                                                    <div id="confirm{{ 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 Confirm this Request ?</h4>
                                                                                    <div style="margin: 20px;">
                                                                                        <div class="col-md-3">
                                                                                            <label style="margin-top: 10px;font-weight: 600"> Date d'option</label>
                                                                                        </div>
                                                                                        <div class="col-md-9">
                                                                                            <input type="text" id="dateOption-{{ demande.id }}" name="dateOption" required="required" class="form-control date-picker" placeholder="select date d'option" style="padding-left: 10px"/>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="modal-footer">
                                                                                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                                                                                    <a class="btn blue-sharp btn-confirm" data-id="{{ demande.id }}">Confirm </a>
                                                                                </div>

                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <button type="button" title="Annuler" class="btn btn-danger btn-xs btn-annuler" data-toggle="modal" data-target="#delete{{ demande.id }}">
                                                                        <i class="fa fa-ban" 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>
                                                                {% endif %}
                                                                <!-- Modal Consultation -->
                                                                <div class="modal fade" id="consultation-modal-{{ demande.id }}" role="dialog">
                                                                    <div class="modal-dialog">
                                                                        <div class="modal-content custom-modal">
                                                                            <div class="modal-header">
                                                                                <button type="button" class="close" data-dismiss="modal">&times;</button>
                                                                                <h4 class="modal-title" style="text-align: center;font-size: 25px;font-weight: 600;color: black;">Détails Dossier</h4>
                                                                            </div>
                                                                            <div class="modal-body">
                                                                                <div id="loading" style=" text-align: center;"></div>
                                                                                <div class="row">
                                                                                    <div class="col-md-12">
                                                                                        <table class="table">
                                                                                            <tr style="border-top-style: hidden;">
                                                                                                <th>Réference</th>
                                                                                                <td class="demande-detail-label">{{ demande.reference }}</td>
                                                                                            </tr>
                                                                                            <tr style="border-top-style: hidden;">
                                                                                                <th>Nom Action</th>
                                                                                                <td class="demande-detail-label">{{ demande.nomAction }}</td>
                                                                                            </tr>
                                                                                            <tr>
                                                                                                <th>Titre</th>
                                                                                                <td class="demande-detail-label">{{ demande.typeAction.nom }}</td>
                                                                                            </tr>
                                                                                            <tr>
                                                                                                <th>Prestataire</th>
                                                                                                <td class="demande-detail-label">{{ demande.prestataire.nom }} </td>
                                                                                            </tr>
                                                                                            <tr>
                                                                                                <th>Date</th>
                                                                                                <td class="demande-detail-label">{{ demande.dateDebut|date('j M Y') }}</td>
                                                                                            </tr>
                                                                                            <tr>
                                                                                                <th>Nbre de participant</th>
                                                                                                <td class="demande-detail-label">{{ demande.nbrePax }} Participants</td>
                                                                                            </tr>
                                                                                            <tr>
                                                                                                <th>Articles</th>
                                                                                                <td>
                                                                                                    <table>
                                                                                                        {% set total = 0 %}
                                                                                                        <tr>
                                                                                                            <td style="width:65%;">Nom </td>
                                                                                                            <td>Qte</td>
                                                                                                            <td></td>
                                                                                                            <td>Prix</td>
                                                                                                        </tr>
                                                                                                        {% for variante in demande.variantesDemande %}
                                                                                                            <tr>
                                                                                                                <th class="demande-article-name">{{ variante.variante.article.designation1 }}  </th>
                                                                                                                <td class="demande-article-quantity">{{ variante.quantity }}</td>
                                                                                                                <td class="demande-article-price pull-right" align="right">{{ variante.variante.prix }}<sup>DT</sup></td>
                                                                                                            </tr>
                                                                                                            {% set  total = total+(variante.variante.prix*variante.quantity) %}

                                                                                                        {% endfor %}
                                                                                                        {% if demande.bonus is not empty %}
                                                                                                            {% for bonus in demande.bonus %}
                                                                                                                <tr>
                                                                                                                    <th class="demande-article-name">{{ bonus.nom }} </th>
                                                                                                                    <td class="demande-article-quantity">{{ bonus.quantity }}</td>
                                                                                                                    <td class="demande-article-price pull-right" align="right">{{bonus.price }}<sup>DT</sup></td>
                                                                                                                </tr>
                                                                                                                {% set total = total+(bonus.price*bonus.quantity) %}
                                                                                                            {% endfor %}
                                                                                                        {% endif %}
                                                                                                        <tr>
                                                                                                            <th class="demande-article-label-total">Total :</th>
                                                                                                            <td></td>
                                                                                                            <td class="demande-article-total pull-right"><b>{{ total }}<sup>DT</sup></b></td>
                                                                                                        </tr>
                                                                                                    </table>
                                                                                                </td>
                                                                                            </tr>
                                                                                            <tr>
                                                                                                <th>Compte de Facturation</th>
                                                                                                <td class="demande-article-label">
                                                                                                    {% if demande.compteFacturation is null %}
                                                                                                        Pas de Compte de Facturation
                                                                                                    {% else %}
                                                                                                        {{ demande.compteFacturation.raisonSociale }}
                                                                                                    {% endif %}
                                                                                                </td>
                                                                                            </tr>
                                                                                            <tr>
                                                                                                <th>Programme</th>
                                                                                                <td>
                                                                                                    <span class="demande-article-label">
                                                                                                        {% 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 %}
                                                                                                    </span>

                                                                                                    <table>
                                                                                                        {% if demande.heurePause1 is not null %}
                                                                                                            <tr>
                                                                                                                <th class="demande-programme-label">Pause Café d'accueil </th>
                                                                                                                <td class="demande-programme-value">{{ demande.heurePause1|date('H:i') }}</td>
                                                                                                            </tr>
                                                                                                        {% endif %}
                                                                                                        {% if demande.heureReunion is not null %}
                                                                                                            <tr>
                                                                                                                <th class="demande-programme-label">Réunion 1 </th>
                                                                                                                <td class="demande-programme-value">{{ demande.heureReunion|date('H:i') }}</td>
                                                                                                            </tr>
                                                                                                        {% endif %}
                                                                                                        {% if demande.heurePause2 is not null %}
                                                                                                            <tr>
                                                                                                                <th class="demande-programme-label">Pause Café Midi </th>
                                                                                                                <td class="demande-programme-value">{{ demande.heurePause2|date('H:i') }}</td>
                                                                                                            </tr>
                                                                                                            <br>
                                                                                                        {% endif %}
                                                                                                        {% if demande.heureReunion2 is not null %}
                                                                                                            <tr>
                                                                                                                <th class="demande-programme-label">Réunion 2 </th>
                                                                                                                <td class="demande-programme-value">{{ demande.heureReunion2|date('H:i') }}</td>
                                                                                                            </tr>
                                                                                                        {% endif %}
                                                                                                        {% if demande.heureDejeuner is not null %}
                                                                                                            <tr>
                                                                                                                <th class="demande-programme-label">Déjeuner </th>
                                                                                                                <td class="demande-programme-value">{{ demande.heureDejeuner|date('H:i') }}</td>
                                                                                                            </tr>
                                                                                                        {% endif %}

                                                                                                        {% if demande.heureReunion3 is not null %}
                                                                                                            <tr>
                                                                                                                <th class="demande-programme-label">Réunion 3 </th>
                                                                                                                <td class="demande-programme-value">{{ demande.heureReunion3|date('H:i') }}</td>
                                                                                                            </tr>
                                                                                                        {% endif %}
                                                                                                        {% if demande.heurePause3 is not null %}
                                                                                                            <tr>
                                                                                                                <th class="demande-programme-label">Pause Café Après-Midi </th>
                                                                                                                <td class="demande-programme-value">{{ demande.heurePause3|date('H:i') }}</td>
                                                                                                            </tr>
                                                                                                        {% endif %}
                                                                                                        {% if demande.heureReunion4 is not null %}
                                                                                                            <tr>
                                                                                                                <th class="demande-programme-label">Réunion 4 </th>
                                                                                                                <td class="demande-programme-value">{{ demande.heureReunion4|date('H:i') }}</td>
                                                                                                            </tr>
                                                                                                        {% endif %}
                                                                                                        {% if demande.heureDiner is not null %}
                                                                                                            <tr>
                                                                                                                <th class="demande-programme-label">Dîner </th>
                                                                                                                <td class="demande-programme-value">{{ demande.heureDiner|date('H:i') }}</td>
                                                                                                            </tr>
                                                                                                        {% endif %}
                                                                                                    </table>
                                                                                                </td>
                                                                                            </tr>
                                                                                            <tr style="border-bottom: none">
                                                                                                <th class="demande-or-border">Autre Prestation</th>
                                                                                                <td class="demande-or-border">
                                                                                                    {{ demande.otherPrestation }}
                                                                                                </td>
                                                                                            </tr>
                                                                                        </table>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <!-- End Modal Consultation -->
                                                            </td>
                                                        </tr>
                                                {% endfor %}
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <!-- END SAMPLE TABLE PORTLET-->

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

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

    </div>

    <!-- 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>
    {% block javascripts %}
        {{ parent() }}
        <script>
            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');
            });
            $('.btn-confirm').attr('disabled', true);

            $('.date-picker').change(function () {
                var dateOption = $(this).val();
                if (dateOption != "") {
                    $('.btn-confirm').attr('disabled', false);
                    //Confirmer Demande
                    $(".btn-confirm").click(function () {
                        idD = $(this).attr('data-id');
                        var URL1 = Routing.generate('millesima_project_manager_demande_comfirmer', {'idD': idD,'dateOption':dateOption});
                        var request = $.ajax({
                            url: URL1,
                            method: "POST",
                        }).done(function () {
                            location.reload();
                        }).fail(function (jqXHR, textStatus) {
                            console.log(JSON.stringify(jqXHR));
                            console.log(textStatus);
                        });

                    });
                }else{
                    $('.btn-confirm').attr('disabled', true);
                }
            })
        </script>
            <script>

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

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

    {% endblock %}

{% endblock %}