{% extends "site_base.html" %}

{% block head_title %}archive{% endblock %}

{% block body_class %}page-episode-list{% endblock %}

{% block content %}
    <div class="block">
        {% if episode_list %}
            {% for episode in episode_list %}

                <div class="block">
                    <div class="podcast-Details">
                        <div class="title-bar mod">
                            <h2>{{ episode.title }}</h2>
                        </div>
                        <div class="date meta">{{ episode.activate_date|date:"F j, Y" }}</div>
                        {% for enclosure in episode.enclosure_set.all %}
                            {% if enclosure.mime == 'mp3' %}
                                <div class="episode_icon down meta sep"><a href="{{ enclosure.url }}" class="tiptip" title="to download right click and select 'save link as'">Download / Stream</a></div>
                            {% endif %}
                        {% endfor %}
                        {% if episode.tracklist %}
                            <div class="episode_icon list meta sep"><a href="#tracklist-{{ episode.id }}" rel="facebox">Tracklist</a></div>
                            <div id="tracklist-{{ episode.id }}" class="hidden">
                                <h3>{{ episode.title }} :: Tracklist</h3>
                                <div class="tracklist">{{ episode.tracklist|linenumbers|linebreaksbr }}</div>
                            </div>
                        {% endif %}
                        <div class="podcasting_info">
                            <div class="clear"></div>
                            <a href="{{ episode.image_550.url }}" rel="facebox" class="podcast-thumb"><img src="{{ episode.image_120.url }}" alt="{{ episode.name }}" width="episode.image.width" height="episode.image.height" class="left" /></a>
                            <div>
                                {{ episode.subtitle }}
                                {% if episode.description %}
                                    <br /><a href="#details-{{ episode.id }}" rel="facebox">read more</a>
                                    <div id="details-{{ episode.id }}" class="hidden">
                                        <div class="">{{ episode.description }}</div>
                                    </div>
                                {% endif %}
                            </div>
                        </div>
                    </div>
                </div>
                <div class="clear"></div>
                {% if not forloop.last %}<div class="hr-ln"></div>{% endif %}

            {% endfor %}
        {% else %}
            <div class="block">
                <div class="title-bar">
                    <h2>Coming soon</h2>
                </div>
            </div>
        {% endif %}
    </div>
{% endblock %}