{% extends "::admin.html.twig" %}
{% block title %} Liste des Catégories {% endblock %}
{% block entete %} Liste des Catégories {% endblock %}
{% block body %}
    <div class="container-fluid container-fullw bg-white">
        <div class="row">
            <div class="col-md-12">

                <div class="row">
                    <div class="col-md-12 space20">
                        {#<button class="btn btn-primary">#}
                        {#<a href="{{ path('admin_category_new') }}" style="color:#fff;">Ajouter Category <i class="fa fa-plus"></i></a>#}
                        {#</button>#}

                        <button class="btn btn-primary" data-toggle="modal" data-target="#category_new">
                            Ajouter Catégorie <i class="fa fa-plus"></i>
                        </button>
                    </div>
                </div>

                {{ include('default/flashBag.html.twig') }}

                {{ render(controller('BackBundle:Category:new')) }}


                <table class="table   table-responsive table-striped table-bordered table-hover table-full-width" id="sample_1">
                    <thead>
                    <tr>
                        <th width="85%">Titre</th>
                        <th width="10%">Statut</th>
                        <th width="5%">Action</th>
                    </tr>
                    </thead>
                    <tbody>
                    {% for cat in cats %}
                        <tr>
                            <td>{{ cat.title }}</td>
                            <td>
                                {% if cat.status == 1 %}
                                    <span class="label label-success changeStatutCategory"
                                          data-path="{{ path('admin_edit_statut_category') }}"
                                          data-status="{{ cat.status }}"
                                          data-id="{{ cat.id }}"
                                          style="cursor: pointer;"
                                          id="statut_{{ cat.id }}">Activé</span>
                                {% else %}
                                    <span class="label label-danger changeStatutCategory"
                                          data-path="{{ path('admin_edit_statut_category') }}"
                                          data-status="{{ cat.status }}"
                                          data-id="{{ cat.id }}"
                                          style="cursor: pointer;"
                                          id="statut_{{ cat.id }}">Désactivé</span>
                                {% endif %}
                            </td>

                            <td>
                                {#<a class="btn btn-success btn-xs" title="edit"#}
                                {#href="{{ path('admin_category_edit',{'id':cat.id}) }}"> <span class="fa fa-edit"#}
                                {#style="color:white"></span></a>#}
                                <button class="btn btn-primary btn-xs"
                                        data-toggle="modal"
                                        data-target="#category_new{{ cat.id }}">
                                    <span class="fa fa-edit" style="color:white"></span>
                                </button>


                                {#                                <a disabled="disabled" href="{{ path('admin_category_delete',{'id':cat.id}) }}"#}
                                {#                                   class="btn btn-danger btn-xs user-remove" title="supprimer"#}
                                {#                                   data-toggle="confirmation" class="delete-row">#}
                                {#                                    <span class="fa fa-trash-o" style="color:white"></span></a>#}
                            </td>
                        </tr>
                        {{ render(controller('BackBundle:Category:edit', {'id': cat.id})) }}

                    {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
{% endblock %}