{% extends 'admin.html.twig' %}
{% block title %}{% endblock %}
{% block stylesheets %}{% endblock %}
{% block body %}
{{include('admin/component/header.html.twig')}}
{{include('admin/component/aside-menu.html.twig')}}
<div id="page_content">
    <div id="page_content_inner">

        <div class="uk-grid" data-uk-grid-margin>
        <h3 class="heading_b uk-margin-bottom uk-width-medium-4-6">Catégories</h3>
        <div class="uk-width-medium-2-6" style="text-align:center;">
            <a class="md-btn md-btn-primary md-btn-wave-light" href="{{path('admin_createCategory')}}">Créer une catégorie</a>
        </div>
      </div>

        <div class="md-card uk-margin-medium-bottom">
            <div class="md-card-content">
                <div class="uk-overflow-container">
                    <table class="uk-table uk-table-nowrap">
                        <thead>
                        <tr>
                            <th class="uk-width-2-10">Catégories</th>
                            <th class="uk-width-2-10 uk-text-center">Contenu</th>
                            <th class="uk-width-2-10 uk-text-center">Actions</th>
                        </tr>
                        </thead>
                        <tbody>
                          {% for ca in cat %}
                            <tr>
                                <td class="uk-text-center"><a href="{#{path('admin_tutorialBy',{id:cat.id})}#}">{{ca.name}}</a</td>
                                <td class="uk-text-center">nbr produit </td>
                                <td class="uk-text-center">
                                    <a href="{{path('admin_createCategory',{id:ca.id})}}"><i class="md-icon material-icons">&#xE254;</i></a>
                                </td>
                            </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

    </div>
</div>
{% endblock %}
{% block javascripts %}{% endblock %}