{% if SESSION.lang == 'es' %}
    {% set month = {
        '01':'Enero','02':'Febrero','03':'Marzo','04':'Abril','05':'Mayo','06':'Junio','07':'Julio','08':'Agosto','09':'Septiembre','10':'Octubre','11':'Noviembre','12':'Diciembre'
    } %}
{% endif %}

{% if SESSION.lang == 'en' %}
    {% set month = {
        '01':'January','02':'February','03':'March','04':'April','05':'May','06':'June','07':'July','08':'August','09':'September','10':'October','11':'November','12':'December'
    } %}
{% endif %}

<div class="head topic">
    <div>
        <a href="#" class="button bGrayFade monthChange">
            {{ trans('Volver al calendario') }}
            <span class="glyphicon glyphicon-chevron-down"></span>
        </a>
        <ul class="monthList" data-webservice="{{ url('media-kit',{'canal':attribute(canalData[0], 'slug_'~SESSION.lang) }) }}">
            <div class="arrow-up"></div>
            <li data-publish_date="{{ 'now'|date_modify("-6 month")|date('Y-m') }}">{{ month['now'|date_modify("-6 month")|date('m')] }} {{ 'now'|date_modify("-6 month")|date('Y') }}</li>
            <li data-publish_date="{{ 'now'|date_modify("-5 month")|date('Y-m') }}">{{ month['now'|date_modify("-5 month")|date('m')] }} {{ 'now'|date_modify("-5 month")|date('Y') }}</li>
            <li data-publish_date="{{ 'now'|date_modify("-4 month")|date('Y-m') }}">{{ month['now'|date_modify("-4 month")|date('m')] }} {{ 'now'|date_modify("-4 month")|date('Y') }}</li>
            <li data-publish_date="{{ 'now'|date_modify("-3 month")|date('Y-m') }}">{{ month['now'|date_modify("-3 month")|date('m')] }} {{ 'now'|date_modify("-3 month")|date('Y') }}</li>
            <li data-publish_date="{{ 'now'|date_modify("-2 month")|date('Y-m') }}">{{ month['now'|date_modify("-2 month")|date('m')] }} {{ 'now'|date_modify("-2 month")|date('Y') }}</li>
            <li data-publish_date="{{ 'now'|date_modify("-1 month")|date('Y-m') }}">{{ month['now'|date_modify("-1 month")|date('m')] }} {{ 'now'|date_modify("-1 month")|date('Y') }}</li>
            <li class="current">{{ month['now'|date('m')] }} {{ 'now'|date('Y') }}</li>
            <li data-publish_date="{{ 'now'|date_modify("1 month")|date('Y-m') }}">{{ month['now'|date_modify("1 month")|date('m')] }} {{ 'now'|date_modify("1 month")|date('Y') }}</li>
            <li data-publish_date="{{ 'now'|date_modify("2 month")|date('Y-m') }}">{{ month['now'|date_modify("2 month")|date('m')] }} {{ 'now'|date_modify("2 month")|date('Y') }}</li>
            <li data-publish_date="{{ 'now'|date_modify("3 month")|date('Y-m') }}">{{ month['now'|date_modify("3 month")|date('m')] }} {{ 'now'|date_modify("3 month")|date('Y') }}</li>
            <li data-publish_date="{{ 'now'|date_modify("4 month")|date('Y-m') }}">{{ month['now'|date_modify("4 month")|date('m')] }} {{ 'now'|date_modify("4 month")|date('Y') }}</li>
            <li data-publish_date="{{ 'now'|date_modify("5 month")|date('Y-m') }}">{{ month['now'|date_modify("5 month")|date('m')] }} {{ 'now'|date_modify("5 month")|date('Y') }}</li>
            <li data-publish_date="{{ 'now'|date_modify("6 month")|date('Y-m') }}">{{ month['now'|date_modify("6 month")|date('m')] }} {{ 'now'|date_modify("6 month")|date('Y') }}</li>
        </ul>
    </div>     
    <div>
        <a href="#" class="button bGrayFade topicChange">
            {% if topicData | length %}
                {{ attribute(topicData[0], 'name_'~SESSION.lang) }}
            {% else %}
                {{ trans('Temas') }}
            {% endif %}
            <span class="glyphicon glyphicon-chevron-down"></span>
        </a>
        <ul class="topicList" data-webservice="{{ url('media-kit',{'canal':attribute(canalData[0], 'slug_'~SESSION.lang) }) }}">
            <div class="arrow-up"></div>
            {% for t in temas %}
                <li data-id="{{ t.id }}">{{ attribute(t, 'name_'~SESSION.lang) }}</li>
            {% endfor %}
        </ul>
    </div>  
    <div>
        {{ trans('Próximos temas de') }} <strong>{{ attribute(topicData[0], 'name_'~SESSION.lang) }}</strong> {{ trans('en') }} <strong>{{ attribute(canalData[0], 'name_'~SESSION.lang) }}</strong>
    </div> 
