//- Head HTML
include ./assets/head.pug
//- Header Template
include ./assets/templates/header.pug

main.main-section
  include ./assets/templates/modals/cart.pug
  include ./assets/templates/modals/pay.pug
  .container
    .row
      .col.s12
        #product.product.background
          .product-content
            .product-breadcrumb
              #breadcrumb.breadcrumb
                ul
                  li
                    a(href='/') Главная
                  li
                    a#breadcrumbBtn(href='/' data-category=category.toLowerCase()) #{category}
                  li #{title}
              hr
            .product-title.block-title
              h1 #{title}
                br
                small(style="font-size: 12px") Дата добавления: #{date.toLocaleDateString()}
            .product-info
              .product-info__left
                #pay-js.product-left__pay(data-id=id data-title=title data-count=count data-price=price)
                  img(src='../img/service-icons/'+image alt='#')
                  button#payOpen.waves-effect.waves-light.btn Купить
                .product-info__cost
                  .product-info__count
                    span #{count} шт
                  p Цена за 1шт.
                  .product-info__price
                    span #{price}₽
              .product-info__right
                .product-right__title
                  span Описание:
                  hr
                  p #{description}
                .product-right__content
                  h2 Тип аккаунтов  #{category}
                  p #{type}
                  h2 Формат аккаунтов #{category}
                  p #{format}
                  hr
                  h3 Рекомендации к покупке аккаунтов.
                  p
                    | Lorem ipsum dolor sit amet consectetur adipisicing elit. A saepe ad, atque
                    | cum officia ullam similique repudiandae excepturi at accusamus hic deserunt
                    | molestiae mollitia? Labore numquam officiis natus repellat fugit ipsum
                    | nesciunt, nam officia? Sunt ut quod provident dolore architecto laborum ab
                    | repellat ea sequi optio dolorum, tenetur quis eius rerum quibusdam nisi
                    | minus, debitis non. Impedit molestiae beatae, fugit similique sit labore quo
                    | incidunt id corporis quia officiis pariatur.

//- Footer Template
include ./assets/templates/footer.pug