{% extends 'KinomonsterApp/base.html' %}


{% block title %}
    {{ series.title }}
{% endblock %}


{% block content %}
    <h1>{{ series.title }}</h1>
    <hr>
    <div class="embed-responsive embed-responsive-16by9">
        <iframe width="560" height="315" src="{{ film.youtube_trailer_url }}" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
    </div>
    <div class="well info-block text-center">
        Год: <span class="badge">{{ series.year }}</span>
        Рейтинг: <span class="badge">{{ series.rating }}</span>
        Режиссер: <span class="badge">{{ series.producer }}</span>
    </div>
    <div class="margin-8"></div>
    <h2>Описание сериала {{ series.title }}</h2>
    <hr>
    <div class="well">
        {{ series.description }}
    </div>
    <div class="margin-8"></div>
    <h2>Отзывы о сериале {{ series.title }}</h2>
    <hr>
    <div class="panel panel-info">
		{% for c in comments %}
		    <div class="panel-heading">
			    <span>{{ c.author }}</span>
            </div>
            <div class="panel-body">
                {{ c.comment }}
            </div>
		{% endfor %}
    </div>
    <form>
        <div class="form-group">
            <input type="text" placeholder="ваше имя" class="form-control input-lg">
        </div>
        <div class="form-group">
            <textarea class="form-control"></textarea>
        </div>
        <button class="btn btn-lg btn-warning pull-right">отправить</button>
    </form>
    <div class="margin-8 clear"></div>
{% endblock %}