{include file="_partials/head.tpl"}

<main class="main">
  <h1 class="page-title">Оформление заказа</h1>

  [if {error}="csrf"]<div class="alert error">Сессия истекла. Перезагрузите страницу.</div>[/if]
  [if {error}="invalid"]<div class="alert error">Проверьте имя и email.</div>[/if]
  [if {error}="empty"]<div class="alert error">Корзина пуста.</div>[/if]
  [if {error}="items"]<div class="alert error">Некоторые товары в корзине недоступны. Обновите корзину.</div>[/if]

  <div class="checkout-grid">
    <form method="post" action="/checkout" class="checkout-form card" data-checkout-form>
      {csrf}
      <h3>Контакты</h3>
      <div class="form-group"><label>Имя</label><input type="text" name="name" value="{user.name}" required></div>
      <div class="form-group"><label>Email</label><input type="email" name="email" value="{user.email}" required></div>
      <div class="form-group"><label>Телефон</label><input type="tel" name="phone"></div>
      <h3>Доставка</h3>
      <div class="form-group"><label>Адрес</label><textarea name="address" rows="2"></textarea></div>
      <div class="form-group"><label>Комментарий</label><textarea name="comment" rows="2"></textarea></div>
      <button type="submit" class="btn-primary">Подтвердить заказ</button>
    </form>

    <aside class="checkout-summary card">
      <h3>В заказе</h3>
      <div data-checkout-summary>
        <p class="muted">Загрузка…</p>
      </div>
    </aside>
  </div>
</main>

{include file="_partials/foot.tpl"}
