{% extends 'base.jinja' %}
{% block content %}
    {% if banners %}
        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
            <!-- Indicators -->
            <ol class="carousel-indicators">
                {% for c in range(banners.count()) %}
                    <li data-target="#carousel-example-generic" data-slide-to="{{ c }}"
                        class="{% if loop.first %}active{% endif %}"></li>
                {% endfor %}
            </ol>
            <!-- Wrapper for slides -->
            <div class="carousel-inner" role="listbox">
                {% for b in banners %}
                    <div class="item {% if loop.first %}active{% endif %}">
                        <a href="{{ b.link }}">
                            <img src="/static/{{ b.image }}" alt="{{ b.title }}" title="{{ b.title }}">
                        </a>
                    </div>
                {% endfor %}
            </div>
            <!-- Controls -->
            <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                <span class="sr-only">Назад</span>
            </a>
            <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                <span class="sr-only">Вперед</span>
            </a>
        </div>
    {% endif %}
    <div class="index-goods">
        <div class="row">
            {% for product in products %}
                <div class="col-md-3 col-xs-3 col-sm-3 col-lg-3">
                    <div class="thumbnail">
                        {% set im = product.main_image()|thumbnail("420x420") %}
                        <a href="{{ product.get_absolute_url() }}"><img src="/static/{{ im.url }}"
                                                                        class="img-responsive"
                                                                        alt="Купить {{ product.title }}"
                                                                        title="Купить {{ product.title }}"></a>
                        <div class="caption">
                            <div class="title">
                                <a href="{{ product.get_absolute_url() }}">
                                    {{ product.title }}
                                </a>
                            </div>
                            <div class="price">
                                {{ product.min_price(request.user) }} ₸
                            </div>
                            {% if product.in_stock() %}
                                <div class="state-yes">
                                    <span class="glyphicon glyphicon-ok-sign" aria-hidden="true"></span> Товар
                                    есть в наличии
                                </div>
                            {% else %}
                                <div class="state-no">
                                    <span class="glyphicon glyphicon-ok-sign" aria-hidden="true"></span> Товара
                                    нет в наличии
                                </div>
                            {% endif %}
                            <div class="in-cart">
                                {% if product.in_stock() %}
                                    <a class="btn btn-warning btn-block"
                                       href="/store/cart/add/?pk={{ product.variations.filter(in_stock__gt=0).order_by('price').first().pk }}&count=1&next={{ request.get_full_path()|urlencode }}"><span><span
                                            class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span> Добавить в корзину</span></a>
                                {% elif product.delivery_date() %}
                                    <a class=" btn btn-primary btn-block order-order-link" href="#order-form"
                                       data-itemid="{{ product.pk }}"><span><span
                                            class="glyphicon glyphicon-import"
                                            aria-hidden="true"></span> Ожидается {{ product.delivery_date() }}</span></a>
                                {% else %}
                                    <a class=" btn btn-danger btn-block order-order-link" href="#order-form"
                                       data-itemid="{{ product.pk }}"><span><span
                                            class="glyphicon glyphicon-import"
                                            aria-hidden="true"></span> Заказать</span></a>
                                {% endif %}
                            </div>
                        </div>
                    </div>
                </div>
            {% endfor %}
        </div>
    </div>
    <div class="panel" style="padding: 15px 20px;   text-align: justify;">
        <h1 style="font-size: 19px;   margin-top: 10px;" class="text-left">Интернет-магазин снаряжения для подводной
            охоты и дайвинга</h1>
        Решили заняться подводной охотой или дайвингом? Наш магазин готов помочь вам обзавестись необходимым
        снаряжением, которое обеспечит комфорт и безопасность вашего нового экстремального увлечения. Не имеет значения
        новичок вы или профессионал – разнообразие ассортимента и ценовая политика интернет-магазина Батискаф-Казахстан
        порадуют любого клиента.<p>Правильно подобранное снаряжение для подводной охоты – залог приятного и безрискового
        времяпрепровождения под водой. Только использование качественных материалов при изготовлении экипировки способно
        обеспечить удобство и уверенность в прочности костюма. Мы следим за качеством наших товаров, а вам остается
        только подобрать для себя необходимые аксессуары и экипировку.
        <p>Наш магазин подводной охоты имеет в своем арсенале все необходимые сертифицированные атрибуты для подводной
            охоты, выполненные из качественных материалов, использование которых не только доставит удовольствие, но и
            сведет риски нахождения в воде к минимуму. У нас вы можете приобрести все и сразу по адекватным ценам. А
            если вы еще не определились с выбором, мы будем рады вам помочь.
    </div>
{% endblock %}