//= 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"><a href="#">Текущие заказы</a></span>
          <span class="breadcrumbs__arrow">&gt;</span>
          <span class="breadcrumbs__item">Информация о заказе №248</span>
        </div>
        <h1 class="page-title__title">Заказ №248, создан 27.03.2019</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_additional"><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="row">
              <div class="col-xxl-4 col-xl-3 col-md-6 col-12 mb-4">
                <span class="order-container__name-title">ФИО:</span>
                <span class="order-container__name-detail">Константин Константинопольский</span>
                <a href="javascript:void(0);" class="order-container__readless">Свернуть</a>
                <a href="javascript:void(0);" class="order-container__readmore">Подробнее</a>
                <div class="order-container__more">
                  <h5>Информация о пользователе</h5>
                  <ul class="order-container__list">
                    <li>
                      <span class="order-container__name-title">Логин:</span>
                      <span class="order-container__name-detail">konstantinopolski</span>
                    </li>
                    <li>
                      <span class="order-container__name-title">Тип плательщика:</span>
                      <span class="order-container__name-detail">Физическое лицо</span>
                    </li>
                    <li>
                      <span class="order-container__name-title">Ф.И.О.:</span>
                      <span class="order-container__name-detail">Константин Константинопольский</span>
                    </li>
                    <li>
                      <span class="order-container__name-title">E-Mail:</span>
                      <span class="order-container__name-detail">uuukira@gmail.com</span>
                    </li>
                    <li>
                      <span class="order-container__name-title">Телефон:</span>
                      <span class="order-container__name-detail">+79118578159</span>
                    </li>
                  </ul>
                </div>
              </div>
              <div class="col-xxl-3 col-xl-3 col-md-6 col-12 mb-4">
                <span class="order-container__name-title">Текущий статус, от 27.03.2019:</span>
                <span class="order-container__name-detail">Принят, передан дилеру</span>
              </div>
              <div class="col-xxl-2 col-xl-2 col-md-6 col-12 mb-4">
                <span class="order-container__name-title">Сумма:</span>
                <span class="order-container__name-detail">46 597 ₽</span>
              </div>
              <div class="col-xxl-3 col-xl-4 col-md-6 col-12 mb-4 text-center">
                <a href="#" class="button button_primary d-block"><span>Повторить заказ</span></a>
                <a href="#" class="order-container__cancel">Отменить заказ</a>
              </div>
            </div>
          </div>
          <div class="order-container__payment">
            <span class="order-container__title">Параметры оплаты</span>
            <div class="order-container__detail mt-0">
              <div class="row">
                <div class="col-xxl-9 col-xl-8 col-lg-6 col-12">
                  <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>
          <div class="order-container__delivery">
            <span class="order-container__title">Параметры доставки</span>
            <div class="order-container__detail mt-0">
              <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__order">
            <span class="order-container__title">Содержимое заказа</span>
            <div class="row no-gutters ml-md-4">
              <div class="col-xxl-9 col-12">
                <table class="cart-table">
                  <thead>
                  <tr>
                  <td class="cart-table__item" colspan="2">Товары</td>
                  <td class="cart-table__price">Цена</td>
                  <td class="cart-table__quantity">Кол-во</td>
                  <td class="cart-table__sum">Сумма</td>
                  </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td class="cart-table__item" title="Товар">
                        <a href="#" class="cart-table__image-link">
                          <div class="cart-table__image-container" style="background-image:url('images/product-image-02.jpg');"></div>
                        </a>
                        <a href="#">
                          <h4 class="cart-table__title">Logocam BL-1000</h4>
                        </a>
                      </td>
                      <td class="cart-table__price" title="Цена">
                        <div class="cart-table__price_normal">
                          <span class="cart-table__value">42 425</span>
                          <span class="cart-table__currency">₽</span>
                        </div>
                      </td>
                      <td class="cart-table__quantity" title="Кол-во">
                        <div class="cart-table__quantity-container">
                          1
                        </div>
                      </td>
                      <td class="cart-table__sum" title="Сумма">
                        <div class="cart-table__price_normal">
                          <span class="cart-table__value">42 425</span>
                          <span class="cart-table__currency">₽</span>
                        </div>
                      </td>
                    </tr>
                    <tr>
                      <td class="cart-table__item" title="Товар">
                        <a href="#" class="cart-table__image-link">
                          <div class="cart-table__image-container" style="background-image:url('images/product-image-02.jpg');"></div>
                        </a>
                        <a href="#">
                          <h4 class="cart-table__title">Logocam BL-1000</h4>
                        </a>
                      </td>
                      <td class="cart-table__price" title="Цена">
                        <div class="cart-table__price_normal">
                          <span class="cart-table__value">42 425</span>
                          <span class="cart-table__currency">₽</span>
                        </div>
                      </td>
                      <td class="cart-table__quantity" title="Кол-во">
                        <div class="cart-table__quantity-container">
                          1
                        </div>
                      </td>
                      <td class="cart-table__sum" title="Сумма">
                        <div class="cart-table__price_normal">
                          <span class="cart-table__value">42 425</span>
                          <span class="cart-table__currency">₽</span>
                        </div>
                      </td>
                    </tr>
                    <tr>
                      <td class="cart-table__item" title="Товар">
                        <a href="#" class="cart-table__image-link">
                          <div class="cart-table__image-container" style="background-image:url('images/product-image-02.jpg');"></div>
                        </a>
                        <a href="#">
                          <h4 class="cart-table__title">Logocam BL-1000</h4>
                        </a>
                      </td>
                      <td class="cart-table__price" title="Цена">
                        <div class="cart-table__price_normal">
                          <span class="cart-table__value">42 425</span>
                          <span class="cart-table__currency">₽</span>
                        </div>
                      </td>
                      <td class="cart-table__quantity" title="Кол-во">
                        <div class="cart-table__quantity-container">
                          1
                        </div>
                      </td>
                      <td class="cart-table__sum" title="Сумма">
                        <div class="cart-table__price_normal">
                          <span class="cart-table__value">42 425</span>
                          <span class="cart-table__currency">₽</span>
                        </div>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </div>
          </div>
        </div>
        <a href="#" class="button button_primary mt-5"><span>Вернуться в список заказов</span></a>
      </div>
    </div>
  </div>
</div>

//= footer.html