{% extends '::base2.html.twig' %}
{% block title %}Gestion des Fournisseurs - Liste{% endblock %}
{% block stylesheets %}{{ parent() }}{% endblock %}

{% block body %}

    <div class="page-wrapper">
        <!-- BEGIN HEADER -->
        <div class="page-header navbar navbar-fixed-top">
            {% include 'admin/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 'admin/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="javascript:void(0)">Getsion des Fournisseurs</a>
                                <i class="fa fa-circle"></i>
                            </li>
                            <li>
                                <a href="javascript:void(0)">Liste des Fournisseurs</a>
                            </li>
                        </ul>
                    </div>
                    <!-- END PAGE BAR -->

                    <!-- BEGIN PAGE TITLE-->
                    <h1 style="padding-left: 16px;" class="page-title"> Liste des Fournisseurs
                        <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_administrator_fournisseur_ajout') }}" class="btn add">
                                            <i class="icon-settings"></i> Ajouter un nouveau Fournisseur
                                        </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> Catégorie </th>
                                                <th> Nom </th>
                                                <th> Région </th>
                                                <th> Contact </th>
                                                <th> Action </th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            {% for fournisseur in fournisseurs %}
                                                <tr>
                                                    <td> {{ fournisseur.categorie.nom }} </td>
                                                    <td> {{ fournisseur.nom }} </td>
                                                    <td> {{ fournisseur.region.nom }} </td>
                                                    <td>
                                                        {{ fournisseur.email }}
                                                        <br>
                                                        {{ fournisseur.tel }}/{{ fournisseur.fax }} </td>
                                                    <td>
                                                        <a href="{{ path('millesima_administrator_fournisseur_edit', {'id' : fournisseur.id}) }}" class="btn green-steel btn-xs"><i class="fa fa-pencil"></i></a>
                                                        {% if fournisseur.enabled == false %}
                                                            <a data-toggle="modal" data-target="#delete{{ fournisseur.id }}"  class="btn btn-danger btn-xs">Disabled</a>
                                                        {% else %}
                                                            <a data-toggle="modal" data-target="#delete{{ fournisseur.id }}"  class="btn btn-success btn-xs">Enabled</a>
                                                        {% endif %}
                                                    </td>
                                                </tr>
                                                <!-- modal -->
                                                <div id="delete{{ fournisseur.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 fournisseur.enabled == false %}Enabled{% else %}Disabled{% endif %} cet fournisseur?</h4>
                                                            </div>
                                                            <div class="modal-footer">
                                                                {% if fournisseur.enabled == false %}
                                                                    <a href="{{ path('millesima_administrator_fournisseur_delete', {'id' : fournisseur.id}) }}" class="btn btn-success ">Enabled</a>
                                                                {% else %}
                                                                    <a href="{{ path('millesima_administrator_fournisseur_delete', {'id' : fournisseur.id}) }}" class="btn btn-danger ">Disabled</a>
                                                                {% endif %}
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                            {% endfor %}
                                            </tbody>
                                        </table>
                                    </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() }}
    {% endblock %}

{% endblock %}