shop
72 lines
2.7 KiB
Plaintext
72 lines
2.7 KiB
Plaintext
<%- include('partials/layout-start') %>
|
||
|
||
<h1>Оформление заказа</h1>
|
||
|
||
<% if (error) { %><p class="alert alert--error"><%= error %></p><% } %>
|
||
|
||
<div class="checkout-layout">
|
||
<form action="/checkout" method="post" class="form card">
|
||
<h2>Данные доставки</h2>
|
||
<label class="label">
|
||
Имя
|
||
<input type="text" name="name" class="input" required value="<%= user ? user.name : '' %>">
|
||
</label>
|
||
<label class="label">
|
||
Email
|
||
<input type="email" name="email" class="input" required value="<%= user ? user.email : '' %>">
|
||
</label>
|
||
<label class="label">
|
||
Телефон
|
||
<input type="tel" name="phone" class="input" placeholder="+7 …">
|
||
</label>
|
||
<label class="label">
|
||
Адрес доставки
|
||
<textarea name="address" class="input" rows="3" required placeholder="Город, улица, дом, квартира"></textarea>
|
||
</label>
|
||
<button type="submit" class="btn btn--primary btn--lg btn--block">Подтвердить заказ</button>
|
||
</form>
|
||
|
||
<aside class="checkout-summary card">
|
||
<h2>Ваш заказ</h2>
|
||
<ul class="checkout-list">
|
||
<% items.forEach(item => { %>
|
||
<li>
|
||
<span><%= item.name %> × <%= item.quantity %></span>
|
||
<span><%= formatPrice(item.line_total) %></span>
|
||
</li>
|
||
<% }) %>
|
||
</ul>
|
||
<% if (pricing.promo) { %>
|
||
<p class="checkout-promo">
|
||
Промокод <strong><%= pricing.promo.code %></strong>
|
||
<span class="promo-countdown" data-expires="<%= pricing.promo.expires_at %>">
|
||
(<span class="promo-countdown__timer">—</span>)
|
||
</span>
|
||
</p>
|
||
<% } %>
|
||
<dl class="cart-summary__dl">
|
||
<dt>Товары</dt>
|
||
<dd><%= formatPrice(pricing.subtotal) %></dd>
|
||
<% if (pricing.promoDiscount > 0) { %>
|
||
<dt>Скидка по промокоду</dt>
|
||
<dd class="cart-summary__discount">−<%= formatPrice(pricing.promoDiscount) %></dd>
|
||
<% } %>
|
||
<% if (pricing.loyaltyDiscount > 0) { %>
|
||
<dt>Баллы лояльности</dt>
|
||
<dd class="cart-summary__discount">−<%= formatPrice(pricing.loyaltyDiscount) %></dd>
|
||
<% } %>
|
||
<% if (pricing.pointsEarned > 0) { %>
|
||
<dt>Начислим баллов</dt>
|
||
<dd>+<%= pricing.pointsEarned %></dd>
|
||
<% } %>
|
||
<dt class="cart-summary__total-label">К оплате</dt>
|
||
<dd class="cart-summary__total"><%= formatPrice(pricing.total) %></dd>
|
||
</dl>
|
||
<p class="muted"><a href="/cart">Изменить корзину или промокод</a></p>
|
||
</aside>
|
||
</div>
|
||
|
||
<script src="/js/promo-countdown.js"></script>
|
||
|
||
<%- include('partials/layout-end') %>
|