{% extends 'base_index.html' %}
{% load static %}
{% load course_filter %}
{% block page_title %}Подписки курса {{ course }}{% endblock %}
{% block head %}
{% endblock %}
{% block content %}
    <div class="col">
        <div class="bg-light lter b-b wrapper-md">
      <div class="row">
        <div class="col-lg-12 col-xs-12">
          <h1 class="m-n font-thin h3">
             Тарифы курса: {{ course }}
          </h1>
        </div>
      </div>
    </div>
    <div class="wrapper-md">
    <table width="100%">
        <tr style="    border-bottom: 1px dotted #ccc;
    background-color: #ffc;">
        <td style="padding: 10px;border-right: 1px dotted #ccc;">ID Услуги</td>
            {% for i in traffic %}
                <td style="padding: 10px;border-right: 1px dotted #ccc;font-weight: bold;">{{ i.id }}</td>
            {% endfor %}
        </tr>
        <tr style="    border-bottom: 1px dotted #ccc;
    background-color: #ffc;">
        <td style="padding: 10px;border-right: 1px dotted #ccc;">Тип подписки</td>
            {% for i in traffic %}
                <td style="padding: 10px;border-right: 1px dotted #ccc;font-weight: bold;">{{ i.get_m_type_display }}</td>
            {% endfor %}
        </tr>
        <tr style="    border-bottom: 1px dotted #ccc;
    background-color: #fff;">
            <td style="padding: 10px;border-right: 1px dotted #ccc;">Цена</td>
            {% for i in traffic %}
                <td style="padding: 10px;border-right: 1px dotted #ccc;">{{ i.cost }}</td>
            {% endfor %}
        </tr>
        <tr style="    border-bottom: 1px dotted #ccc;
    background-color: #ccc;">
            <td style="padding: 10px;border-right: 1px dotted #ccc;">Описание</td>
            {% for i in traffic %}
                <td style="padding: 10px;border-right: 1px dotted #ccc;">{{ i.description }}</td>
            {% endfor %}
        </tr>

    </table>

    </div>
    </div>
    <div class="col w-md bg-white-only b-l bg-auto no-border-xs aside-col">
<!--
    <div class="panel-body">
                      <div class="m-b m-t text-md" style="margin-top: 0;">Новости Школы</div>
                        <div id="news_block"></div>
            </div>
-->
  </div>
{% endblock %}