{% extends '@Core/base.html.twig' %}
{% block javascript %}
    {{ parent() }}
{% endblock %}
{% block sectionTitle %}Métricas web{% endblock %}

{% block sectionActions %}
{% endblock %}

{% block breadcrumbLinks %}
    <li class="active">Métricas web</li>
{% endblock %}

{% block content %}


    <div class="panel panel-flat">
        <div class="panel-body">


            <div id="DataTables_Table_0_wrapper" class="dataTables_wrapper no-footer">
                <div class="datatable-scroll">
                    <table class="table datatable-basic dataTable no-footer" id="DataTables_Table_0" role="grid" aria-describedby="DataTables_Table_0_info">

                        <thead>
                        <tr role="row">
                            <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" width="10%">Banner</th>
                            <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" width="40%">Título</th>
                            <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" width="40%">Subtítulo</th>
                            <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" width="10%"></th>
                        </thead>

                        <tbody>

                        {% for obj in elements %}

                            <tr role="row" class="odd">
                                <td class="" >{% if obj.getWebPath() %}<img src="{{obj.getWebPath() | imagine_filter('list') }}">{% endif %}</td>
                                <td><a class="text-color3" href="{{ path('website_banner',{'objId':obj.getId}) }}">{{ obj.getTitle }}</a></td>
                                <td>{{ obj.getSubtitle }}</td>

                                <td style="padding: 10px">
                                    <a class="btn btn-rounded btn btn-flat text-color3 border-color3" href="{{ path('website_banner',{'id':obj.getId}) }}"><i class=" icon-arrow-right14"></i></a>
                                    <a class="btn btn-rounded btn btn-flat text-danger border-danger" href="{{ path("website_banner_remove", { "objId" : obj.id }) }}"><i class="icon-trash"></i></a>
                                </td>
                            </tr>

                        {% endfor %}

                        </tbody>
                    </table>
                </div>

            </div>

        </div>

    </div>

    {% for flash_message in app.session.flashBag.get('success') %}
        <div class="alert alert-success alert-styled-left">
            <span class="text-semibold">{{ flash_message }}</span>
        </div>
    {% endfor %}

{% endblock%}

{% block script %}

{% endblock %}