{% extends "base.html" %}
{% load pytils_numeral %}
{% block title %}Купить лицензию{% endblock %}

{% block content %}
    <h2>Купить лицензию</h2>

    {% if form.non_field_errors %}
        <p class="error">{{ form.non_field_errors }}</p>
    {% endif %}

    <div class='content-white'>
    <form class="license-form" action="." method="post">
        {% csrf_token %}

        {% for hidden in form.hidden_fields %}
            {{ hidden }}
        {% endfor %}

        <div class="field orange_border">
            <div class='license_label'>
                {{ form.term.label_tag }}
            </div>
            <div class="clear"></div>
            <div class='license_label'>
            </div>
            <div class='license_field'>
                {{ form.term }}
                {{ field.errors }}
            </div>
            <div class="clear"></div>
        </div>
        <div class="field grey_border">
            <div class="orange-bottom-triangle"></div>
            <div class='license_label'>
                {{ form.payform.label_tag }}
            </div>
            <div class="clear"></div>
            <div class='license_label'>
            </div>
            <div class='license_field'>
                {{ field }}
                {{ form.payform }}
            </div>
            <div class="clear"></div>
        </div>
        <div class="grey-bottom-triangle"></div>

        <div class="buttons">
            <input type="submit" name="submit" value="" />
        </div>
    </form>
    <div class='right license-ways'>
        <div class='title'>
            Во всех городах России и стран СНГ вы можете оплатить лицензию Документора одним из десятков возможных способов:
        </div>
        <div class='left col'>
            <div class='col-title'>Банковской картой</div>
            <div class='left mr-5'><img src='/static/img/lic-mc.png' /></div>
            <div class='left mr-5'><img src='/static/img/lic-visa.png' /></div>
            <div class="clear"></div>
            <div class='col-title'>Электронными деньгами</div>
            <div class='left mr-5'><img src='/static/img/lic-wm.png' /></div>
            <div class="clear"></div>
        </div>
        <div class='left col'>
            <div class='col-title'>Наличными в магазинах</div>
            <div class='left mr-5'><img src='/static/img/lic-svz.png' /></div>
            <div class='left mr-5'><img src='/static/img/lic-es.png' /></div>
            <div class="clear"></div>
            <div class='col-title'>Наличными в терминалах</div>
            <div class='left mr-5'><img src='/static/img/lic-empty.png' /></div>
            <div class='left mr-5'><img src='/static/img/lic-empty.png' /></div>
            <div class='left mr-5'><img src='/static/img/lic-empty.png' /></div>
            <div class='left mr-5'><img src='/static/img/lic-empty.png' /></div>
            <div class='left mr-5'><img src='/static/img/lic-empty.png' /></div>
            <div class='left mr-5'><img src='/static/img/lic-empty.png' /></div>
            <div class="clear"></div>
            <div class='col-title'>Через банкоматы</div>
            <div class='left mr-5'><img src='/static/img/lic-empty.png' /></div>
            <div class='left mr-5'><img src='/static/img/lic-empty.png' /></div>
            <div class="clear"></div>
        </div>
        <div class='left col-last'>
            <div class='col-title'>Со счёта телефона</div>
            <div class='left mr-5'><img src='/static/img/lic-mf.png' /></div>
            <div class='left'><img src='/static/img/lic-mts.png' /></div>
            <div class="clear"></div>
            <div class='col-title'>Через интернет-банк</div>
            <div class='left mr-5'><img src='/static/img/lic-empty.png' /></div>
            <div class='left'><img src='/static/img/lic-empty.png' /></div>
            <div class='left mr-5'><img src='/static/img/lic-empty.png' /></div>
            <div class='left'><img src='/static/img/lic-empty.png' /></div>
            <div class='left mr-5'><img src='/static/img/lic-empty.png' /></div>
            <div class='left'><img src='/static/img/lic-empty.png' /></div>
            <div class="clear"></div>
            <div class='col-title'>Денежным переводом</div>
            <div class='left mr-5'><img src='/static/img/lic-empty.png' /></div>
            <div class='left'><img src='/static/img/lic-empty.png' /></div>
            <div class="clear"></div>
        </div>
    </div>
    <div class="clear"></div>
    </div>
{% endblock %}

{% block js %}
    <script src="{{ STATIC_URL }}js/license.js"></script>
{% endblock %}