{% extends 'base.html' %}
{% block content %}
    <div class="col-12">
        <div class="content">
            <div class="content__title">Корзина</div>
            <div class="basket">
                <div class="basket__title">
                    <div class="row">
                        <div class="col-6">
                            Товар
                        </div>
                        <div class="col-2">
                            Цена
                        </div>
                        <div class="col-2">
                            Количество
                        </div>
                        <div class="col-2">
                            Сумма
                        </div>
                    </div>
                </div>
                <div class="basket__item">
                    <div class="row align-items-center">
                        <div class="col-md-6 col-12">
                            <div class="basket__good d-flex align-items-center">
                                <div class="basket__image"><img src="./img/item-image-min.png" alt=""></div>
                                <div class="basket__info">
                                    <ul class="basket__breadcrumbs breadcrumbs">
                                        <li>Товары</li>
                                        <li>Антивирусы</li>
                                    </ul>
                                    <div class="basket__good-name">Microsoft Windows 7 Professional SP1
                                        (x32/x64) GGK [6PC-00024]
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-12 basket__option">
                            <div class="row">
                                <div class="col-4 align-self-start">
                                    <div class="basket__title-mob">Цена</div>
                                    <div class="basket__price">10 000 ₽</div>
                                </div>
                                <div class="col-4 align-self-start">
                                    <div class="basket__title-mob align-self-start">Количество</div>
                                    <div class="basket__count">2 шт</div>
                                </div>
                                <div class="col-4 align-self-start">
                                    <div class="basket__title-mob ">Сумма</div>
                                    <div class="basket__sum">20 000 ₽</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="basket__item">
                    <div class="row align-items-center">
                        <div class="col-md-6 col-12">
                            <div class="basket__good d-flex align-items-center">
                                <div class="basket__image"><img src="./img/item-image-min.png" alt=""></div>
                                <div class="basket__info">
                                    <ul class="basket__breadcrumbs breadcrumbs">
                                        <li>Товары</li>
                                        <li>Антивирусы</li>
                                    </ul>
                                    <div class="basket__good-name">Microsoft Windows 7 Professional SP1
                                        (x32/x64) GGK [6PC-00024]
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-12 basket__option">
                            <div class="row">
                                <div class="col-4 align-self-start">
                                    <div class="basket__title-mob">Цена</div>
                                    <div class="basket__price">10 000 ₽</div>
                                </div>
                                <div class="col-4 align-self-start">
                                    <div class="basket__title-mob align-self-start">Количество</div>
                                    <div class="basket__count">2 шт</div>
                                </div>
                                <div class="col-4 align-self-start">
                                    <div class="basket__title-mob ">Сумма</div>
                                    <div class="basket__sum">20 000 ₽</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="basket__item">
                    <div class="row align-items-center">
                        <div class="col-md-6 col-12">
                            <div class="basket__good d-flex align-items-center">
                                <div class="basket__image"><img src="./img/item-image-min.png" alt=""></div>
                                <div class="basket__info">
                                    <ul class="basket__breadcrumbs breadcrumbs">
                                        <li>Товары</li>
                                        <li>Антивирусы</li>
                                    </ul>
                                    <div class="basket__good-name">Microsoft Windows 7 Professional SP1
                                        (x32/x64) GGK [6PC-00024]
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-12 basket__option">
                            <div class="row">
                                <div class="col-4 align-self-start">
                                    <div class="basket__title-mob">Цена</div>
                                    <div class="basket__price">10 000 ₽</div>
                                </div>
                                <div class="col-4 align-self-start">
                                    <div class="basket__title-mob align-self-start">Количество</div>
                                    <div class="basket__count">2 шт</div>
                                </div>
                                <div class="col-4 align-self-start">
                                    <div class="basket__title-mob ">Сумма</div>
                                    <div class="basket__sum">20 000 ₽</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="basket__item">
                    <div class="row align-items-center">
                        <div class="col-md-6 col-12">
                            <div class="basket__good d-flex align-items-center">
                                <div class="basket__image"><img src="./img/item-image-min.png" alt=""></div>
                                <div class="basket__info">
                                    <ul class="basket__breadcrumbs breadcrumbs">
                                        <li>Товары</li>
                                        <li>Антивирусы</li>
                                    </ul>
                                    <div class="basket__good-name">Microsoft Windows 7 Professional SP1
                                        (x32/x64) GGK [6PC-00024]
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-12 basket__option">
                            <div class="row">
                                <div class="col-4 align-self-start">
                                    <div class="basket__title-mob">Цена</div>
                                    <div class="basket__price">10 000 ₽</div>
                                </div>
                                <div class="col-4 align-self-start">
                                    <div class="basket__title-mob align-self-start">Количество</div>
                                    <div class="basket__count">2 шт</div>
                                </div>
                                <div class="col-4 align-self-start">
                                    <div class="basket__title-mob ">Сумма</div>
                                    <div class="basket__sum">20 000 ₽</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="basket__result">
                    <div class="result__sum">Итого: 20 000 ₽</div>
                    <div class="result__cashback">Кэшбек 800 ₽</div>
                </div>
                <div class="basket__controls">
                    <a class="basket__btn-fill" href="#">Оформить</a>
                    <a class="basket__btn" href="#">Продолжить покупки</a>
                </div>
            </div>
        </div>
    </div>
{% endblock content %}