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

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

{% block title %}
    {{ '_CELEBRITY_LIST_'|trans({},'admin') }}
    <a href="{{ url('admin') }}/celebrities/new" class="btn btn-primary btn-sm">{{ '_CREATE_CELEBRITY_'|trans({},'admin') }}</a>
{% endblock %}

{% block body %}
    <div class="formWrapper searchForm row">
        {{ form_start(formSearch) }}
        {{ form_widget(formSearch) }}
        {{ form_end(formSearch) }}
    </div>
    <div class="table-responsive">
        <table id="mytable" class="table table-bordred table-striped">
            <thead>
            <tr>
                <th>{{ knp_pagination_sortable(celebrities, 'ID', 'c.id') }}</th>
                <th>{{ '_PICTURE_'|trans({},'admin') }}</th>
                <th>{{ '_NAME_'|trans({},'admin') }}</th>
                <th>{{ '_OPTIONS_'|trans({},'admin') }}</th>
            </tr>
            </thead>
            <tbody>
            {% for celebrity in celebrities %}
            <tr>
                <td>{{ celebrity.id }}</td>
                <td>{% if celebrity.picture %}<img src="{{ celebrity.picture|files("70_50") }}">{% endif %}</td>
                <td><a href="{{ celebrity.getUrl }}" target="_blank">{{ celebrity.displayName }}</a></td>
                <td><a class="btn btn-primary btn-xs" data-title="Edit" href="{{ url('admin') }}/celebrities/edit/{{ celebrity.id }}" ><span class="glyphicon glyphicon-pencil"></span></a></td>
                {% endfor %}
            </tbody>
        </table>
    </div>
    <nav aria-label="Page navigation" class="text-center">
    {{ knp_pagination_render(celebrities) }}
    </nav>
{% endblock %}