{% extends 'layouts/backend/base.admin.html.twig' %}

{% block title %}
    {% trans %} La liste des categories {% endtrans %}
{% endblock %}

{% block body %}



    <!-- Page Heading -->
    <h1 class="h3 mb-2 text-gray-800"> {% trans %} La liste des catégories {% endtrans %}</h1>
    <p class="mb-4">
    <form>
        <div class="row">
            <div class="col">
                <input type="text" name="name" class="form-control" placeholder="{% trans %} son nom {% endtrans %}">
            </div>
            <div class="col">
                <input type="text" name="email" class="form-control" placeholder="{% trans %} son email {% endtrans %} ">
            </div>
            <div class="col">
                <input type="text" name="country" class="form-control" placeholder="{% trans %} son pays {% endtrans %}">
            </div>

            <div class="col">
                <button type="submit" class="btn btn-primary">{{ "Filtrer" | trans }}</button>
            </div>
        </div>
    </form>
    </p>

    <!-- DataTales Example -->
    <div class="card shadow mb-4">
        <div class="card-header py-3">
            <h6 class="m-0 font-weight-bold text-primary"> {% trans %} La liste des catégories {% endtrans %}</h6>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                    <thead>
                    <tr>
                        <th> #</th>
                        <th> {% trans %} Nom de la catégorie {% endtrans %}</th>
                        <th> {% trans %} Etat de la catégorie {% endtrans %}</th>

                        <th> {% trans %} Modifier {% endtrans %}</th>

                    </tr>
                    </thead>

                    <tbody>
                    {% for category in categories  %}
                        <tr>
                            <td><b>{{ category.id }}</b></td>
                            <td><b>{{ category.name }}</b></td>
                            <td><b>{{ category.id }}</b></td>
                            <td><a href="{{ path('admin.category.edit',{id: category.id }) }}">{% trans %} editer {% endtrans %}</a></td>
                        </tr>

                        {% if category.__children  %}
                            {% for cat in category.__children  %}
                                <tr>
                                    <td>{{ cat.id }}</td>
                                    <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; - {{ cat.name }}</td>
                                    <td><b>{{ category.isActive == true ? 'Active': "désactivé" }}</b></td>
                                    <td><a href="{{ path('admin.category.edit',{id: cat.id }) }}">{% trans %} editer {% endtrans %}</a></td>
                                </tr>
                            {% endfor %}
                        {% endif %}


                    {% endfor %}

                    </tbody>
                </table>
            </div>
        </div>
    </div>



{% endblock %}