{% extends "templates/lilcity/index.html" %} {% load static %} {% block content %}
<div class="section section_gray section_menu">
  <div class="section__center center center_xs">
    <div class="menu">
      <a class="menu__link" href="{% url 'user-edit-profile' user.id %}">Профиль</a>
      <a class="menu__link" href="{% url 'user-edit-notifications' user.id %}">Уведомления</a>
      <a class="menu__link active" href="{% url 'user-edit-payments' user.id %}">Платежи</a>
    </div>
  </div>
</div>
{% if not user.is_email_proved %}
<div class="section section_confirm">
  <div class="section__center center center_xs">
    <div class="confirm">
      <div class="confirm__title title">Подтверждение почты</div>
      <div class="confirm__content">На электронный адрес
        <strong>{{ user.email }}</strong> отправлено письмо для подтверждения.</div>
        <div class="confirm__content">Если письмо где-то затерялось, вы можете повторить отправку письма для подтверждения. Отправить?</div>
        <a style="margin-top:18px; margin-left: 90px" href="{% url 'resend-email-verify' %}" class="confirm__btn btn btn_dark">ОТПРАВИТЬ ПИСЬМО</a>
      </div>
    </div>
  </div>
</div>
{% endif %}
{% if messages %}
<div class="section section_gray section_menu">
  <div class="section__center center center_xs">
  {% for message in messages %}
  <div class="message message_{{ message.tags }}">{{ message }}</div>
  {% endfor %}
</div>
</div>
{% endif %}
{% if request.user.role >= request.user.AUTHOR_ROLE %}
<div class="section section_gray">
  <div class="section__center center center_xs">
    <div class="title title_sm">Вывести деньги со счета</div>
    <form class="form" method="POST">{% csrf_token %}
      <div class="form__group">
        <div class="form__content">На вашем счету {{ request.user.balance }} руб.</div>
        <div class="form__field field{% if form.amount.errors %} error{% endif %}">
          <div class="field__label">СУММА</div>
          <div class="field__wrap">
            <input class="field__input" name="amount" required="" id="id_amount" type="number" min="2000" pattern="\d+(,\d{2})?" placeholder="{{ request.user.balance }}">
          </div>
          <div class="field__error">Размер выводимой суммы не должно быть менее 2000 рублей.</div>
          {% if form.amount.errors %}
          <div class="field__error">{{ form.amount.errors }}</div>
          {% endif %}
        </div>
        <div class="form__field field{% if form.card.errors %} error{% endif %}">
          <div class="field__label">НОМЕР КРЕДИТНОЙ КАРТЫ
            <span class="field__required">*</span>
          </div>
          <div class="field__wrap">
            <input class="field__input" name="card" required="" id="id_card" type="text" autocomplete="off" placeholder="0000 0000 0000 0000">
            <div class="field__preview">
              <img class="field__pic" src="{% static 'img/paysys.png' %}">
            </div>
          </div>
          {% if form.card.errors %}
          <div class="field__error">{{ form.card.errors }}</div>
          {% endif %}
        </div>
      </div>
      <div class="form__foot">
        <button class="form__btn btn btn_md">СОХРАНИТЬ</button>
      </div>
    </form>
  </div>
</div>
{% endif %}
<div class="section section_gray">
  <div class="section__center center center_xs">
    <div class="title title_sm">История платежей</div>
    <div class="transactions">
      <div class="transactions__wrap">
        {% if request.user.payments.all.exists %}
          {% for payment in request.user.payments.all %}
          <div class="transactions__row">
            {% if payment.course %}
            <div class="transactions__cell">Курс. {{payment.course.title}}</div>
            {% else %}
            <div class="transactions__cell">
              Школа. {% if payment.date_start and payment.date_end %}{{ payment.date_start }} - {{ payment.date_end }}{% endif %}
            </div>
            {% endif %}
            {% if payment.balance %}
            <div class="transactions__cell">{{payment.balance.amount}}</div>
            {% else %}
            <div class="transactions__cell">{{payment.amount}}</div>
            {% endif %}
            {% if payment.balance.type == 1 %}
            <div class="transactions__cell">
              {% if payment.balance.status == 0 %}
              <span class="transactions__cell__pending">Ожидается подтверждение выплаты</span>
              {% elif payment.balance.status == 1 %}
              <span class="transactions__cell__success">Выплачено</span>
              {% else %}
              <span class="transactions__cell__error">Выплата отменена</span>
              Причина: "{{ payment.balance.cause }}
              {% endif %}
            </div>
            {% else %}
            <div class="transactions__cell">
              {% if payment.is_deliverable %}
              <span class="transactions__cell__success">Оплачено</span>
              {% elif payment.is_under_review %}
              <span class="transactions__cell__pending">Ожидается подтверждение оплаты</span>
              {% else %}
              <span class="transactions__cell__error">Ошибка оплаты</span>
              {% endif %}
            </div>
            {% endif %}
          </div>
          {% endfor %}
        {% else %}
        Оплат еще не было
        {% endif %}
      </div>
      <!--<div class="transactions__load load">-->
        <!--<button class="load__btn btn">еще</button>-->
      <!--</div>-->
    </div>
  </div>
</div>

{% endblock content %}

{% block foot %}
<script>
    (new Inputmask('9999 9999 9999 9999', {placeholder: "0"})).mask(document.querySelector('#id_card'));
</script>
{% endblock foot %}