<div class="tab-pane fade" id="pills-shop" role="tabpanel" aria-labelledby="pills-shop-tab">
  <div class="row">
    <div class="col-12">
      <div class="form-group mb-1">
        <div class="container-fluid">
          <label for="old_pass">Выберите сервер</label>
          <div class="row">
            {include 'shop/server_list.tpl'}
          </div>
        </div>
      </div>
    </div>
  </div>

  <div id="shop-items-list">
    <div class="container-fluid container-items">
      <div class="row">
      </div>
    </div>
  </div>
  <div class="container-fluid">
    <div class="cabinet-pagination"></div>
    {if isset($server_list) }
    <div class="row">
      <div class="col-xl-12 col-md-12 mb-3">
        <form id="search-form_data">
          <div class="form-group mb-1 d-flex">
            <input type="text" id="shop-query" name="shop-query" class="form-control" placeholder="Поиск предмета" autocomplete="false">
            <select name="shop-category" id="shop-category" class="form-control ml-2 d-block w-50" onchange="search_product('1')"><select>
              <button type="button" class="cabinet-button ml-2 d-block w-50" onclick="search_product('1')">Найти</button>
            </div>
          </form>
        </div>
      </div>
      {/if}
    </div>
  </div>



  <div class="modal fade" id="buyProductModal" tabindex="-1" role="dialog" aria-labelledby="buyProductModal" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="replanishBalanceTitle">Покупка блока</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">

        </div>
      </div>
    </div>
  </div>

  <div class="modal fade" id="buyPrivilageModal" tabindex="-1" role="dialog" aria-labelledby="buyPrivilageModal" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="replanishBalanceTitle">Покупка привилегии</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
          <form action="" id="privilage_form">
            <input type="hidden" name="operation" value="buy_privilage">
            <input type="hidden" name='privilage_id' id="privilage_id">
            <input type="hidden" name='privilage_server' id="privilage_server">
            <div class="form-group mb-1">
              <label>Привилегия: <b id="privilage_name"></b></label>
            </div>
            <div class="form-group mb-1">
              <label>Выберите период:</label>
              <select class='form-control form-control-sm p-0 pl-1 form-block__input' name='privilage_month' id='privilage_month'>
                <option selected disabled>Выберите</option>
                <option value='1'>1 месяц</option>
                <option value='2'>2 месяца</option>
                <option value='3'>3 месяца</option>
                <option value='4'>4 месяца</option>
                <option value='5'>5 месяцев</option>
                <option value='6'>6 месяцев</option>
                <option value='7'>7 месяцев</option>
                <option value='8'>8 месяцев</option>
                <option value='9'>9 месяцев</option>
                <option value='10'>10 месяцев</option>
                <option value='11'>11 месяцев</option>
                <option value='12'>12 месяцев</option>
              </select>
            </div>
            <button type="button" class="cabinet-button" onclick="buy_privilage('privilage_form', this)">Купить</button>
          </form>
        </div>
      </div>
    </div>
  </div>