{% for k,row in listing %}
    <tr id="table_row_tr_{{ loop.index }}">
        <!--td class="text-center">
            {% if row.categorie == 'nettoyage' %}
                <span class="badge badge-success">Nettoyage</span>
            {% elseif row.categorie == 'depannage' %}
                <span class="badge badge-info">Dépannage</span>
            {% elseif row.categorie == 'nuisible' %}
                <span class="badge badge-warning">Nuisible</span>
            {% else %}
                {{ row.categorie }}
            {% endif %} </td>
        <td><b>{{ row.service_nom }}</b></td-->
        <td id="table_row_td_1_{{ loop.index }}" data-row_id="{{ row.id }}">
            <!--b style="color:#{% if row.categorie == 'nettoyage' %}28a745{% elseif row.categorie == 'depannage' %}17a2b8{% elseif row.categorie == 'nuisible' %}ffc107{% else %}212529{% endif %}">{{ row.menu_lab }}</b><br-->
            {% if row.categorie == 'nettoyage' %}
            <span class="badge badge-success" style="font-size:0.9em;padding:3px 5px;">{{ row.menu_lab }}</span>
        {% elseif row.categorie == 'depannage' %}
            <span class="badge badge-info" style="font-size:0.9em;padding:3px 5px;">{{ row.menu_lab }}</span>
        {% elseif row.categorie == 'nuisible' %}
            <span class="badge badge-warning" style="font-size:0.9em;padding:3px 5px;">{{ row.menu_lab }}</span>
        {% else %}
            {{ row.menu_lab }}
            {% endif %}<br>
            <b>Fil d'ariane :</b> {{ colorTag(row.fad)|raw }}<br><br>
            <b>Sans ville :</b><br>
            <u>Title :</u> {{ colorTag(row.title_sans_ville)|raw }}<br>
            <u>Description :</u> {{ colorTag(row.description_sans_ville)|raw }}<br><br>
            <b>Avec ville :</b><br>
            <u>Title :</u> {{ colorTag(row.title_avec_ville)|raw }}<br>
            <u>Description :</u> {{ colorTag(row.description_avec_ville)|raw }}<br>
        </td>
        <td class="text-center">
            <button type="button" class="btn btn-outline-info btn-sm btn-block btn-app" onclick="tagsModal({{ row.id }});" data-toggle="modal" data-target="#app_modal">
                <i class="zmdi zmdi-edit"></i>&nbsp; Modifier
            </button>
            {% if categorie is defined and categorie|length > 0 and categorie != 'all' %}
                <div class="table-data-feature" style="margin-top:6px!important;">
                    {% if not loop.first %}
                        <button id="reorder_page_up_{{ loop.index }}" class="item info up_button">
                            <i class="zmdi zmdi-long-arrow-up"></i>
                        </button>
                    {% endif %}
                    {% if not loop.last %}
                        <button id="reorder_page_down_{{ loop.index }}" class="item info down_button">
                            <i class="zmdi zmdi-long-arrow-down"></i>
                        </button>
                    {% endif %}
                </div>
            {% endif %}
        </td>
    </tr>
{% endfor %}