{include file=$header h1="Корзина" title="Корзина"}
<section class="container">
  <nav aria-label="breadcrumb">
    <ol class="breadcrumb">
      <li class="breadcrumb-item"><a href="/">Главная</a></li>
      <li class="breadcrumb-item active" aria-current="page">Корзина</li>
    </ol>
  </nav>


<table class="table">
  <tr>
    <td><b>Наименование</b></td><td><b>Количество</b></td><td><b>Цена</b></td><td><b>Итог</b></td></tr>
{section name=customer loop=$list}
    {if $list[customer].id}
<tr><td>{$list[customer].naim}
    <input type="hidden" value="{$list[customer].tovar_id}">
    </td>
<td>
<div class="input-group mb-3" style="width: 110px;">
	<div class="input-group-prepend">
    	<button class="btn btn-outline-secondary change_col" data-tip="m" data-id="{$list[customer].tovar_id}" type="button" id="button-addon1">-</button>
    </div>
    <input type="text" class="form-control" placeholder="" id="input_{$list[customer].tovar_id}" aria-label="Example text with button addon" aria-describedby="button-addon1" value="{$list[customer].col}" style="text-align:center">
    <div class="input-group-append">
    	<button class="btn btn-outline-secondary change_col" data-tip="p" data-id="{$list[customer].tovar_id}" type="button" id="button-addon1">+</button>
  	</div>
</div>
</td>    
    <td id="cena_{$list[customer].tovar_id}" data-cena="{$list[customer].cena}">{$list[customer].cena}</td>
    <td id="td_itog_{$list[customer].tovar_id}" class="poditog">{$list[customer].itog}</td>
</tr>
{/if}{/section}
    <tr><td></td><td></td><td><b>ИТОГО:</b></td><td><b id="main_itog">Итог</b></td></tr>
</table>
    <button type="button" class="btn btn-outline-dark" id="btn_zakaz">Оформить заказ</button>
</section>
<!-- Modal -->
<div class="modal fade" id="of_zakaz" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Оформление заказа</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">×</span>
        </button>
      </div>
      <div class="modal-body">
          <div id="div-form">
              <form>
  				<div class="form-group">
    				<label for="fio">Представьтесь</label>
    				<input type="input" class="form-control" id="fio" aria-describedby="emailHelp" placeholder="Фамилия, имя, отчество">
    				<!--small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small-->
  				</div>
  				<div class="form-group">
    				<label for="tel">Контакты</label>
    				<input type="input" class="form-control" id="tel" placeholder="Номер телефона">
  				</div>
			  </form>
          </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" id="btn_send_zakaz">Отправить</button>
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Закрыть</button>
      </div>
    </div>
  </div>
</div>
{include file=$footer}