{% extends 'backend/_layout.html.twig' %}

{% block page_title %}
<h3 class="page-title"> categoryHabit
    <small>liste des categoryHabits</small>
</h3>
{% endblock %}

{% block stylesheet %}
    <link href="{{ asset('backend/assets/global/plugins/datatables/datatables.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('backend/assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css') }}" rel="stylesheet" type="text/css" />
{% endblock %}

{% block content %}
    <div class="row">
        <div class="col-md-12">
            <div class="portlet-body">
                <div class="table-toolbar">
                    <div class="row">
                        <div class="col-xs-12">
                            <div class="btn-group">
                                <a id="sample_editable_1_new" class="btn sbold green" href="{{ path('backend_categoryhabit_new') }}">{{ 'add' |trans({}, 'bo_category') }}
                                    <i class="fa fa-plus"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <table id="table" class="table table-striped table-bordered table-hover table-checkable order-column">
                    <thead>
                        <tr>
                            <th style="width:80px;">Id</th>
                            <th>{{ 'name' | trans({}, 'bo_category') }}</th>
                            <th>{{ 'sub_categories_number' | trans({}, 'bo_category') }}</th>
                            <th>Visible</th>
                            <th>Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for categoryHabit in categoryHabits %}
                            <tr class="odd gradeX">
                                <td><a href="{{ path('backend_categoryhabit_show', { 'id': categoryHabit.value.id }) }}">{{ categoryHabit.value.id }}</a></td>
                                <td>{{ categoryHabit.value.name }}</td>
                                <td>{{ categoryHabit.headerhabit_count }}</td>
                                <td>{% if categoryHabit.value.visible %}Yes{% else %}No{% endif %}</td>
                                <td>
                                    <a href="{{ path('backend_categoryhabit_show', { 'id': categoryHabit.value.id }) }}" class="label label-success">{{ 'show_lowercase' |trans({}, 'bo_category') }}</a>
                                    <a href="{{ path('backend_categoryhabit_edit', { 'id': categoryHabit.value.id }) }}" class="label label-success">{{ 'edit' |trans({}, 'bo_category') }}</a>
                                </td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
{% endblock %}

{% block javascript %}
    <script src="{{ asset('backend/assets/global/plugins/datatables/datatables.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('backend/assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js') }}" type="text/javascript"></script>

    <script type="text/javascript">
        $(document).ready(function() {
            var table = $('#table').dataTable({
              "order": [[ 0, "desc" ]],
              "paginationType": "custom_bootstrap_number",
              "oLanguage": {
                "sSearch": "{{ 'search' |trans({}, 'bo_category') }}",
                "sLengthMenu": "{{ 'show' |trans({}, 'bo_category') }} _MENU_ {{ 'items' |trans({}, 'bo_category') }}",
              },
            });
        });
    </script>
{% endblock %}