{% extends '@Core/base.html.twig' %}
{% block sectionTitle %}Artículos 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">Artículos Web</li>
{% endblock %}

{% block content %}


    <div class="panel-body">


        <div class="panel-body">

            <div class="content">


                <div class="row">

                    <!-- AVAILABLE ON WEB -->
                    <div class="col-lg-3 col-sm-6">
                        <div class="thumbnail">
                            <div class="thumb">

                                <img src="{{asset('assets/images/website_menu_article_included.png')}}" alt="">

                                <div class="caption-overflow">
                                        <span>
                                            <a href="{{ path('website_status',{'id':websiteConfig.id}) }}" class="btn border-white text-white btn-flat btn-icon btn-rounded ml-5">Disponibles en web</a>
                                        </span>
                                </div>
                            </div>

                            <div class="caption">
                                <h6 class="no-margin"><a href="{{ path('website_status',{'id':websiteConfig.id}) }}" class="text-default">Disponibles en web</a></h6>
                            </div>
                        </div>
                    </div>

                    <!-- AVAILABLE ON WEB -->
                    <div class="col-lg-3 col-sm-6">
                        <div class="thumbnail">
                            <div class="thumb">

                                <img src="{{asset('assets/images/website_menu_article_not_included.png')}}" alt="">

                                <div class="caption-overflow">
                                        <span>
                                            <a href="{{ path('website_status_not_available',{'id':websiteConfig.id}) }}" class="btn border-white text-white btn-flat btn-icon btn-rounded ml-5">No disponibles en web</a>
                                        </span>
                                </div>
                            </div>

                            <div class="caption">
                                <h6 class="no-margin"><a href="{{ path('website_status_not_available',{'id':websiteConfig.id}) }}" class="text-default">No disponibles en web</a></h6>
                            </div>
                        </div>
                    </div>

                    <!-- SORTING BY SECTION -->
                    <div class="col-lg-3 col-sm-6">
                        <div class="thumbnail">
                            <div class="thumb">

                                <img src="{{asset('assets/images/website_menu_article_included_section.png')}}" alt="">

                                <div class="caption-overflow">
                                        <span>
                                            <a href="{{ path('website_status_sorting_section',{'id':websiteConfig.id}) }}" class="btn border-white text-white btn-flat btn-icon btn-rounded ml-5">Ordenar disponible por sección</a>
                                        </span>
                                </div>
                            </div>

                            <div class="caption">
                                <h6 class="no-margin"><a href="{{ path('website_status_sorting_section',{'id':websiteConfig.id}) }}" class="text-default">Ordenar disponibles por sección</a></h6>
                            </div>
                        </div>
                    </div>

                    <!-- SORTING BY CATEGORY -->
                    <div class="col-lg-3 col-sm-6">
                        <div class="thumbnail">
                            <div class="thumb">

                                <img src="{{asset('assets/images/website_menu_article_included_category.png')}}" alt="">

                                <div class="caption-overflow">
                                        <span>
                                            <a href="{{ path('website_status_sorting_category',{'id':websiteConfig.id}) }}" class="btn border-white text-white btn-flat btn-icon btn-rounded ml-5">Ordenar disponibles por categoría</a>
                                        </span>
                                </div>
                            </div>

                            <div class="caption">
                                <h6 class="no-margin"><a href="{{ path('website_status_sorting_category',{'id':websiteConfig.id}) }}" class="text-default">Ordenar por categoría</a></h6>
                            </div>
                        </div>
                    </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 %}

    </div>


    <script>

    </script>

{% endblock%}