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

{% block sectionActions %}
{% 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">Categorías 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" style="width: 20%">Logo</th>
                            <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 30%">Nombre</th>
                            <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 30%">Excluír de Web</th>
                            <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 20%"></th>
                        </tr>
                        </thead>

                        <tbody>


                        {% for category in categories %}

                            {% set objFound = NULL %}
                            {% for obj in elements %}
                                {% if category.id ==  obj.category.id %}
                                    {% set objFound = obj %}
                                {% endif %}
                            {% endfor %}

                            {% if objFound == NULL %}
                                <tr role="row" class="odd">
                                    <td class=""><img src="{{category.getWebPath | imagine_filter('list')}}"/></td>
                                    <td>{{ category.getDescription }}</td>
                                    <td>{% if category.excludeFromWebsite %}-{% else %}-{% endif %}</td>

                                    <td style="padding: 10px">
                                        {% if roleRight == true %}
                                        <a class="btn-rounded btn bg-color3" href="{{ path('category',{'id':category.getId}) }}"><i class=" icon-arrow-right14"></i> Ir a categoría</a>
                                        {% endif %}
                                        <a class="btn btn-rounded btn btn-flat text-color3 border-color3" href="{{ path('website_category',{'id':0, "websiteConfig": websiteConfig.id, "categoryId": category.id}) }}"><i class=" icon-cogs"></i> Configurar</a>
                                    </td>
                                </tr>
                            {% else %}
                                <tr role="row" class="odd">
                                    <td class=""><img src="{{objFound.category.getWebPath | imagine_filter('list')}}"/></td>
                                    <td>{{ objFound.category.getDescription }}</td>
                                    <td>{% if objFound.excludeFromWebsite %}SI{% else %}NO{% endif %}</td>

                                    <td style="padding: 10px">
                                        {% if roleRight == true %}
                                        <a class="btn-rounded btn bg-color3" href="{{ path('category',{'id':category.getId}) }}"><i class=" icon-arrow-right14"></i> Ir a categoría</a>
                                        {% endif %}
                                        <a class="btn btn-rounded btn btn-flat text-color3 border-color3" href="{{ path('website_category',{'id':objFound.getId, "websiteConfig": websiteConfig.id, "categoryId": objFound.category.id}) }}"><i class=" icon-cogs"></i> Configurar</a>
                                    </td>
                                </tr>
                            {% endif %}

                        {% endfor %}

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

            </div>

        </div>

    </div>
</div>



{% endblock%}

{% block script %}

{% endblock %}