</div>

<article class="data topic">
    
    {% set lastItemPublishDate = '' %}
    {% set counter = 0 %}
    {% set startloop = false %}
    
    {% for data in items %}
        
        {% for item in data %}
                  
            {% if topicData[0].slug_es in item.categories and item.publish_at|date('Y-m') != lastItemPublishDate|date('Y-m') %}

                {% set hasContent = false %}

                {% if startloop %}
                    </div>
                {% endif %}

                {% set startloop = true %}
                
                <div class="item">
                    <h3>{{ month[item.publish_at | date('m')] }} {{ item.publish_at | date('Y') }}</h3>   
                    
                    {# obtengo todas las fechas de publicación para el mes en curso #}
                    {% set publish_date = [] %}
                    {% for datePublish in data if data | length > 1 and canalData[0].id == 185 %}
                        {% set publish_date = publish_date | merge([{'id':'row'~datePublish.publish_at,'date':datePublish.publish_at}]) %}
                    {% else %}
                        {% set publish_date = item.publish_at %}
                    {% endfor %}
                    {{ render("mediakit","frontend","widgetCalendario",{'date':publish_date}) }}
                    
                    
            {% endif %}                                   

            {% if 'imagen' not in item.categories %}
                <ul id="row{{ item.publish_at|replace({'-':''}) }}" style="margin-left:200px;">
                    <li>
                        <span class="title">
                            {{ attribute(item, 'description_'~SESSION.lang ) | length ? '<b class="s">...</b>' : '<b class="ns">...</b>' }}
                            {{ attribute(item, 'title_'~SESSION.lang ) }}
                        </span>
                        {% if SESSION.userData.group_id == 3 %}
                            <a class="edit" target="_blank" href="{{ url('backend-media-kit-edit',{'id':item.id}) }}">edit</a>
                            <span style="font-size:10px;">[{{ item.publish_at }}]</span>
                        {% endif %}                    
                    </li>
                    <li>
                        <div class="description">
                            {{ attribute(item, 'description_'~SESSION.lang ) | raw }}
                        </div>
                    </li>                
                </ul>
                {% set hasContent = true %}
                {% set counter = counter + 1 %}
            {% endif %}                

            {% if 'imagen' in item.categories and hasContent %}
                <img 
                    src="{{ IMAGES_URL }}uploads/{{ item.image_create_at | date('Y') }}/{{ item.image_create_at | date('m') }}/{{ item.image_create_at | date('d') }}/small/{{ item.image_filename }}" 
                    alt="{{ item.slug_en ? item.slug_en : item.slug }}" />
            {% endif %}                

            {% if topicData[0].slug_es in item.categories %}
                {% set lastItemPublishDate = item.publish_at %}
            {% endif %}
                    
        {% endfor %}
    {% endfor %}             

    {% if counter == 0 %}
        {% for c in canales if canal == c.id %}
            <p style="text-align: center;color:red;height:200px;line-height: 100px;">
                No hay temas de <strong>{{ topicData[0].name_es }}</strong> en <strong>{{ canalData[0].name_es }}</strong>
            </p>
        {% endfor %}             
    {% endif %}
            
</article>
    
<p style="clear:both;font-size:12px;text-align: center;margin:20px;color:gray;">
    <strong>permalink:</strong> {{ SITE_URL | slice(0,-1) ~ url('media-kit-topic',{'canal':canalData[0].slug_es, 'topic':topic}) }}
</p>