{% extends 'base_index.html' %}
{% block modals %}
     <!-- Modal Смена пароля-->
<div class="modal fade" id="new_bill" style="z-index: 12000;" 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;">
                      <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>
                      <input name="new_bill_checked_service" type="text" readonly style="display: none;">
                      <button class="btn btn-warning btn-lg" onclick="create_new_bill()">Отправить</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/profile/">
                <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="search_users($('[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;margin-top: 30px;"><button class="btn btn-bg btn-lg btn-success" style="width: 50%;" onclick="simple_registration('Pd1GTgUSHH1TjzcaPEqB', $('[name=user_search]').val())">Отправить письмо регистрации</button></p>
            <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>
            <table width="100%" style="margin-top: 20px;">
                <thead>
                    <tr style="border-bottom: 1px dotted #ccc;">
                        <td style="padding: 10px; background: #fff;border-right: 1px dotted #ccc;">Пользователь</td>
                        <td style="padding: 10px; background: #fff;border-right: 1px dotted #ccc;">email</td>
                        <td style="padding: 10px; background: #fff;border-right: 1px dotted #ccc;">Телефон</td>
                        <td style="padding: 10px; background: #fff;">Действие</td>
                    </tr>
                </thead>
                <tbody name="search_results">

                </tbody>
            </table>
          </div>
        </div>
      <!-- / main header -->
      
    </div>
  <!-- / main -->
  <!-- right col -->
  <!-- / right col -->
{% endblock %}