{include file=$header_admin h1="Заказы" title="Заказы"}
<input type="hidden" id="zakaz_id">
<div id="tabs">
  <ul>
    <li><a href="#new_orders" class="a_status" data-id="0">Новые заказы</a></li>
    <li><a href="#rabota" class="a_status" data-id="1">В обработке</a></li>
	<li><a href="#order_end" class="a_status" data-id="2">Завершенные</a></li>
    <li><a href="#order_del" class="a_status" data-id="3">Отмененные</a></li>
  </ul>
  	<div id="new_orders">
        {* новые заказы *}
        <table class="table">
            <tr>
            <td>№</td>
			<td>Дата</td>
            <td>ФИО</td>
            <td>Телефон</td>
            </tr>
            {section name=customer loop=$new_orders}
			{if $new_orders[customer].id}
            <tr id="tr_new_{$new_orders[customer].id}">
            <td>{$new_orders[customer].id}</td>
			<td><a href="{$new_orders[customer].id}" class="show_zakaz" data-user_id="{$new_orders[customer].user_id}">{$new_orders[customer].t|date_format:"%H:%M %d.%m.%Y"}</a></td>
            <td>{$new_orders[customer].fio}</td>
            <td>{$new_orders[customer].tel}</td>
            </tr>
		    {/if}
			{/section}
        </table>
    </div>
  	<div id="rabota">
                {* заказы в обработке *}
        <table class="table">
            <tr>
            <td>№</td>
			<td>Дата</td>
            <td>ФИО</td>
            <td>Телефон</td>
            </tr>
            {section name=customer loop=$work_orders}
			{if $work_orders[customer].id}
            <tr id="tr_new_{$new_orders[customer].id}">
            <td>{$work_orders[customer].id}</td>
			<td><a href="{$work_orders[customer].id}" class="show_zakaz" data-user_id="{$work_orders[customer].user_id}">{$work_orders[customer].t|date_format:"%H:%M %d.%m.%Y"}</a></td>
            <td>{$work_orders[customer].fio}</td>
            <td>{$work_orders[customer].tel}</td>
            </tr>
		    {/if}
			{/section}
        </table>
    </div>
  	<div id="order_end">
                {* заказы завершенные *}
        <table class="table">
            <tr>
            <td>№</td>
			<td>Дата</td>
            <td>ФИО</td>
            <td>Телефон</td>
            </tr>
            {section name=customer loop=$end_orders}
			{if $end_orders[customer].id}
            <tr id="tr_new_{$end_orders[customer].id}">
            <td>{$end_orders[customer].id}</td>
			<td><a href="{$end_orders[customer].id}" class="show_zakaz" data-user_id="{$end_orders[customer].user_id}">{$end_orders[customer].t|date_format:"%H:%M %d.%m.%Y"}</a></td>
            <td>{$end_orders[customer].fio}</td>
            <td>{$end_orders[customer].tel}</td>
            </tr>
		    {/if}
			{/section}
        </table>
    </div>
  	<div id="order_del">
                {* заказы удаленные *}
        <table class="table">
            <tr>
            <td>№</td>
			<td>Дата</td>
            <td>ФИО</td>
            <td>Телефон</td>
            </tr>
            {section name=customer loop=$del_orders}
			{if $del_orders[customer].id}
            <tr id="tr_new_{$del_orders[customer].id}">
            <td>{$del_orders[customer].id}</td>
			<td><a href="{$del_orders[customer].id}" class="show_zakaz" data-user_id="{$del_orders[customer].user_id}">{$del_orders[customer].t|date_format:"%H:%M %d.%m.%Y"}</a></td>
            <td>{$del_orders[customer].fio}</td>
            <td>{$del_orders[customer].tel}</td>
            </tr>
		    {/if}
			{/section}
        </table>
    </div>
</div>
  <link rel="stylesheet" href="/api/jquery/jquery-ui/dark-hive1.12.1/jquery-ui.css">
  <link rel="stylesheet" href="/api/jquery/jquery-ui/dark-hive1.12.1/jquery-ui.theme.min.css">
<!-- Modal -->
<div class="modal fade" id="show_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" id="modal_txt">
      </div>
      <div class="modal-footer">
	      <select name="status" id="select_status" class="form-control">
		  	<option value="0">Новый</option>
			<option value="1">В обработке</option>
			<option value="2">Завершен</option>
			<option value="3">Отменен</option>
		  </select>
        <button type="button" class="btn btn-primary" id="print_zakaz" title="Напечатать"><i class="fas fa-print"></i></button>
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Закрыть</button>
      </div>
    </div>
  </div>
</div>
{include file=$footer_admin}