You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
213 lines
16 KiB
213 lines
16 KiB
{% extends 'base.jinja' %}
|
|
{% block title %}
|
|
Корзина товаров
|
|
{% endblock %}
|
|
{% block meta_description %}
|
|
Корзина товаров Батискаф-Казахстан.
|
|
{% endblock %}
|
|
{% block meta_keywords %}
|
|
Корзина товаров, Корзина, Товары, Покупки, Батискаф-Казахстан
|
|
{% endblock %}
|
|
{% block content %}
|
|
<div class=" breadcrumbs">
|
|
<ol class="breadcrumb breadcrumb-arrow">
|
|
<li><a href="/">Главная</a></li>
|
|
<li class="active"><span>Корзина</span></li>
|
|
</ol>
|
|
</div>
|
|
<div class="row">
|
|
<h3>Корзина товаров</h3><br/>
|
|
{% if cart.items %}
|
|
<div class="panel panel-default">
|
|
<form action="" method="post"><input type="hidden" name="csrfmiddlewaretoken" value="{{ csrf_token }}">
|
|
<table class="table table-hover table-cart ">
|
|
<thead>
|
|
<tr>
|
|
<th>Фото</th>
|
|
<th>Наименование</th>
|
|
<th>Цена за единицу</th>
|
|
<th>Количество</th>
|
|
<th>Итого</th>
|
|
<th>Действия</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for item in cart.items %}
|
|
<tr>
|
|
<td class="text-center table-cart-image">
|
|
{% set im = item.item.product.main_image()|thumbnail("80x80") %}
|
|
<a href="{{ item.item.product.get_absolute_url() }}"><img src="/static/{{ im.url }}"
|
|
alt="{{ item.item.product.title }}"
|
|
title="{{ item.item.product.title }}"
|
|
class="img-thumbnail"/></a>
|
|
</td>
|
|
<td>
|
|
<a href="{{ item.item.product.get_absolute_url() }}">{{ item.item.product.title }}</a><br/>
|
|
<em>{{ item.item.variation }}</em>
|
|
</td>
|
|
<td class="text-right info">{{ item.item.get_price(request.user) }} ₸</td>
|
|
<td class="text-right"><input type="number" value="{{ item.count }}"
|
|
name="{{ item.id }}" class="form-control col-xs-1"/>
|
|
</td>
|
|
<td class="text-right success">{{ item.subtotal }} ₸</td>
|
|
<td class="text-center">
|
|
<a class="text-danger" href="/store/cart/remove/?id={{ item.id }}"><span
|
|
class="glyphicon glyphicon-remove"></span> Удалить</a>
|
|
</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
<tfoot>
|
|
<tr>
|
|
<th colspan="5" class="text-left"><p class="text-right price-subtotal">
|
|
Стоимость товара: <span id="cart-itogo">{{ cart.total }}</span> ₸ <br/>
|
|
Стоимость доставки: <span id="order-itogo-delivery-up">0</span> ₸
|
|
<br/>
|
|
Итого к оплате: <span id="order-itogo-amount-up">{{ cart.total }}</span> ₸
|
|
</p>
|
|
<p>
|
|
<a href="javascript:history.back()" class="">
|
|
← Продолжить покупки</a>
|
|
</p>
|
|
</th>
|
|
<th class="text-center">
|
|
<button type="submit" class="btn btn-primary"><span
|
|
class="glyphicon glyphicon-repeat"></span> Пересчитать
|
|
</button>
|
|
</th>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
</form>
|
|
</div>
|
|
<div class="order-data">
|
|
<div class="row">
|
|
<h3 class="">Расчет доставки</h3><br/>
|
|
<div class="col-xs-6 col-xs-offset-3">
|
|
<div class="panel panel-default">
|
|
<div class="panel-body">
|
|
<form action="" class="" method="post"><input type="hidden" name="csrfmiddlewaretoken"
|
|
value="{{ csrf_token }}">
|
|
<br>
|
|
<div class="form-group"><label class="control-label" for="deliv_service">Служба
|
|
доставки</label></div>
|
|
<div class="radio">
|
|
<label>
|
|
<input type="radio" name="deliv_service" id="deliv_service1" value="kazpost"
|
|
checked>
|
|
Казпочта <br><img src="/static/img/kazpost.jpg" alt="" width="150">
|
|
</label>
|
|
</div>
|
|
<div class="radio" style="display:none">
|
|
<label>
|
|
<input type="radio" name="deliv_service" id="deliv_service2"
|
|
value="alemtat">
|
|
Алемтат <br><img src="/static/img/alemtat.jpg" alt="" width="150">
|
|
</label>
|
|
</div>
|
|
|
|
|
|
<div class="alemtat_block" style="display: none;">
|
|
<div class="form-group">
|
|
<label class="control-label" for="id_city">Город</label>
|
|
<div>
|
|
<select name="city" id="id_city" class="form-control">
|
|
{% for city in alemtat_cities %}
|
|
<option value="{{ city[0] }}" {% if request.POST['city'] %}selected{% endif %}>{{ city[1] }}</option>
|
|
{% endfor %}
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label class="control-label" for="id_deliv_type">Способ доставки</label>
|
|
<div>
|
|
<select name="deliv_type" id="id_deliv_type" class="form-control">
|
|
{% for service in alemtat_services %}
|
|
<option value="{{ service[0] }}" {% if request.POST['deliv_type'] %}selected{% endif %}>{{ service[1] }}</option>
|
|
{% endfor %}
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label" for="id_alemtat_address">Адрес</label>
|
|
<div>
|
|
<input name="alemtat_address" type="text" id="id_alemtat_address"
|
|
class="form-control" value="{{ request.POST['alemtat_address'] or '' }}">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="kazpost_block">
|
|
<div class="form-group">
|
|
<label class="control-label" for="id_city">Ближайшее областное отделение</label>
|
|
<div>
|
|
<select name="kazpost_city" id="id_kazpost_city" class="form-control">
|
|
{% for city in kazpost_cities %}
|
|
<option value="{{ city[0] }}" {% if request.POST['kazpost_city'] %}selected{% endif %}>{{ city[1] }}</option>
|
|
{% endfor %}
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="form-group">
|
|
<label class="control-label" for="id_kazpost_address">Адрес</label>
|
|
<div>
|
|
<input name="kazpost_address" type="text" id="id_kazpost_address"
|
|
class="form-control" value="{{ request.POST['kazpost_address'] or '' }}">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{ form|bootstrap }}
|
|
|
|
|
|
|
|
<br>
|
|
<div class="order-itogo text-right">
|
|
Стоимость доставки: <span id="order-itogo-delivery">0</span> ₸
|
|
<br/>
|
|
Итого к оплате: <span id="order-itogo-amount">{{ cart.total }}</span> ₸
|
|
</div>
|
|
<br/>
|
|
<div class="radio">
|
|
<label>
|
|
<input type="radio" name="payment_type" id="optionsRadios1" value="card"
|
|
checked>
|
|
Оплата пластиковой картой <br><img src="/static/img/cards.png" alt="">
|
|
</label>
|
|
</div>
|
|
<div class="radio">
|
|
<label>
|
|
<input type="radio" name="payment_type" id="optionsRadios2" value="bank">
|
|
Прямой банковский платеж <br><img src="/static/img/bank.png" alt="">
|
|
</label>
|
|
</div>
|
|
<br>
|
|
<div class="alert alert-warning ">
|
|
|
|
Нажимая кнопку "Продолжить", Вы соглашаетесь с условиями <a href='/oferta/'>публичного договора-оферты</a>.
|
|
</div>
|
|
<br/>
|
|
<div class="form-group text-center">
|
|
<button type="submit" name="order_next" class="btn btn-success">Продолжить
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% else %}
|
|
<div class="alert alert-warning alert-dismissable">
|
|
<h4>Ваша корзина пуста</h4>
|
|
<p>Вы еще ничего не добавляли в корзину. Выберите товары и добавьте их в корзину для дальнейшего
|
|
оформления покупки.</p>
|
|
<p><a class="btn btn-warning" href="/">Перейти на главную страницу</a></p>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
{% endblock %}
|
|
|