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

{% block body %}

    <div class="page-wrapper">
        <!-- BEGIN HEADER -->
        <div class="page-header navbar navbar-fixed-top">
            {% if "ROLE_USER_CC" in app.user.roles %}
                {% include 'account_executive/header.html.twig' %}
            {% elseif "ROLE_USER_CP" in app.user.roles %}
                {% include 'project_manager/header.html.twig' %}
            {% elseif "ROLE_ADMIN" in app.user.roles %}
                {% include 'admin/header.html.twig' %}
            {% endif %}
        </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">
                    {% if "ROLE_USER_CC" in app.user.roles %}
                        {% if app.request.attributes.get('_route') in ['millesima_account_executive_demande_encours','millesima_account_executive_demande_confirmes','millesima_account_executive_demande_valides','millesima_account_executive_demande_clotures'] %}
                            {% include 'account_executive/menuCompte.html.twig' %}
                        {% else %}
                            {% include 'account_executive/menu.html.twig' %}
                        {% endif %}
                    {% elseif "ROLE_USER_CP" in app.user.roles %}
                        {% include 'project_manager/menu.html.twig' %}
                    {% elseif "ROLE_ADMIN" in app.user.roles %}
                        {% include 'admin/menuCompte.html.twig' %}
                    {% endif %}
                </div>
                <!-- END SIDEBAR -->
            </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 Demande</a>
                                <i class="fa fa-circle"></i>
                            </li>
                            <li>
                                {% if app.request.attributes.get('_route') == "millesima_add_other_prestation" %}
                                    <a href="#">Ajouter Autre Prestation </a>
                                {% elseif app.request.attributes.get('_route') == "millesima_edit_other_prestation" %}
                                    <a href="#">Modifier Autre Prestation </a>
                                {% endif %}
                            </li>
                        </ul>
                    </div>
                    <!-- END PAGE BAR -->

                    <!-- BEGIN PAGE TITLE-->
                    {% if app.request.attributes.get('_route') == "millesima_add_other_prestation" %}
                        <h1 style="padding-left: 16px;" class="page-title">Ajouter Prestation (Bonus) <small>Nouveau</small></h1>
                    {% elseif app.request.attributes.get('_route') == "millesima_edit_other_prestation" %}
                        <h1 style="padding-left: 16px;" class="page-title">Modifier Prestation (Bonus)</h1>
                    {% endif %}
                    <!-- END PAGE TITLE-->

                    <!-- BEGIN PAGE HEADER-->
                    <div class="row">
                        <div class="col-md-12">
                            <div class="portlet light bordered">
                                <div class="portlet-title">
                                    <div class="font-red-sunglo">
                                        {#<div class="portlet-title">
                                            <div class="caption font-red-sunglo">
                                                <i class="fa fa-gift"></i>Formulaire Ajout Fournisseur
                                            </div>
                                            <div class="tools"></div>
                                        </div>#}
                                        <div class="portlet-body form">
                                            {% if app.request.hasPreviousSession %}
                                                {% for type, messages in app.session.flashbag.all() %}
                                                    {% for message in messages %}
                                                        <div class="alert {% if type == 'success' %} alert-success  {% else %} alert-danger  {% endif %} alert-dismissible fade in" role="alert">
                                                            <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span>
                                                            </button>
                                                            <strong>{{ type }}!</strong> {{ message }}
                                                        </div>
                                                    {% endfor %}
                                                {% endfor %}
                                            {% endif %}
                                            <!-- BEGIN FORM-->
                                            {% if app.request.attributes.get('_route') == "millesima_add_other_prestation" %}
                                                {{ form_start(form, {'method': 'post', 'action': path('millesima_add_other_prestation',{'id':id}), 'attr': {'class': 'bonus_form'}}) }}
                                            {% elseif app.request.attributes.get('_route') == "millesima_edit_other_prestation" %}
                                                {{ form_start(form, {'method': 'post', 'action': path('millesima_edit_other_prestation',{'id':id}), 'attr': {'class': 'bonus_form'}}) }}
                                            {% endif %}

                                            <div class="form-horizontal">
                                                <div class="form-body">


                                                    <div class="row form-group">

                                                        <div class="col-md-6 col-sm-12 col-xs-12">

                                                            {{ form_label(form.nom, 'Nom *') }}
                                                            {{ form_widget(form.nom, { 'attr': {'class': 'form-control','required':true} }) }}
                                                            <div class="form-control-focus"> </div>
                                                            <div class="red">
                                                                {{ form_errors(form.nom) }}
                                                            </div>

                                                        </div>

                                                        <div class="col-md-6 col-sm-12 col-xs-12">

                                                            {{ form_label(form.Description, 'Description *') }}
                                                            {{ form_widget(form.Description, { 'attr': {'class': 'form-control','required':true} }) }}
                                                            <div class="form-control-focus"> </div>
                                                            <div class="red">
                                                                {{ form_errors(form.Description) }}
                                                            </div>

                                                        </div>

                                                    </div>

                                                    <div class="row form-group">

                                                        <div class="col-md-6 col-sm-12 col-xs-12">

                                                            {{ form_label(form.quantity, 'Quantité *') }}
                                                            {{ form_widget(form.quantity, { 'attr': {'class': 'form-control','required':true,'min':1} }) }}
                                                            <div class="form-control-focus"> </div>
                                                            <div class="red">
                                                                {{ form_errors(form.quantity) }}
                                                            </div>

                                                        </div>

                                                        <div class="col-md-6 col-sm-12 col-xs-12">

                                                            {{ form_label(form.price, 'Prix *') }}
                                                            {{ form_widget(form.price, { 'attr': {'class': 'form-control','required':true} }) }}
                                                            <div class="form-control-focus"> </div>
                                                            <div class="red">
                                                                {{ form_errors(form.price) }}
                                                            </div>

                                                        </div>

                                                    </div>

                                                    <div class="row form-group">

                                                        <div class="col-md-6 col-sm-12 col-xs-12">

                                                            {{ form_label(form.tva, 'TVA *') }}
                                                            {{ form_widget(form.tva, { 'attr': {'class': 'form-control','required':true} }) }}
                                                            <div class="form-control-focus"> </div>
                                                            <div class="red">
                                                                {{ form_errors(form.tva) }}
                                                            </div>

                                                        </div>

                                                    </div>

                                                </div>
                                                <div class="form-actions">

                                                    <div class="row">

                                                        <div class="col-md-offset-4 col-md-9">
                                                            {% if app.request.attributes.get('_route') == "millesima_add_other_prestation" %}
                                                                <input type="submit" class="col-md-4 btn submit" value="Ajouter"/>
                                                            {%  elseif app.request.attributes.get('_route') == "millesima_edit_other_prestation" %}
                                                                <input type="submit" class="col-md-4 btn submit" value="Modifier"/>
                                                            {% endif %}
                                                        </div>

                                                    </div>

                                                </div>
                                            </div>
                                            {{ form_end(form) }}
                                            <!-- END FORM-->
                                        </div>
                                        <div class="portlet-body">
                                            <div class="table-responsive" style="overflow: hidden">
                                                <table class="table" id="myTable">
                                                    <thead>
                                                    <tr>
                                                        <th> Nom</th>
                                                        <th> Description </th>
                                                        <th> Quantité </th>
                                                        <th> Prix </th>
                                                        <th> TVA </th>
                                                        <th> Action </th>
                                                    </tr>
                                                    </thead>
                                                    <tbody>
                                                    {% for b in bonus %}
                                                        <tr id-demande="{{ b.demande.id }}">
                                                            <td> {{ b.nom }} </td>
                                                            <td> {{ b.Description }} </td>
                                                            <td> {{ b.quantity }} </td>
                                                            <td> {{ b.price }} </td>
                                                            <td> {{ b.tva }} </td>
                                                            <td>
                                                                <a href="{{ path('millesima_edit_other_prestation',{'id':b.id}) }}">
                                                                    <button type="button" class="btn btn-circle green-jungle btn-xs btn-createur">Edit</button>
                                                                </a>
                                                                <button type="button" class="btn btn-circle red-haze btn-xs btn-remove" data-toggle="modal" data-target="#remove-modal" data-id="{{ b.id }}">
                                                                    Supprimer
                                                                </button>
                                                            </td>
                                                        </tr>
                                                    {% endfor %}
                                                    </tbody>
                                                </table>
                                                <div id="remove-modal" 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">Êtes-vous sûr de vouloir rejeter cette demande?</h4>
                                                            </div>
                                                            <div class="modal-footer">
                                                                <button type="button" class="btn btn-default" data-dismiss="modal">Fermer</button>
                                                                <a class="btn btn-danger btn-rejected" data-id="">Supprimer </a>
                                                            </div>

                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- END PAGE HEADER-->
                </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>

    {% block javascripts %}
        {{ parent() }}
        <script>
            $('.btn-remove').click(function(){
                id = $(this).attr('data-id');
                //Confirmer Demande
                $(".btn-rejected").click(function () {
                    var URL1 = Routing.generate('millesima_remove_other_prestation', {'id': id});
                    var request = $.ajax({
                        url: URL1,
                        method: "POST",
                    }).done(function () {
                        location.reload();
                    }).fail(function (jqXHR, textStatus) {
                        console.log(JSON.stringify(jqXHR));
                        console.log(textStatus);
                    });
                });
            });
        </script>
    {% endblock %}

{% endblock %}