Initial commit
This commit is contained in:
Ivan Petrov
322
playarea/templates/pages/cart.php
Normal file
322
playarea/templates/pages/cart.php
Normal file
@@ -0,0 +1,322 @@
|
||||
<?php $this->template_load("head.php"); ?>
|
||||
<?php $this->template_load("header.php"); ?>
|
||||
|
||||
<main class="main">
|
||||
<div class="basket">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 position-relative">
|
||||
<a href="/" class="back-home">główna</a>
|
||||
<h1 class="title-text"><span>Koszyk</span></h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<table class="basket-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>
|
||||
<img src="<?= $b->pa_get_assets_dir() ?>main/img/svg/checked.svg" alt="">
|
||||
<span>Produkt</span>
|
||||
</th>
|
||||
<th><span>format zakupu</span></th>
|
||||
<th><span>ILOSC</span></th>
|
||||
<th><span>Cena</span></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="product-info">
|
||||
<div class="product-img">
|
||||
<img src="<?= $b->pa_get_assets_dir() ?>main/img/png/landshaft.png" alt="product">
|
||||
</div>
|
||||
<div class="product-text">
|
||||
<p class="product-name">Kuweta dla psa jest prosta Kuweta dla psa jest prosta</p>
|
||||
<p class="product_text">lorem ipsum lorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsum</p>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<span class="product-formate"> Jednorazowy zakup</span>
|
||||
</td>
|
||||
<td>
|
||||
<div class="product-amount d-flex align-items-center justify-content-center">
|
||||
<button class="amount-minus">
|
||||
<svg width="10" height="2" viewBox="0 0 10 2" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M1 1H9" stroke="#717171" stroke-linecap="round"/>
|
||||
</svg>
|
||||
</button>
|
||||
<span class="amount-val">1</span>
|
||||
<button class="amount-plus">
|
||||
<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M5 1V9M1 4.82609H9" stroke="#717171" stroke-linecap="round"/>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<P class="product-price text-center">$<span>1024.21</span></P>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="product-info">
|
||||
<div class="product-img">
|
||||
<img src="<?= $b->pa_get_assets_dir() ?>main/img/png/landshaft.png" alt="product">
|
||||
</div>
|
||||
<div class="product-text">
|
||||
<p class="product-name">Kuweta dla psa jest prosta Kuweta dla psa jest prosta</p>
|
||||
<p class="product_text">lorem ipsum lorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsum</p>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<span class="product-formate"> Jednorazowy zakup</span>
|
||||
</td>
|
||||
<td>
|
||||
<div class="product-amount d-flex align-items-center justify-content-center">
|
||||
<button class="amount-minus">
|
||||
<svg width="10" height="2" viewBox="0 0 10 2" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M1 1H9" stroke="#717171" stroke-linecap="round"/>
|
||||
</svg>
|
||||
</button>
|
||||
<span class="amount-val">1</span>
|
||||
<button class="amount-plus">
|
||||
<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M5 1V9M1 4.82609H9" stroke="#717171" stroke-linecap="round"/>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<P class="product-price text-center">$<span>1024.21</span></P>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="product-info">
|
||||
<div class="product-img">
|
||||
<img src="<?= $b->pa_get_assets_dir() ?>main/img/png/landshaft.png" alt="product">
|
||||
</div>
|
||||
<div class="product-text">
|
||||
<p class="product-name">Kuweta dla psa jest prosta Kuweta dla psa jest prosta</p>
|
||||
<p class="product_text">lorem ipsum lorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsum</p>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<span class="product-formate"> Jednorazowy zakup</span>
|
||||
</td>
|
||||
<td>
|
||||
<div class="product-amount d-flex align-items-center justify-content-center">
|
||||
<button class="amount-minus">
|
||||
<svg width="10" height="2" viewBox="0 0 10 2" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M1 1H9" stroke="#717171" stroke-linecap="round"/>
|
||||
</svg>
|
||||
</button>
|
||||
<span class="amount-val">1</span>
|
||||
<button class="amount-plus">
|
||||
<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M5 1V9M1 4.82609H9" stroke="#717171" stroke-linecap="round"/>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<P class="product-price text-center">$<span>1024.21</span></P>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="product-info">
|
||||
<div class="product-img">
|
||||
<img src="<?= $b->pa_get_assets_dir() ?>main/img/png/landshaft.png" alt="product">
|
||||
</div>
|
||||
<div class="product-text">
|
||||
<p class="product-name">Kuweta dla psa jest prosta Kuweta dla psa jest prosta</p>
|
||||
<p class="product_text">lorem ipsum lorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsum</p>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<span class="product-formate"> Jednorazowy zakup</span>
|
||||
</td>
|
||||
<td>
|
||||
<div class="product-amount d-flex align-items-center justify-content-center">
|
||||
<button class="amount-minus">
|
||||
<svg width="10" height="2" viewBox="0 0 10 2" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M1 1H9" stroke="#717171" stroke-linecap="round"/>
|
||||
</svg>
|
||||
</button>
|
||||
<span class="amount-val">1</span>
|
||||
<button class="amount-plus">
|
||||
<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M5 1V9M1 4.82609H9" stroke="#717171" stroke-linecap="round"/>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<P class="product-price text-center">$<span>1024.21</span></P>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="product-info">
|
||||
<div class="product-img">
|
||||
<img src="<?= $b->pa_get_assets_dir() ?>main/img/png/landshaft.png" alt="product">
|
||||
</div>
|
||||
<div class="product-text">
|
||||
<p class="product-name">Kuweta dla psa jest prosta Kuweta dla psa jest prosta</p>
|
||||
<p class="product_text">lorem ipsum lorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsum</p>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<span class="product-formate"> Jednorazowy zakup</span>
|
||||
</td>
|
||||
<td>
|
||||
<div class="product-amount d-flex align-items-center justify-content-center">
|
||||
<button class="amount-minus">
|
||||
<svg width="10" height="2" viewBox="0 0 10 2" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M1 1H9" stroke="#717171" stroke-linecap="round"/>
|
||||
</svg>
|
||||
</button>
|
||||
<span class="amount-val">1</span>
|
||||
<button class="amount-plus">
|
||||
<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M5 1V9M1 4.82609H9" stroke="#717171" stroke-linecap="round"/>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<P class="product-price text-center">$<span>1024.21</span></P>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<form class="basket-order d-flex justify-content-between flex-wrap">
|
||||
<div class="order-info">
|
||||
<div class="order-inputs d-flex justify-content-between flex-wrap">
|
||||
<div class="input-box">
|
||||
<input type="text" class="form__inp" id="name" placeholder="Imię">
|
||||
<small></small>
|
||||
</div>
|
||||
<div class="input-box">
|
||||
<input type="text" class="form__inp" id="last-name" placeholder="Nazwisko">
|
||||
<small></small>
|
||||
</div>
|
||||
<div class="input-box">
|
||||
<input type="text" class="form__inp" id="add-email" placeholder="Adres e-mail">
|
||||
<small></small>
|
||||
</div>
|
||||
<div class="input-box">
|
||||
<input type="text" id="phone" class="form__inp" placeholder="+48___ ___ ___">
|
||||
<small></small>
|
||||
<label for="phone">Nr. telefonu</label>
|
||||
</div>
|
||||
<div class="input-box">
|
||||
<input type="text" class="form__inp" id="street" placeholder="Ulica">
|
||||
<small></small>
|
||||
</div>
|
||||
<div class="input-box">
|
||||
<input type="text" class="form__inp" id="num-house" placeholder="nr. domu/lokalu">
|
||||
<small></small>
|
||||
</div>
|
||||
<div class="input-box">
|
||||
<input type="text" id="zip-code" class="form__inp" placeholder="__-___">
|
||||
<small></small>
|
||||
<label for="zip-code">Kod pocztowy</label>
|
||||
</div>
|
||||
<div class="input-box">
|
||||
<input type="text" class="form__inp" id="city" placeholder="Miejscowość">
|
||||
<small></small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="promocode d-flex">
|
||||
<input type="text" class="promocode__inp" placeholder="Wpisz kod promocyjny">
|
||||
<button class="promocode__btn" type="button">Aktywuj</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="order-info">
|
||||
<ul class="order-list">
|
||||
<li>
|
||||
<div class="d-flex align-items-center">
|
||||
<img src="<?= $b->pa_get_assets_dir() ?>main/img/svg/check-circle2.svg" alt="">
|
||||
<span>Kurier DPD</span>
|
||||
</div>
|
||||
<strong>$15.99</strong>
|
||||
</li>
|
||||
<li>
|
||||
<div class="d-flex align-items-center">
|
||||
<img src="<?= $b->pa_get_assets_dir() ?>main/img/svg/check-circle2.svg" alt="">
|
||||
<span>Kurier Inpost</span>
|
||||
</div>
|
||||
<strong>$15.99</strong>
|
||||
</li>
|
||||
<li>
|
||||
<div class="d-flex align-items-center">
|
||||
<img src="<?= $b->pa_get_assets_dir() ?>main/img/svg/check-circle2.svg" alt="">
|
||||
<span>Paczkomaty Inpost</span>
|
||||
</div>
|
||||
<strong>$15.99</strong>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="order-payment">
|
||||
<p class="payment-title">Płatność</p>
|
||||
<div class="payment-list position-relative d-flex align-items-center justify-content-between">
|
||||
<div class="d-flex align-items-center">
|
||||
<input type="radio" id="blik" name="payment" class="payment-rad">
|
||||
<label for="blik">
|
||||
<img src="<?= $b->pa_get_assets_dir() ?>main/img/svg/blik.svg" alt="">
|
||||
<span>Blik</span>
|
||||
</label>
|
||||
</div>
|
||||
<strong>$15.99</strong>
|
||||
</div>
|
||||
<div class="payment-list position-relative d-flex align-items-center justify-content-between">
|
||||
<div class="d-flex align-items-center">
|
||||
<input type="radio" id="card" name="payment" class="payment-rad">
|
||||
<label for="card">
|
||||
<img src="<?= $b->pa_get_assets_dir() ?>main/img/svg/visa.svg" alt="">
|
||||
<img src="<?= $b->pa_get_assets_dir() ?>main/img/svg/mastercard.svg" alt="">
|
||||
<span>Karta płatnicza online</span>
|
||||
</label>
|
||||
</div>
|
||||
<strong>$15.99</strong>
|
||||
</div>
|
||||
</div>
|
||||
<div class="toBe-paid">
|
||||
<div class="paid-title d-flex align-items-center justify-content-between">
|
||||
<span>Do zapłaty</span>
|
||||
<span>$4046.21</span>
|
||||
</div>
|
||||
<div class="paid-list d-flex align-items-center justify-content-between">
|
||||
<span>dobra 5 szt</span>
|
||||
<span>$4046.21</span>
|
||||
</div>
|
||||
<div class="paid-list d-flex align-items-center justify-content-between">
|
||||
<span>rabat</span>
|
||||
<span>-$321</span>
|
||||
</div>
|
||||
<div class="check-box">
|
||||
<input type="checkbox" id="check-paid" class="form__check">
|
||||
<label for="check-paid">Akceptuję regulamin sklepu (zgoda wymagana)</label>
|
||||
</div>
|
||||
<button class="paid-btn form-submit">
|
||||
<span class="d-none d-lg-block">Podsumowanie</span>
|
||||
<span class="d-lg-none">Zamawiam i płacę</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<?php $this->template_load("footer.php"); ?>
|
||||
Reference in New Issue
Block a user