{% extends 'base_index.html' %}
{% block head %}
<script src="/static/js/clipboard.min.js"></script>
{% endblock %}
{% block modals %}
     <!-- Modal Смена пароля-->
<div class="modal fade" id="new_bill" 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" onclick="clear_form('new_bill')"><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/1441326667_certificate.png" alt="">
            </div>
            <div class="col-md-8 col-sm-7 col-xs-12">
                <div class="activ">
                    <p class="modal-title" id="myModalLabel">Новый счет</p>
                  <form action="" name="new_bill" onsubmit="return false;">
                      <p class="error" id="error_new_bill"></p>
                      <p style="margin-bottom: 0;padding-bottom: 10px;
    padding-top: 20px;">Пользователь</p>
                      <input type="text" name="new_bill_user_id" readonly style="display: none;">
                      <input type="text" name="new_bill_user" style="background-color: #ffc;" readonly>
                      <p style="margin-bottom: 0;padding-bottom: 10px;
    padding-top: 20px;">Услуга</p>
                      <select type="text" name="new_bill_service" onchange="$('[name=new_bill_checked_service]').val($('[name=new_bill_service]').find('option:selected').attr('id'))" style="    width: 100%;
    padding: 10px;
    background-color: #ffc;
    border: 1px solid #f1f1f1;
    border-radius: 3px;
    margin-bottom: 10px;">
                      </select>
                      <p style="margin-bottom: 0;padding-bottom: 10px;
    padding-top: 20px;">Стоимость</p>
                      <input type="text" name="new_bill_cost" value="0"  style="width: 100%;background: #ffc;
    border: 1px solid #f1f1f1;
    border-radius: 3px;">
                      <input name="new_bill_checked_service" type="text" readonly style="display: none;">
                      <p style="margin-bottom: 0;padding-bottom: 10px;
    padding-top: 20px;">Ваш комментарий</p>
                      <textarea name="new_bill_comment" style="width: 100%;background: #ffc;
    border: 1px solid #f1f1f1;
    border-radius: 3px;"></textarea>
                      <button class="btn btn-warning btn-lg" onclick="create_new_bill()">Отправить</button>
                   </form>

                </div>
            </div>
          <div class="modal-footer">
      </div>
    </div>
  </div>
</div>
</div>

<div class="modal fade" id="new_role" 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" onclick="clear_form('new_role')"><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/1442107973_user_login_man.png" alt="">
            </div>
            <div class="col-md-8 col-sm-7 col-xs-12">
                <div class="activ">
                    <p class="modal-title" id="myModalLabel">Новая роль</p>
                  <form action="" name="new_role" onsubmit="return false;">
                      <p class="error" id="error_new_bill"></p>
                      <p style="margin-bottom: 0;padding-bottom: 10px;
    padding-top: 20px;">Пользователь</p>
                      <input type="text" name="new_role_user_id" readonly style="display: none;">
                      <input type="text" name="new_role_user" style="background-color: #ffc;" readonly>
                      <p style="margin-bottom: 0;padding-bottom: 10px;
    padding-top: 20px;">Услуга</p>
                      <select type="text" name="new_role_name" onchange="$('[name=new_role_checked]').val($('[name=new_role_name]').find('option:selected').attr('id'))" style="    width: 100%;
    padding: 10px;
    background-color: #ffc;
    border: 1px solid #f1f1f1;
    border-radius: 3px;
    margin-bottom: 10px;">
                          <option value="U" name="new_role_name_option">Студент</option>
                          <option value="T" name="new_role_name_option">Преподователь</option>
                          <option value="M" name="new_role_name_option">Менеджер</option>
                          <option value="S" name="new_role_name_option">Руководитель</option>
                      </select>
                      <input name="new_role_checked" type="text" readonly style="display: none;">
                      <button class="btn btn-warning btn-lg" onclick="create_new_role()">Назначить</button>
                   </form>

                </div>
            </div>
          <div class="modal-footer">
      </div>
    </div>
  </div>
</div>
</div>

{% 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>
            <!-- <small class="text-muted">Welcome to angulr application</small> -->
          </div>
        </div>
      </div>
      <div class="wrapper-md">
        <div class="row">
            <form onsubmit="return false;">
                <p style="font-size: 20px; font-weight: bold;margin-left: 2%;">Поиск счета</p>
                <input name="user_search" type="text" style="margin-right: 1%; width: 85%; margin-left: 1%;padding: 10px;font-size:20px;font-weight: bold;    border: 2px solid yellow;" inpmask="phone">
                <button onclick="get_bill_info($('[name=user_search]').val())"
                        style="float: right; width: 12%;margin-right: 1%;padding: 10px;font-weight: bold;font-size: 20px;">Поиск</button>
            </form>
            <p style="text-align: center;padding: 10px;display: none;" name="load_user_list"><img src="/static/img/ui-anim_basic_16x16.gif"></p>
            <p style="text-align: center;padding: 10px;display: none;margin: 0 10px;background: #fff;" name="empty_user_list">Счет не найден</p>
            <div name="content_result" style="padding: 20px;
    background: #fff;
    border-radius: 3px;
    margin: 20px;">

            </div>
          </div>
        </div>
      <!-- / main header -->
      
    </div>
  <!-- / main -->
  <!-- right col -->
  <!-- / right col -->
{% endblock %}
{% block js %}
{% endblock %}