{% extends 'base_index.html' %}
{% block title %}Кабинет продаж{% endblock %}
{% block modals %}
{% 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"><i class="glyphicon glyphicon-home"></i> Кабинет продаж</h1>
          </div>
        </div>
      </div>
      <div class="wrapper-md">
        <div class="row col-lg-12" style="text-align: center;">
          <ul class="nav nav-tabs" role="tablist">
            <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Внутренние счета</a></li>
            <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Свободные счета</a></li>
          </ul>
          <div class="tab-pane fade">
            <div role="tabpanel" class="tab-pane active" id="home">
            <p name="error_place" style="padding: 10px;background: #99CC99;color:#fff;width: 50%;font-weight: bold;margin: 50px auto 0;">
                Проверка
            </p>
            <form onsubmit="return false">
                <h2 style="font-weight: bold;">Пользователь</h2>
                <input name="user_search" type="text" style="margin-right: 1%; width: 50%; margin-left: 1%;padding: 10px;font-size:20px;font-weight: bold;border: 2px solid yellow;left: 15px;
        position: relative;">
                <img src="/static/img/ui-anim_basic_16x16.gif" style="    position: relative;
        left: -45px;
        top: -4px;">
                <button class="btn btn-green" style="position: absolute;
        margin-top: 10px;"><i class="glyphicon glyphicon-user" style="margin-right: 5px;"></i> Зарегистрировать</button>
                <h2 style="font-weight: bold;">Услуга</h2>
                <select name="service" style="margin-right: 1%; width: 50%; margin-left: 1%;padding: 10px;font-size:20px;font-weight: bold;border: 2px solid yellow;">
                        <option> --- </option>
                    {% for price in prices %}
                        <option>{{ price }}</option>
                    {% endfor %}
                </select>
                <h2 style="font-weight: bold;">Стоимость</h2>
                <input name="price" type="text" style="margin-right: 1%; width: 50%; margin-left: 1%;padding: 10px;font-size:20px;font-weight: bold;border: 2px solid yellow;" inpmask="phone"><Br>
                <button class="btn btn-green btn-lg" style="width: 50%; margin-top: 20px;">Отправить счет</button>
            </form>
          </div>

          <div class="row col-lg-3">
              <h3 style="    margin: 5px 0;
        border-bottom: 1px dotted #ccc;
        padding-bottom: 10px;">Свободные счета</h3>
          </div>
          </div>


        </div>
      <div role="tabpanel" class="tab-pane fade" id="profile">...</div>
        </div>
      <!-- / main header -->
      
    </div>
  <!-- / main -->
  <!-- right col -->
  <!-- / right col -->
{% endblock %}