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

{% block body %}

    <div class="page-wrapper">

        <!-- BEGIN HEADER -->
        <div class="page-header navbar navbar-fixed-top">
            {% include 'client_applicant/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">
                <div class="page-sidebar navbar-collapse collapse">
                    {% include 'client_applicant/menu.html.twig' %}
                </div>
            </div>
            <!-- END SIDEBAR -->

            <!-- BEGIN CONTENT -->
            <div class="page-content-wrapper">
                <!-- BEGIN CONTENT BODY -->
                <div style="background: #eef1f5;" 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 non Affectés</a>
                            </li>
                        </ul>
                    </div>
                    <!-- END PAGE BAR -->

                    <!-- BEGIN PAGE TITLE-->
                    <h1 style="padding-left: 16px;" class="page-title">Liste des dossiers
                        <small>Non Affectés</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 font-red-sunglo"></i>Gestion des dossiers non affectés</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</th>
                                                <th> Titre</th>
                                                <th> Date & Heure début</th>
                                                <th> Prestataire</th>
                                                <th> Nbre de Participant</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" 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-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>

                                                        <a href="{{ path('millesima_client_demandeur_demande_edit', {'id' : demande.id}) }}"
                                                           title="Modifier" class="btn green-jungle btn-xs">
                                                            <i class="fa fa-pencil" aria-hidden="true"></i>
                                                        </a>
                                                        <!-- 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">
                                                                        <button type="button" class="close"
                                                                                data-dismiss="modal">&times;
                                                                        </button>
                                                                        <h4 class="modal-title"
                                                                            style="text-align: center;">Détails
                                                                            Demande</h4>
                                                                    </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>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>Titre</th>
                                                                                        <td>{{ demande.typeAction.nom }}</td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                        <th>Prestataire</th>
                                                                                        <td>{{ demande.prestataire.nom }} </td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                        <th>Date & Heue début</th>
                                                                                        <td>{{ demande.dateDebut|date('j M Y à h:i') }}</td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                        <th>Nbre de participant</th>
                                                                                        <td>{{ demande.nbrePax }}
                                                                                            Participants
                                                                                        </td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                        <th>Articles</th>
                                                                                        <td>
                                                                                            {% for variante in demande.variantesDemande %}
                                                                                                {{ variante.variante.article.designation1 }} :
                                                                                                <b>{{ variante.variante.prix }}
                                                                                                    DT</b>
                                                                                                <br>
                                                                                            {% endfor %}
                                                                                        </td>
                                                                                    </tr>
                                                                                    <tr>
                                                                                        <th>Compte de 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.heurePause1 is not null %}
                                                                                                Pause Café d'accueil : {{ demande.heurePause1|date('H:i') }}
                                                                                                <br>
                                                                                            {% endif %}
                                                                                            {% if demande.heureReunion is not null %}
                                                                                                Session 1: {{ demande.heureReunion|date('H:i') }}
                                                                                                <br>
                                                                                            {% endif %}
                                                                                            {% if demande.heureDejeuner is not null %}
                                                                                                Déjeuner : {{ demande.heureDejeuner|date('H:i') }}
                                                                                                <br>
                                                                                            {% endif %}
                                                                                            {% if demande.heureReunion is not null %}
                                                                                                Session 2: {{ demande.heureReunion2|date('H:i') }}
                                                                                                <br>
                                                                                            {% endif %}
                                                                                            {% if demande.heurePause2 is not null %}
                                                                                                Pause Café Midi : {{ demande.heurePause2|date('H:i') }}
                                                                                                <br>
                                                                                            {% endif %}
                                                                                            {% if demande.heureReunion is not null %}
                                                                                                Session 3: {{ demande.heureReunion3|date('H:i') }}
                                                                                                <br>
                                                                                            {% endif %}
                                                                                            {% if demande.heurePause3 is not null %}
                                                                                                Pause Café Après-Midi : {{ demande.heurePause3|date('H:i') }}
                                                                                                <br>
                                                                                            {% endif %}
                                                                                            {% if demande.heureReunion is not null %}
                                                                                                Session 4: {{ demande.heureReunion4|date('H:i') }}
                                                                                                <br>
                                                                                            {% endif %}
                                                                                            {% if demande.heureDiner is not null %}
                                                                                                Dîner : {{ demande.heureDiner|date('H:i') }}
                                                                                                <br>
                                                                                            {% endif %}
                                                                                        </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 -->

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

        <script>
            //Annuler Demande
            $(".btn-rejected").click(function () {
                var id_d = $(this).attr('data-id');
                //Ajax request
                $.ajax("../../demande/" + id_d + "/annuler")
                    .done(function () {
                        location.reload();
                    })
                    .fail(function () {
                    });
            });
        </script>

    {% endblock %}

{% endblock %}