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

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

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

{% block body %}
    <div class="row">
    <div class="col-lg-6">
    <div class="formWrapper searchForm row">
        {{ form_start(form) }}
        {{ form_widget(form) }}
        {{ form_end(form) }}
    </div>
    </div>
    </div>
    <div class="table-responsive">
        <table id="mytable" class="table table-bordred table-striped">
            <thead>
            <tr>
                <th>Id</th>
                <th>{{ '_NAME_'|trans({},'admin') }}</th>
                <th>{{ knp_pagination_sortable(programs, '_SORTING_'|trans({},'admin'), 'p.sorting') }}</th>
                <th>{{ '_DESCRIPTION_AR_'|trans({},'admin') }}</th>
                <th>{{ '_EXPIRATION_DATE_'|trans({},'admin') }}</th>
                <th>{{ '_DATE_'|trans({},'admin') }}</th>
                <th>{{ '_STATUS_'|trans({},'admin') }}</th>
                <th>{{ '_ACTIONS_'|trans({},'admin') }}</th>
            </tr>
            </thead>
            <tbody>
            {% for program in programs %}
                <tr>
                    <td>{{ program.id }}</td>
                    <td>{{ program.getName() }}</td>
                    <td>{{ program.getSorting() }}</td>
                    <td>{{ program.getDescription() }}</td>
                    <td>{{ program.getExpiration() }}</td>
                    <td>{{ program.getCreateDate() }}</td>
                    <td><span class="flagPrograms flag flag-{{ program.displayStatus() }}" title="{{ program.displayStatus() }}" data-status="{{ program.getStatus() }}" data-programId ="{{program.id}}"></span></td>
                    <td><a class="btn btn-default btn-xs" data-title="Edit" href="{{ url('admin') }}/programs/videos/{{ program.id }}" ><span class="glyphicon glyphicon-facetime-video"></span></a></td>
                    <td><a class="btn btn-primary btn-xs" data-title="Edit" href="{{ url('admin') }}/programs/edit/{{ program.id }}" ><span class="glyphicon glyphicon-pencil"></span></a></td>
                    {% endfor %}
            </tbody>
        </table>
    </div>
    {{ knp_pagination_render(programs) }}
{% endblock %}