//= header.html

<div class="container">
  <div class="row">
    <div class="col page-title">
        <div class="breadcrumbs">
          <span class="breadcrumbs__item"><a href="#">Главная</a></span>
          <span class="breadcrumbs__arrow">&gt;</span>
          <span class="breadcrumbs__item"><a href="#">Личный кабинет</a></span>
          <span class="breadcrumbs__arrow">&gt;</span>
          <span class="breadcrumbs__item">Текущие заказы</span>
        </div>
        <h1 class="page-title__title">Текущие заказы</h1>
    </div>
  </div>
</div>

<div class="container mb-6">
  <div class="row">
    <div class="col-12">
      <div class="inner-skin px-xxl-6 py-md-5 px-md-4 px-2 py-2 mb-4">
        <a href="#" class="button button_primary"><span>Посмотреть историю заказов</span></a>

        <div class="order-container inner-skin">
          <span class="order-container__title">Заказ №248 от 27.03.2019, 3 товара на сумму 46 597 руб.</span>
          <div class="order-container__detail">
            <div class="order-container__payment">
              <div class="row">
                <div class="col-xxl-9 col-xl-8 col-lg-6 col-12">
                  <h4 class="order-container__headline">Оплата</h4>
                  <p class="order-container__description">
                    Счет №248/1 от 27.03.2019
                    <span class="order-container__alert order-container__alert_danger">Не оплачено</span>
                  </p>
                  <p class="order-container__description">
                    Сумма к оплате по счету: 46 597 P
                  </p>
                </div>
                <div class="col-xxl-3 col-xl-4 col-lg-6 col-12 text-lg-right text-left mt-2 mt-lg-0">
                  <a href="#" class="button button_primary"><span>Скачать счёт</span></a>
                </div>
              </div>
            </div>
            <div class="order-container__delivery">
              <h4 class="order-container__headline">Доставка</h4>
              <p class="order-container__description">
                Отгрузка	№248/2, Стоимость доставки 500 Р
                <span class="order-container__alert order-container__alert_danger">Не отгружено</span>
              </p>
              <p class="order-container__description">
                Служба доставки: Доставка курьером
              </p>
            </div>
          </div>
          <div class="order-container__links">
            <a href="#" class="order-container__about">Подробнее о заказе</a>
            <div class="order-container__actions">
              <a href="#" class="order-container__repeat">Повторить заказ</a>
              <a href="#" class="order-container__cancel">Отменить заказ</a>
            </div>
          </div>
        </div>

        <div class="order-container inner-skin">
          <span class="order-container__title">Заказ №248 от 27.03.2019, 3 товара на сумму 46 597 руб.</span>
          <div class="order-container__detail">
            <div class="order-container__payment">
              <div class="row">
                <div class="col-xxl-9 col-xl-8 col-lg-6 col-12">
                  <h4 class="order-container__headline">Оплата</h4>
                  <p class="order-container__description">
                    Счет №248/1 от 27.03.2019
                    <span class="order-container__alert order-container__alert_primary">Проверяется</span>
                  </p>
                  <p class="order-container__description">
                    Сумма к оплате по счету: 46 597 P
                  </p>
                </div>
                <div class="col-xxl-3 col-xl-4 col-lg-6 col-12 text-lg-right text-left">
                  <a href="#" class="button button_primary"><span>Скачать счёт</span></a>
                </div>
              </div>
            </div>
            <div class="order-container__delivery">
              <h4 class="order-container__headline">Доставка</h4>
              <p class="order-container__description">
                Отгрузка	№248/2, Стоимость доставки 500 Р
                <span class="order-container__alert order-container__alert_success">Доставлено</span>
              </p>
              <p class="order-container__description">
                Служба доставки: Доставка до ТК
              </p>
            </div>
          </div>
          <div class="order-container__links">
            <a href="#" class="order-container__about">Подробнее о заказе</a>
            <div class="order-container__actions">
              <a href="#" class="order-container__repeat">Повторить заказ</a>
              <a href="#" class="order-container__cancel">Отменить заказ</a>
            </div>
          </div>
        </div>

        <div class="order-container inner-skin">
          <span class="order-container__title">Заказ №248 от 27.03.2019, 3 товара на сумму 46 597 руб.</span>
          <div class="order-container__detail">
            <div class="order-container__payment">
              <div class="row">
                <div class="col-xxl-9 col-xl-8 col-lg-6 col-12">
                  <h4 class="order-container__headline">Оплата</h4>
                  <p class="order-container__description">
                    Счет №248/1 от 27.03.2019
                    <span class="order-container__alert order-container__alert_success">Оплачено</span>
                  </p>
                  <p class="order-container__description">
                    Сумма к оплате по счету: 46 597 P
                  </p>
                </div>
                <div class="col-xxl-3 col-xl-4 col-lg-6 col-12 text-lg-right text-left">
                  <a href="#" class="button button_primary"><span>Скачать счёт</span></a>
                </div>
              </div>
            </div>
            <div class="order-container__delivery">
              <h4 class="order-container__headline">Доставка</h4>
              <p class="order-container__description">
                Отгрузка	№248/2, Стоимость доставки 500 Р
                <span class="order-container__alert order-container__alert_primary">Отгружено, доставляется</span>
              </p>
              <p class="order-container__description">
                Служба доставки: Самовывоз
              </p>
            </div>
          </div>
          <div class="order-container__links">
            <a href="#" class="order-container__about">Подробнее о заказе</a>
            <div class="order-container__actions">
              <a href="#" class="order-container__repeat">Повторить заказ</a>
              <a href="#" class="order-container__cancel">Отменить заказ</a>
            </div>
          </div>
        </div>

      </div>
    </div>
  </div>
</div>

//= footer.html