{% 
set typeString = { 
    'content': 'CONTENT Marketing', 
    'search': 'SEARCH Marketing', 
    'push': 'PUSH Marketing', 
    'event': 'Events',
    'social': 'SOCIAL Media',
    'content_c': '#E51D3C', 
    'search_c': '#39C1CF', 
    'push_c': '#70B966', 
    'event_c': '#904098',
    'social_c': '#FAA75B'
    } 
%}

<article class="widgetCanal">
    <a href="#" class="button {{ typeData.button }}">
        {% if canalData | length %}
            {{ attribute(canalData[0], 'name_'~SESSION.lang ) }}
        {% else %}
            {{ trans('Selecciona canal') }}&nbsp;&nbsp;    
        {% endif %}        
        <span style="margin-right:10px;" class="glyphicon glyphicon-chevron-down"></span>
    </a>
    <ul data-webservice="{{ url('media-kit') }}">
        <div class="arrow-up"></div>
        {% set type = '' %}
        {% for c in canales %}
            
                {% if loop.first %}
                    <li class="h" style="background-color:{{ attribute(typeString, c.type ~ '_c' ) }}">
                        {{ attribute(typeString, c.type ) }}
                    </li>
                {% elseif c.type != type %}
                    <li class="h" style="background-color:{{ attribute(typeString, c.type ~ '_c' ) }}">
                        {{ attribute(typeString, c.type ) }}
                    </li>
                {% endif %}
            </li>        
            <li data-canal="{{ attribute(c, 'slug_'~SESSION.lang ) }}">
                <span class="glyphicon glyphicon-chevron-right"></span>
                {{ attribute(c, 'name_'~SESSION.lang ) }}
            </li>
            {% if c.type != type %}
                {% set type = c.type %}
            {% endif %}
        {% endfor %} 
        <li class="h" style="background-color:#000">
            MISCELANEA    
        </li>
        <li class="link">
            <span class="glyphicon glyphicon-chevron-right"></span>
            <a 
                href="http://es.poultrymedia.com/visor/poultry-media-es-2015-2016-ver12/html5/index.html"
                target="_blank"
                style="color:#000;font-size:13px;"
                >
                Descargar Portfolio    
            </a>
        </li>     
        <li class="link">
            <span class="glyphicon glyphicon-chevron-right"></span>
            <a 
                href="http://es.poultrymedia.com/pdf/poultry-media-es-2015-2016-ver12.pdf"
                target="_blank"
                style="color:#000;font-size:13px;"
                >
                Portfolio en Flip-Flop    
            </a>
        </li>     
        <li class="link">
            <span class="glyphicon glyphicon-chevron-right"></span>
            <a 
                href="{{ url('clientes-satisfechos') }}"
                style="color:#000;font-size:13px;"
                >
                Clientes satisfechos    
            </a>
        </li>  
        <li class="link">
            <span class="glyphicon glyphicon-chevron-right"></span>
            <a 
                href="https://seleccionesavicolas.com/files/digital/revista-de-avicultura-seleccionesavicolas/Tarifas/Poultry-Media-Planes.pdf"
                style="color:#000;font-size:13px;"
                >
                {% if SESSION.lang == 'es' %}
                    Planes de visibilidad en el sector avícola      
                {% else %}
                    Poultry Sector VISIBILITY packs 
                {% endif %}
            </a>
        </li>
        <li class="link">
            <span class="glyphicon glyphicon-chevron-right"></span>
            <a 
                href="{{ url('sobre-nosotros') }}"
                style="color:#000;font-size:13px;"
                >
                Sobre nosotros     
            </a>
        </li>    
        <li class="link">
            <span class="glyphicon glyphicon-chevron-right"></span>
            <a 
                href="{{ url('landing') }}"
                style="color:#000;font-size:13px;"
                >
                Presupuesto sin compromiso   
            </a>
        </li>        
    </ul>
</article>