# Szablon: katalog nagród historia
# W katalogu
|--src/ → Pliki źródłowe
| |--templates/ → Szablony: katalog główny
| | |--pages/ → Szablony: podstrony
| | | |--katalog-nagrod-historia.twig
# HTML
{% extends '../layouts/default.twig' %}
{% set head_title = 'Katalog nagród' %}
{% set body_class = '' %}
{% block pagecss %}
{% endblock %}
{% block page %}
{% include '../../modules/top/top.twig' %}
<div class="container">
<div class="row">
<div class="col-12 col-lg-3 col-hd-2">
{% include '../../modules/sidebar/sidebar.twig' %}
</div>
<div class="col-12 col-lg-9 col-hd-10">
<div class="titleBar titleBar__button">
<div>
<div class="titleBar__title">Katalog nagród</div>
</div>
<div class="button-sets button-sets__np">
<a href="" class="btn btn-shopping btn-shopping__basket">
<div class="btn-shopping__basketCount">2</div>
<div>
<img src="./img/icon__shopping-cart.svg" alt="">
<span class="btn-shopping__title">Koszyk</span>
</div>
<div>
<span class="btn-shopping__subtitle">2 produkty</span>
<div class="points">1200 <sup>pkt</sup></div>
</div>
</a>
<a href="" class="btn btn-shopping btn-shopping__history is-active">
<div>
<img src="./img/icon__clock.svg" alt="">
<span class="btn-shopping__title">Historia</span>
</div>
<div>
<span class="btn-shopping__subtitle">3 produkty</span>
</div>
</a>
</div>
</div>
<div class="page-container">
<div class="contentBar">
<div class="contentBar__content">
<div>
<div class="contentBar__cat text-secondary">Historia zamówień</div>
<div class="contentBar__title contentBar__title__nmb">Twoje zamówienia</div>
</div>
<div></div>
</div>
</div>
<div class="page-columns">
<div class="page-column__sidebar">
{% include '../../modules/productListHistory/productListHistory.twig' %}
</div>
<div class="page-column__main">
<div class="historyOrderTitle">
<b>Zamówienie nr 000124</b>
<span>13.02.2017</span>
</div>
<div class="historyOrderStatusWrap">
<div class="historyOrderStatus is-active">
<b>Zamówienie wysłane</b>
<p><b>DHL</b>/ Numer listu przewozowego: <a href="">ABCD000012345678</a></p>
</div>
<div class="historyOrderStatus">
<b>Nagroda pieniężna wysłana</b>
<p>Numer telefonu: 987 678 654</p>
</div>
</div>
<div class="cartProductHeader">
<div class="cartProductTitle">
<div class="text-secondary">Twoje produkty</div>
</div>
<div class="cartProductAmountTitle">
<div class="text-secondary">Koszt szt.</div>
<div class="text-secondary">Ilość</div>
<div class="text-secondary">Suma</div>
</div>
</div>
<div class="cartProductItem">
<div class="cartProductNameWrap">
<div class="cartProductImage"><img src="http://box.youngme1.pro-linuxpl.com/storage/catalogue/catalogue_5_gvgs.png" alt=""></div>
<div class="cartProductName text-primary">Słuchawki bezprzewodowe JBL T450BT, biały</div>
</div>
<div class="cartProductAmountTitle">
<div class="text-secondary">Koszt szt.</div>
<div class="text-secondary">Ilość</div>
<div class="text-secondary">Suma</div>
</div>
<div class="cartProductAmountPoints">
<div>
<div class="text-primary">2200 pkt</div>
</div>
<div>
<div class="text-primary">2</div>
</div>
<div>
<div class="text-primary">2200 pkt</div>
</div>
</div>
</div>
<div class="cartProductItem">
<div class="cartProductNameWrap">
<div class="cartProductImage"><img src="http://box.youngme1.pro-linuxpl.com/storage/catalogue/catalogue_5_gvgs.png" alt=""></div>
<div class="cartProductName text-primary">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sunt aliquid </div>
</div>
<div class="cartProductAmountTitle">
<div class="text-secondary">Koszt szt.</div>
<div class="text-secondary">Ilość</div>
<div class="text-secondary">Suma</div>
</div>
<div class="cartProductAmountPoints">
<div>
<div class="text-primary">2200 pkt</div>
</div>
<div>
<div class="text-primary">2</div>
</div>
<div>
<div class="text-primary">2200 pkt</div>
</div>
</div>
</div>
<div class="cartProductSummary">
<div class="text-secondary">Suma koszyka</div>
<div class="points">2200 <sup>pkt</sup></div>
</div>
<div class="cartProductHistory bg-after bg-after__grey">
<div class="m-titleBar">
<div class="titleBar__title">Dane zamawiającego</div>
</div>
<div class="form-module">
<div class="input-field">
<label for="">Imię</label>
<div class="text">Adam</div>
</div>
</div>
<div class="form-module">
<div class="input-field">
<label for="">Nazwisko</label>
<div class="text">Kowalsky</div>
</div>
</div>
<div class="m-titleBar">
<div class="titleBar__title">Dane zamawiającego</div>
</div>
<div class="form-module">
<div class="input-field">
<label for="">Ulica</label>
<div class="text">Sezamkowa</div>
</div>
</div>
<div class="form-module">
<div class="input-field">
<label for="">Nr domu</label>
<div class="text">24</div>
</div>
<div class="input-field">
<label for="">Nr lokalu</label>
<div class="text">112</div>
</div>
<div class="input-field">
<label for="">Kod pocztowy</label>
<div class="text">43-100</div>
</div>
</div>
<div class="form-module">
<div class="input-field">
<label for="">Miejscowość</label>
<div class="text">Katowice</div>
</div>
</div>
</div>
</div>
</div>
</div>
{% include '../components/footer.twig' with { 'container': false } %}
</div>
</div>
</div>
{% endblock %}
{% block pagejs %}
{% endblock %}