{% extends 'base_index.html' %}
{% block modals %}
    {% for i in failed %}
        <div class="modal fade" id="canceled_request_modal_{{ i.id }}" style="z-index: 2100;" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
      </div>
        <div>
            <div class="col-md-4 col-sm-5 col-xs-12 center_img">
               <img src="/static/img/1443801649_fire.png" alt="" style="    padding-bottom: 30px;">
            </div>
            <div class="col-md-8 col-sm-7 col-xs-12">
                <div class="activ">
                    <p class="modal-title" id="myModalLabel">Причина</p>
                    <div style="padding: 10px;
    background-color: #ffc;
    border-radius: 3px;
    font-weight: bold;font-size: 18px;">
                        {{ i.cancel_description }}
                    </div>
                </div>
            </div>
          <div class="modal-footer">
      </div>
    </div>
  </div>
</div>
</div>
    {% endfor %}
{% endblock %}
 {% block asside %}
  <aside id="aside" class="app-aside hidden-xs bg-dark" style="background: #3a3f51;">
          <div class="aside-wrap">
        <div class="navi-wrap">
          <!-- user -->
          <div class="clearfix hidden-xs text-center" id="aside-user">
            <div class="dropdown wrapper">
              <a href="/management/super_history/">
                <span class="thumb-lg w-auto-folded avatar m-t-sm">
                  <img src="{{ request.user.get_image_url }}" class="img-thumbnail" style="width: 100%;" reloader_name="avatar">
                </span>
              </a>
              <a href="#">
                <span class="clear">
                  <span class="block m-t-sm">
                    <strong class="font-bold text-lt">{{ request.user.get_short_name }}</strong>
                  </span>
                  <span class="text-muted text-xs block">{{ request.user.get_role_display }}</span>
                </span>
              </a>
            </div>
          </div>
          <!-- / user -->
            <nav ui-nav="" class="navi clearfix">
            <ul class="nav">
{% include 'index_menu.html' %}
            </ul>
          </nav>
          <!-- nav -->
        </div>
      </div>
  </aside>
{% endblock %}
  <!-- / aside -->
  
  <!-- content -->
{% block content %}
  <div class="col">
      <!-- main header -->
      <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">История счетов</h1>
          </div>
        </div>
      </div>
      <div class="wrapper-md">
        <div class="row">
        <table width="100%">
            <thead>
            <tr>
                <td style="padding: 10px;
    font-weight: bold;
    background-color: #fff;border-right: 1px dotted #999;">Менеджер</td>
                <td style="padding: 10px;
    font-weight: bold;
    background-color: #fff;border-right: 1px dotted #999;">Плательщик</td>
                <td style="padding: 10px;
    font-weight: bold;
    background-color: #fff;border-right: 1px dotted #999;">Телефон</td>
                <td style="padding: 10px;
    font-weight: bold;
    background-color: #fff;border-right: 1px dotted #999;">Курс</td>
                <td style="padding: 10px;
    font-weight: bold;
    background-color: #fff;border-right: 1px dotted #999;">Услуга</td>
                <td style="padding: 10px;
    font-weight: bold;
    background-color: #fff;border-right: 1px dotted #999;">Сумма</td>
                <td style="padding: 10px;
    font-weight: bold;
    background-color: #fff;">Статус счета</td>
                <td style="padding: 10px;
    font-weight: bold;
    background-color: #fff;border-right: 1px dotted #999;">Дата</td>
            </tr>
            </thead>
            <tbody>
                {% for i in yourbills %}
                    <tr style="border-bottom: 1px dotted;">
                    <td style="padding: 10px; background: #ffc;">{{ i.manager.get_full_name }}</td>
                    <td style="padding: 10px; background: #ffc;">{{ i.user.get_full_name }}</td>
                    <td style="padding: 10px; background: #ffc;font-weight: bold;">{{ i.user.get_phone }}</td>
                    <td style="padding: 10px; background: #ffc;">{{ i.service.course }}</td>
                    <td style="padding: 10px; background: #ffc;">{{ i.service.title }}</td>
                    <td style="padding: 10px; background: #ffc;">{{ i.price }}</td>
                    <td style="padding: 10px; background: #ffc;font-weight: bold;">{{ i.get_status_display }}</td>
                    <td style="padding: 10px; background: #ffc;">{{ i.date }}</td>
                    </tr>
                {% endfor %}
                    {% for i in failed %}
                        <tr style="border-bottom: 1px dotted;">
                            <td style="padding: 10px; background: #ffc;">{{ i.manager.get_full_name }}</td>
                            <td style="padding: 10px; background: #ffc;">{{ i.student.get_full_name }}</td>
                            <td style="padding: 10px; background: #ffc;font-weight: bold;">{{ i.student.get_phone }}</td>
                            <td style="padding: 10px; background: #ffc;">{{ i.course }}</td>
                            <td style="padding: 10px; background: #ffc;"></td>
                            <td style="padding: 10px; background: #ffc;"></td>
                            <td style="padding: 10px; background: #ffc;font-weight: bold;">
                                {% if i.cancel_description %}
                                    <a type="button" style="border-bottom: 3px dotted #999;" onclick="$('#canceled_request_modal_'+{{ i.id }}).modal('show')">{{ i.get_status_display }}</a>
                                {% else %}
                                    {{ i.get_status_display }}
                                {% endif %}
                            </td>
                            <td style="padding: 10px; background: #ffc;">{{ i.f_date }}</td>
                        </tr>
                    {% endfor %}
            </tbody>
        </table>
          </div>
        </div>
      <!-- / main header -->
      
    </div>
  <!-- / main -->
  <!-- right col -->
  <!-- / right col -->
{% endblock %}