{% extends '::base2.html.twig' %}
{% block title %}Gestion Articles - Liste{% 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/menu.html.twig' %}
            </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 Articles</a>
                            <i class="fa fa-circle"></i>
                        </li>
                        <li>
                            <a href="#">Liste Articles</a>
                        </li>
                    </ul>
                </div>
                <!-- END PAGE BAR -->

                <!-- BEGIN PAGE TITLE-->
                <h1 style="padding-left: 16px;" class="page-title"> Liste Articles
                    <small>Tous</small>
                </h1>
                <!-- END PAGE TITLE-->

                <!-- BEGIN PAGE HEADER-->
                <div class="row">
                    <div class="col-md-12">
                        <div class="portlet light bordered">
                            <div class="portlet-title">

                                {% include '@MillesimaActions/flashBag.html.twig' %}

                                <div class="portlet-title" style="padding-bottom: 10px;">
                                    <a href="{{ path('millesima_account_executive_article_ajout') }}" class="btn add">
                                        <i class="icon-docs"></i> Ajouter un nouveau Article
                                    </a>
                                </div>

                                <div class="portlet-body" id="autoload-account-table">
                                    <div class="table-responsive" style="overflow: hidden">
                                        <table class="table" id="myTable">
                                        <thead>
                                        <tr>
                                            <th> Designation 1</th>
                                            <th> Designation 2</th>
                                            <th> Nombre</th>
                                            <th> Qunatité</th>
                                            <th> Prix</th>
                                            <th> Tax</th>
                                            <th> Quantité Dossier</th>
                                            <th> Pause Café d'accueil</th>
                                            <th> Réunion 1</th>
                                            <th> Pause Café Matin</th>
                                            <th> Réunion 2</th>
                                            <th> Déjeuner</th>
                                            <th> Réunion 3</th>
                                            <th> Pause Café Aprés-Midi</th>
                                            <th> Réunion 4</th>
                                            <th> Dînner</th>
                                            <th> Action</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        {% for article in artilces %}
                                            <tr>
                                                <td> {{ article.designation1 }} </td>
                                                <td> {{ article.designation2 }} </td>
                                                <td> {{ article.nombre }}</td>
                                                <td> {{ article.quantity }}</td>
                                                <td> {{ article.price }}</td>
                                                <td> {{ article.tax }}</td>
                                                <td> {% if article.quantityDocument == 1 %} Oui {% else %} Non {% endif %}</td>
                                                <td> {% if article.pauseCafe == 1 %} Oui {% else %} Non {% endif %}</td>
                                                <td> {% if article.reunion1 == 1 %} Oui {% else %} Non {% endif %} </td>
                                                <td> {% if article.pauseMatin == 1 %} Oui {% else %} Non {% endif %}</td>
                                                <td> {% if article.reunion2 == 1 %} Oui {% else %} Non {% endif %} </td>
                                                <td> {% if article.dejeuner == 1 %} Oui {% else %} Non {% endif %}</td>
                                                <td> {% if article.reunion3 == 1 %} Oui {% else %} Non {% endif %} </td>
                                                <td> {% if article.pauseMidi == 1 %} Oui {% else %} Non {% endif %}</td>
                                                <td> {% if article.reunion4 == 1 %} Oui {% else %} Non {% endif %} </td>
                                                <td> {% if article.dinner == 1 %} Oui {% else %} Non {% endif %} </td>
                                                <td>
                                                    <a href="{{ path('millesima_account_executive_article_edit', {'id' : article.id}) }}" title="Modifier" class="btn green-steel btn-xs"><i class="fa fa-pencil"></i>   </a>
                                                    {% if article.enabled == false %}
                                                        <a data-toggle="modal" data-target="#delete{{ article.id }}" title="Supprimer" class="btn btn-danger btn-xs">Disabled</a>
                                                    {% else %}
                                                        <a data-toggle="modal" data-target="#delete{{ article.id }}" title="Supprimer" class="btn btn-success btn-xs">Enabled</a>
                                                    {% endif %}
                                                </td>
                                            </tr>
                                            <!-- modal -->
                                            <div id="delete{{ article.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">Voulez-vous vraiment {% if article.enabled == false %} Enabled {% else %} Disabled {% endif %} cet article?</h4>
                                                        </div>
                                                        <div class="modal-footer">
                                                            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                                                            {% if article.enabled == false %}
                                                                <a href="{{ path('millesima_account_executive_article_delete', {'id' : article.id}) }}" class="btn btn-success">Enabled</a>
                                                            {% else %}
                                                                <a href="{{ path('millesima_account_executive_article_delete', {'id' : article.id}) }}" class="btn btn-danger">Disabled</a>
                                                            {% endif %}
                                                        </div>

                                                    </div>
                                                </div>
                                            </div>

                                        {% 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 -->

    <!-- BEGIN FOOTER -->
    <div class="page-footer">
        {% include 'commun/footer.html.twig' %}
    </div>
    <!-- END FOOTER -->
</div>

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

{% endblock %}