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

{% block sectionActions %}
    <a class="btn bg-color5 btn-rounded heading-btn" href="{{ path('website_seo_url', {"id" : 0, 'websiteConfigId': websiteConfig.id}) }}"><i class="icon-plus2 position-left"></i>Nueva Snippets y URL</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">Snippets y URL</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">

            {% 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="20%">Título</th>
                            <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" width="30%">Sección</th>
                            <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" width="10%">Categoría</th>
                            <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" width="10%">Subcategoría</th>
                            <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" width="10%">Marca</th>
                            <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" width="20%">Slug</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><a class="text-color3" href="{{ path('website_seo_url',{'id':obj.getId, 'websiteConfigId': websiteConfig.id}) }}">{{ obj.getTitle | raw }}</a></td>
                                <td class="" >{% if obj.section %}{{ obj.section.description }}{% endif %}</td>
                                <td class="" >{% if obj.category %}{{ obj.category.description }}{% endif %}</td>
                                <td class="" >{% if obj.subcategory %}{{ obj.subcategory.description }}{% endif %}</td>
                                <td class="" >{% if obj.brand %}{{ obj.brand.name }}{% endif %}</td>
                                <td class="" >{{ obj.slug }}</td>

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

                        {% endfor %}

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

            </div>

        </div>

    </div>
</div>


{% endblock%}

{% block script %}

{% endblock %}