{% extends '@Core/base.html.twig' %}
{% block javascript %}
    {{ parent() }}
{% endblock %}
{% block sectionTitle %}Banners web [ {{ websiteConfig.websiteTitle }} ]{% endblock %}

{% block sectionActions %}
    <a class="btn bg-color5 btn-rounded heading-btn" href="{{ path('website_banner', {"id" : 0, "websiteConfig": websiteConfig.id}) }}"><i class="icon-plus2 position-left"></i>Nuevo banner</a>
{% endblock %}

{% block breadcrumbLinks %}
    <li><a class="" href="{{ path('website_list') }}">Listado de websites</a></li>
    <li><a class="" href="{{ path('website_menu', {"id": websiteConfig.id}) }}">Menu gestión web</a></li>
    <li class="active">Banners web</li>
{% endblock %}

{% block content %}

<div class="panel-body">
    {% 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 %}


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

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

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

            {% if websiteConfig.id is not null %}
                <div class="row">
                    <div class="col-md-12" style="margin-bottom: 20px;">
                        <!-- APPLY SETUP DATABASE -->
                        <div class="col-xs-2 pull-right button_cc_width_horizontal">
                            <a href="{{ websiteConfig.url }}/update-website-configuration" class="btn bg-green-400 btn-block btn-float btn-float-lg" target="_blank">
                                <i class="icon-database position-left button_label_cc_icon_horizontal"></i>
                                <div class="button_label_cc_text">
                                    APLICAR <br>CAMBIOS
                                </div>
                            </a>
                        </div>
                        <!-- APPLY SETUP DATABASE -->
                    </div>
                </div>
            {% endif %}


            <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="5%">Banner</th>
                            <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" width="20%">Banner</th>
                            <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" width="30%">Título</th>
                            <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" width="30%">Subtítulo</th>
                            <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" width="5%">Orden Web</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 class="" >{{ obj.typeBanner.name }}</td>
                                <td><a class="text-color3" href="{{ path('website_banner',{'id':obj.getId}) }}">{{ obj.getTitle | raw }}</a></td>
                                <td>{{ obj.getSubtitle | raw }}</td>
                                <td>{% if obj.sort %}{{ obj.sort }}{% else %}---{% endif %}</td>

                                <td style="padding: 10px">
                                    <a class="btn btn-rounded btn btn-flat text-color3 border-color3" href="{{ path('website_banner',{'id':obj.getId, "websiteConfig": websiteConfig.id}) }}"><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, "websiteConfig": websiteConfig.id }) }}"><i class="icon-trash"></i></a>
                                </td>
                            </tr>

                        {% endfor %}

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

            </div>

        </div>

    </div>
</div>

{% endblock%}

{% block script %}

{% endblock %}