{% spaceless %}

{% set erer = shop__get_carts() %}

{% set summa = 0 %}

<div class="container checkout-cart-form">

    {% if get.warn_order is defined %}

    <div class="row">
        <div class="col-md-12 col-sm-12 text-center">
            <h3 class="bg-warning" style="border: 2px solid red; padding: 10px 20px;">{{ get.warn_order }}</h3>
        </div>
    </div>

    {% else %}


    <form action="" method="post">

        <div class="row">
            <div class="col-md-8 col-sm-12">
                <table class="table table- xshop_table">
                    <thead>
                        <tr style="position:sticky; top:0; background-color:white; border-bottom: 1px solid gray;">
                            <th class="product-thumbnail hidden-xs">&nbsp;</th>
                            <th class="product-name text-center">Товар</th>
                            <th class="product-price text-center">Цена</th>
                            <th class="quantity text-center">Кол-во</th>
                            <th class="product-subtotal text-center hidden-xs">Сумма</th>
                            <th>&nbsp;</th>
                        </tr>
                    </thead>
                    <tbody>

                        {% for k,item in session.cart %}

                        {% include constant('dir_mods_mod_vers_tpl')~'body.cart.item.htm' %}
                        {% set summa = summa + ( ( items_in_cart[item.id]['a_price'] ? items_in_cart[item.id]['a_price']
                        : 0 ) * item.kolvo ) %}
                        {% endfor %}

                    </tbody>
                </table>

                <br />
                <br />

                <p style="color:gray;">* - менеджер свяжется с Вами, согласует цену и срок доставки.</>

            </div>
            <div class="col-md-4 col-sm-12">
                <div class="aside-shopping-cart-total">
                    <h2>Заказ</h2>
                    <ul>
                        <li><span class="text">Итого: <span class="xcart-number" id="summa_all_show">{{
                                    summa|number_format(2,',','`') }}₽</span></span></li>

                        <li>
                            <br />
                            <br />
                            <span class="text xcalculate">Контактные данные</span>
                        </li>

                        <li><label>Как Вас зовут:
                                <br /><input type="text" class="form-contol" style='max-width: 100%;' name="io"
                                    required="" /></label></li>

                        <li><label>Телефон:
                                <br /><input type="text" class="form-contol" style='max-width: 100%;' name="phone"
                                    required="" /></label></li>

                        <li><label>Ваш город:
                                <br /><input type="text" class="form-contol" style='max-width: 100%;' name="city"
                                    required="" value="Тюмень" /></label></li>

                        <li><label><input type="checkbox" xclass="form-contol" style='max-width: 100%;' name="help"
                                    {#required=""#} 
                                    id="help" value="yes" checked="checked" /> Нужна помощь специалиста
                            </label></li>

                        <li id="help_text">
                            <div style="padding: 10px; {# background-color: rgba(255,255,5,0.5); #} ">
                                <p style="color: red;"><b>Кроссы и замены на сайте Avto-AS являются справочной информацией и нуждаются в
                                    дополнительной
                                    проверке. Ответственность за корректный подбор запасных частей лежит на Покупателе.
                                    В случае
                                    неверного самостоятельного подбора возврат деталей не возможен.
                                    <!-- Если требуется помощь - необходимо обратиться к специалисту магазина. -->
                                </b>
                                </p>
                            </div>
                        </li>

                        <script>
                            $(document).ready(function () {
                                // вся мaгия пoслe зaгрузки стрaницы
                                $('#help_text').hide();

                                $('input#help').click(function () {

                                    var checked = $("input#help:checked");

                                    if (checked.length == 0) {
                                        $("#help_text").show('slow');
                                    } else {
                                        $("#help_text").hide();
                                        // $('div#' + $(this).val()).show();
                                    }

                                });

                            });
                        </script>

                        <li id="dost1">Нужна доставка ? <span class="btn btn-sm btn-primary"
                                onclick="$('#dost2').show('slow');$('#dost1').hide('slow');">Да</span></li>

                        <li id="dost2" style="display:none;">
                            <label>Адрес доставки
                                <br /><input type="text" class="form-contol" style='max-width: 100%;'
                                    name="dost" /><br />
                                {#<small>Заполните адрес доставки</small> #}</label>
                        </li>

                    </ul>
                    <div class="process">
                        <button type="submit" class="btn-checkout">Отправить заказ</button>
                    </div>
                </div>
            </div>
        </div>
    </form>
    <div class="shopping-cart-option">

    </div>
    {% endif %}
</div>

{% endspaceless %}