{% import "helpers.html.twig" as helpers %}

{% extends '@Admin/base.html.twig' %}

{% block title %}
    {{ '_LIST_CATEGORY_'|trans({},'admin') }}
    <a href="{{ path('new_category') }}" class="btn btn-primary btn-sm">{{ '_CREATE_CATEGORY_'|trans({},'admin') }}</a>
{% endblock %}

{% block body %}
{#
    <form class="form-inline">
        <div class="form-group">
            <label class="control-label" for="status">{{ '_NAME_'|trans({},'admin') }}</label>
            <input type="name" name="name" class="form-control">
        </div>
        <div class="form-group">
            <label class="control-label" for="status">{{ '_STATUS_'|trans({},'admin') }}</label>
            <select id="status" name="status" class="form-control">
                <option value="" selected="selected">الكل</option>
                <option value="1">مشغل</option>
                <option value="2">معطل</option>
            </select>
        </div>
        <div class="form-group">
            <label class="control-label" for="status">{{ 'Parent Categories'|trans({},'admin') }}</label>
            <select id="parent" name="parent" class="form-control">
                {% for category in categories %}
                    {% if not category[0].getParent() and category[0].getStatus() == 1  %}
                        <option value="{{category[0].getName()}}" selected="selected">{{category[0].getName()}}</option>
                    {% endif %}
                {% endfor %}
            </select>
        </div>
        <div class="form-group">
            <button type="submit" class="btn btn-primary">{{ '_SEARCH_'|trans({},'admin') }}</button>
        </div>
    </form>
#}
    <div class="formWrapper searchForm row">
        {{ form_start(formSearch) }}
        {% for field in [ 'name', 'parentId','status','search'] %}
            {% if (attribute(formSearch, field) is defined) %}
                <div class="col-lg-2">
                    {{ form_row(attribute(formSearch, field)) }}
                </div>
            {% endif %}
        {% endfor %}
        {{ form_row(formSearch.save) }}
        {{ form_end(formSearch) }}

    </div>
    <div class="table-responsive">
        <table id="mytable" class="table table-bordred table-striped">
            <thead>
            <tr>
                <th>{{ knp_pagination_sortable(categories, 'ID', 'c.id') }}</th>
                <th>{{ knp_pagination_sortable(categories, '_NAME_'|trans({},'admin'), 'c.name') }}</th>
                <th>{{ '_NEWS_'|trans({},'admin') }}</th>
                <th>{{ knp_pagination_sortable(categories, '_STATUS_'|trans({},'admin'), 'c.status') }}</th>
                <th>{{ knp_pagination_sortable(categories, '_SORTING_'|trans({},'admin'), 'c.sorting') }}</th>
                <th>{{ knp_pagination_sortable(categories, 'Evergreen'|trans({},'admin'), 'c.evergreen') }}</th>
                <th>{{ '_TYPE_'|trans({},'admin') }}</th>
                <th>{{ '_EDIT_'|trans({},'admin') }}</th>
            </tr>
            </thead>
            <tbody>
            {% for category in categories %}
            <tr>
                <td>{{ category[0].id }}</td>
                <td><a href="{{ category[0].getUrl('https://elfann.com/') }}">{{ category[0].getName() }}</a>
                    {% if(category[0].getParent()) %}<span class="parent">&#8810; {{ category[0].getParent().getName() }} </span>{% endif %}</td>
                <td><a href="{{ path('list_news') }}?category%5B%5D={{ category[0].id }}" target="_blank">{{ category[1] |number_format()  }}</a></td>
                <td>
                    <span class="flag flag-{{ category[0].displayStatus() }}" title="{{ category[0].displayStatus() }}"></span>
                </td>
                <td>{{ category[0].sorting }}</td>
                <td class="align-center">
                    {% if category[0].evergreen %}
                        <span class="glyphicon glyphicon-ok"></span>
                    {% endif %}
                </td>
                <td>
                    {{ category[0].displayType() }}
                </td>
                <td><a class="btn btn-primary btn-xs" data-title="Edit" href="{{ path('edit_category',{'id':category[0].id}) }}" ><span class="glyphicon glyphicon-pencil"></span></a>
                </td>
            </tr>
            {% endfor %}
            </tbody>
        </table>
    </div>
<style>
    .childCategory span{
        color: #afafaf;
    }
</style>
{% endblock %}