{% extends "base.html" %}

{% load i18n columnize thumbnail inlinetrans %}

{% block extrabreadcrumbs %}

{% endblock %}

{% block contenttitle %}
  <div id="content-title">
    <h1>{% inline_trans "Channels" %}</h1>
  </div>
{% endblock %}

{% block breadcrumbs %}
    {% include "inc.breadcrumbs.html" %}
    <span class="breadcrumbSeparator">→</span>
    <span>{% inline_trans "Channels" %}</span>
{% endblock %}

{% block content %}
    {% for item in channels %}
      <div class="channel" id="{{ item.name }}">
        <img id="emphasized1" src="/media/themes/yacontents/img/topimageframe_blue_long.gif" alt="border image" />
        <div class="channel_content">
           {% if item.main_image %}
            <div class="channel_image">
                <img src="/media/{{ item.main_image }}" alt="{{ item.name }}"/>
            </div>
            {% endif %}

            <div class="item_title">
               <a href="{{ item.get_absolute_url }}"><span class="channel_number">{% inline_trans "Channel" %}{{ forloop.counter }} // </span><h2>{{ item.name }}</h2></a>
            </div>

            {% if item.description %}
            <div class="channel_description">
                {{ item.description|safe }}
            </div>
            {% endif %}
            
        </div>
        <div id="grey_continuation_long"></div>
        <div class="visualClear"></div>
    </div>

    {% endfor %}

{% endblock %}