{% extends 'base_catalog.html' %}
{% load static %}
{% load i18n %}

{% block title %} {{ webinar.title }} {% endblock %}
{% block keywords %} {{ webinar.keywords }} {% endblock %}
{% block descriptions %} {{ webinar.descriptions }} {% endblock %}


{% block content_bread_scrumbs %}
    <div class="bread-crumbs">
		<a href="/">Главная страница</a>
		<a href="/webinars">Вебинары</a>
        <a href="#">{{ webinar.theme.all.0 }}</a>
		<strong>{{ webinar.name }}</strong>
	</div>
{% endblock %}

{% block page_title %}
{% endblock %}

{% block page_filter %}
{% endblock %}

{% block page_body %}
    <div class="m-article">
        <div class="item-wrap event clearfix">
            <aside>
                {% if webinar.expohit %}
                    <div class="hit"></div>
                {% endif %}
                <div class="i-pict">
                    <img src="{% if webinar.get_logo %}{{ webinar.get_logo.file_path.url }}
                              {% else %}{% static 'client/img/no-logo.png' %} {% endif %}" alt=""/>
                </div>

                <div class="i-rating" title="Рейтинг: 551">551</div>

                <div class="i-stats">
                        <span class="visitors" title="Посетители">N/A</span>
                        <span class="participants" title="Участники">{{ webinar.users.all|length }}</span>
                </div>

                <div class="i-discount">
                {% if webinar.discount %}
                    <a class="discount-button" href="#">Скидка -{{ webinar.discount }}%</a>
                    <div class="dsc-text">{{ webinar.discount_description|safe }}</div>
                    {% endif %}
                 </div>
            </aside>

            <div class="i-info">
                <header>
                    <div class="i-title">
                        {{ webinar.main_title|safe }}
                    </div>
                </header>

                <div class="i-date">
                   {{ webinar.data_begin }}
                </div>

                <hr />
                <div class="i-buttons clearfix">
                    <div class="ib-main">
                        <a class="button icon-check" href="#">{% trans 'Я планирую посетить' %}</a>
                        <a class="button blue icon-calendar" href="#">{% trans 'в расписание' %}</a>
                        <a class="button green icon-note" href="#">{% trans 'заметка' %}</a>
                    </div>
                </div>
                <hr />
                <div class="i-divs clearfix">
                    <div class="i-subj">
                        <ul>
                        {% for theme in webinar.theme.all %}
                            <li><a href="#">{{ theme }} ({{ theme.webinars_number }})</a></li>
                        {% endfor %}
                        </ul>
                    </div>

                    <div class="i-tags">
                        {% for tag in webinar.tag.all %}
                            <a href="#">{{ tag }}</a>,
                        {% endfor %}
                    </div>
                </div>
            </div>
        </div>

    <div class="i-sub-articles">
        <ul>
        {% for service in webinar.service.all %}
            <li><a href="#">{{ service }}</a></li>
        {% endfor %}
        </ul>
    </div>

    <div class="i-steps">
        <div class="is-title">{% trans 'Посетить вебинар' %}</div>
        <ul>
            <li class="s1">
				<div class="label">1. {% trans 'Зарегистрируйтесь на событие' %}</div>
			    <a class="step" href="#">{% trans 'Билеты на вебинар' %}</a>
			</li>

			<li class="s2">
				<div class="label">2. {% trans 'Забронируйте отель по лучшей цене' %}</div>
				<a class="step" href="#"><b>booking</b>.com</a>
			</li>

			<li class="s3">
				<div class="label">3. {% trans 'Купите авиабилеты по лучшему тарифу' %}</div>
				<a class="step" href="#">Any<b>way</b>Any<b>day</b></a>
			</li>
        </ul>
    </div>
    {% if webinar.get_photos %}
    <hr />

    <div class="i-photo-slides">
        <div class="sect-title"><a href="#">{% trans 'Фотографии с прошлого вебинара' %}</a></div>
        <div id="ps-photo-gallery" class="ps-photo-gallery swiper-container">
            <ul class="swiper-wrapper">
                {% for photo in webinar.get_photos %}
                <li class="swiper-slide"><a class="open-photo" href="#"><img src="{{ photo.file_path.url }}" alt="" /></a></li>
                {% endfor %}
            </ul>
            <div class="re-controls">
			    <a class="prev" href="#">&lt;</a>
				<a class="next" href="#">&gt;</a>
			</div>
        </div>
    </div>
    {% endif %}

    <div class="i-event-description">
        <div class="ied-title">{{ webinar.main_title|safe }}</div>
        <div class="ied-text">{{ webinar.description|safe }}</div>
    </div>
    <hr />
    <div class="i-event-additional clearfix">
        <div class="sect-title">{% trans 'Дополнительная информация' %}</div>

        <dl class="add-info">
            <dt>{% trans 'Организатор' %}:</dt>
            <dd>
                {{ webinar.organiser.0 }}<br />
                <a target="_blank" href="{{ webinar.organiser.0.web_page }}">{{ webinar.organiser.0.web_page }}</a><br />
                <a href="{{ webinar.organiser.email }}">{{ webinar.organiser.0.email }}</a>
            </dd>

            <dt>{% trans 'Веб-сайт' %}:</dt>
            <dd>
                <a target="_blank" href="http://{{ webinar.web_page }}">{{ webinar.web_page }}</a>
            </dd>

        </dl>

    </div>
    {% if webinar.company.all %}
    <hr />
    <div class="i-members clearfix">
        <div class="im-participants">
            <header>
                <div class="im-title">{% trans 'Участники' %}</div>
                <a class="more" href="#">{% trans 'Все участники' %}</a>
            </header>
            <ul>
                {% for company in webinar.companies.all|slice:":6" %}

                        <li>
                            <a href="#">
                                <span class="imp-pict"><img src="{% if company.photo %}{{ company.photo }}
                                {% else %}{% static 'client/img/no-logo.png' %} {% endif %}" alt="" /></span>
                                {{ company.name }}
                            </a>
                        </li>
                {% endfor %}
            </ul>
        </div>

        <div class="im-visitors">
            <header>
                <div class="im-title">{% trans 'Посетители' %}</div>
            </header>
            <ul>
                {% for user in webinar.users.all|slice:":17" %}
                    <li><a href="#">{{ user }}</a></li>
                {% endfor %}
            </ul>
            <a class="more" href="#">{% trans 'Все посетители' %}</a>
        </div>
    </div>
    {% endif %}

    </div>

    <hr />
    <div class="e-cat">
        <div class="sect-title">{% trans 'Ближайшие вебинары по тематике' %} <a href="#">«{{ webinar.theme.all.0 }}»</a></div>
        <ul class="cat-list cl-exhibitions">
            {% for exp in webinar.get_nearest_events %}
                <li class="cl-item">
                    <div class="cl-item-wrap clearfix">
                        <a href="/webinars/{{ exp.url }}">
                            <div class="cli-pict">
                                <img src="{% if exp.get_logo %}{{ exp.get_logo.file_path.url }}{% else %}{% static 'client/img/no-logo.png' %} {% endif %}" alt="" />
                            </div>
                        </a>
                        <div class="cli-info">
                            <div class="cli-top clearfix">
                            {% if exp.approved %}
                                <div class="cli-approved">
                                    <img src="{% static 'client/img/approved-logo.png' %}" alt="" title="Approved Event" />
                                </div>
                            {% endif %}
                                <header>
                                    <div class="cli-title"><a href="/webinars/{{ exp.url }}">{{ exp.name }}</a></div>
                                </header>

                                <div class="cli-descr">
                                    {{ exp.main_title }}
                                </div>

                                <div class="cli-bot clearfix">
                                    <div class="cli-date">{{ exp.data_begin }}</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
            {% endfor %}
        </ul>
    </div>
    <div class="abn"><a href="#"><img src="{% static 'client/img/_del-temp/banner-2.gif' %}" alt="" /></a></div>

{% endblock %}