-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathproduct.php
More file actions
140 lines (135 loc) · 7.68 KB
/
Copy pathproduct.php
File metadata and controls
140 lines (135 loc) · 7.68 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<?php include 'partials/header.php' ?>
<?php
if($_SERVER['REQUEST_METHOD'] == "POST"){
if(isset($_POST['product_add_cart'])) $cart->addToCart($_POST['item_id'], $_POST['user_id']);
}
$item_id = $_GET['id'] ?? 1;
foreach($product->getData() as $item):
if($item['item_id'] == $item_id):
?>
<!-- Product -->
<section id="product" class="py-3">
<div class="container">
<div class="row">
<div class="col-sm-6">
<img src="<?php echo $item['item_image'] ?? '../assets/images/products/1.png' ?>" alt="<?php echo $item['item_name'] ?? '' ?>" class="img-fluid">
<div class="form-row pt-4 font-16 font-jost">
<div class="col">
<button type="submit" class="btn btn-danger form-control">Proceed to Buy</button>
</div>
<div class="col">
<?=
in_array($item_id, $cart->getCartID($product->getData('cart')) ?? [])
? '<button type="submit" name="product_add_cart" class="btn btn-light font-weight-bold form-control" disabled>In Cart <i class="fas fa-check"></i></button>'
: '<button type="submit" name="product_add_cart" class="btn btn-warning font-weight-bold form-control">Add to cart</button>'
?>
</div>
</div>
</div>
<div class="col-sm-6 py-5">
<h5 class="font-jost font-20"><?php echo $item['item_name'] ?? '' ?></h5>
<small>by <?php echo $item['item_brand'] ?></small>
<div class="d-flex">
<div class="rating text-warning font-12">
<span><i class="fas fa-star"></i></span>
<span><i class="fas fa-star"></i></span>
<span><i class="fas fa-star"></i></span>
<span><i class="fas fa-star"></i></span>
<span><i class="far fa-star"></i></span>
</div>
<a href="#" class="px-2 font-raleway font-14 transition-500">20,534 ratings | 1000+ anwsered questions</a>
</div>
<hr class="m-0">
<table class="my-3">
<tr class="font-14 font-raleway">
<td>M.R.P:</td>
<td><strike>$700.00</strike></td>
</tr>
<tr class="font-14 font-raleway">
<td>Deal Price:</td>
<td class="font-20 text-danger">$<span><?php echo $item['item_price'] ?? 0 ?></span><small class="text-dark font-12"> Inclusive of all taxes</small></td>
</tr>
<tr class="font-14 font-raleway">
<td>Saved:</td>
<td class="font-16 text-danger">$<span>50.00</span></td>
</tr>
</table>
<div id="policy">
<div class="d-flex">
<div class="return text-center mr-5">
<div class="font-20 my-2 color-secondary">
<span class="fas fa-retweet border p-3 rounded-pill"></span>
</div>
<a href="#" class="font-relaway font-12">10 Days <br> Replacement</a>
</div>
<div class="return text-center mr-5">
<div class="font-20 my-2 color-secondary">
<span class="fas fa-truck border p-3 rounded-pill"></span>
</div>
<a href="#" class="font-relaway font-12">Home <br> Delivery</a>
</div>
<div class="return text-center mr-5">
<div class="font-20 my-2 color-secondary">
<span class="fas fa-check-double border p-3 rounded-pill"></span>
</div>
<a href="#" class="font-relaway font-12">1 Year <br> Warrenty</a>
</div>
</div>
</div>
<hr>
<div id="order-details" class="font-raleway d-flex flex-column text-dark">
<small>Delivered by: Mar 29 - Apr 01</small>
<small>Sold by: <a href="#">Daily Techs</a>(4.5 of 5 | 18,855 ratings)</small>
<small><i class="fas fa-map-marker-alt color-primary"></i> Deliver to Customer - 401592</small>
</div>
<div class="row align-items-center">
<div class="col-6">
<div class="color my-3">
<div class="d-flex justify-content-between align-items-center">
<h6 class="font-jost">Color:</h6>
<div class="p-2 bg-color-yellow rounded-circle"><button class="btn font-14"></button></div>
<div class="p-2 bg-color-primary rounded-circle"><button class="btn font-14"></button></div>
<div class="p-2 bg-color-secondary rounded-circle"><button class="btn font-14"></button></div>
</div>
</div>
</div>
<div class="col-6">
<div class="qty d-flex">
<h6 class="font-jost">Qty:</h6>
<div class="px-4 d-flex font-raleway">
<button class="qty-up border-primary border-bottom-0 border-left-0 border-right-0 bg-light" data-id="<?php echo $item_id ?? 1 ?>"><i class="fas fa-angle-up"></i></button>
<input type="text" class="qty-input border-left border-right border-top-0 border-bottom-0 px-2 w-50 bg-light text-center" disabled value="1" data-id="<?php echo $item_id ?? 1 ?>">
<button class="qty-down border-primary border-top-0 border-left-0 border-right-0 bg-light" data-id="<?php echo $item_id ?? 1 ?>"><i class="fas fa-angle-down"></i></button>
</div>
</div>
</div>
</div>
<div class="size my-3">
<h6 class="font-jost">Size:</h6>
<div class="d-flex justify-content-between align-items-center w-75">
<div class="font-rubik border p-2">
<button class="btn p-0 font-14">4GB RAM</button>
</div>
<div class="font-rubik border p-2">
<button class="btn p-0 font-14">6GB RAM</button>
</div>
<div class="font-rubik border p-2">
<button class="btn p-0 font-14">8GB RAM</button>
</div>
</div>
</div>
</div>
<div class="col-12">
<h6 class="font-rubik">Product Description</h6>
<hr>
<p class="font-raleway font-14">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam, mollitia ducimus vel repudiandae molestiae autem reiciendis vero iste, aut consequuntur debitis impedit, ipsum earum ut illum nesciunt. Eius totam dignissimos nemo neque eligendi adipisci dicta blanditiis odio hic! Reprehenderit voluptates optio voluptate quas est quo officia voluptatem. Sit mollitia obcaecati animi provident minima suscipit fuga, harum sequi consectetur consequuntur saepe, distinctio totam facilis, officia eius ratione! Minus molestiae laudantium sed enim illo excepturi obcaecati molestias ut ex eligendi tempore temporibus dolore voluptatibus voluptates, explicabo quam fugiat deserunt sint. Sunt tenetur praesentium delectus quidem nisi neque facere dicta eius quasi non.</p>
<p class="font-raleway font-14">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam, mollitia ducimus vel repudiandae molestiae autem reiciendis vero iste, aut consequuntur debitis impedit, ipsum earum ut illum nesciunt. Eius totam dignissimos nemo neque eligendi adipisci dicta blanditiis odio hic! Reprehenderit voluptates optio voluptate quas est quo officia voluptatem. Sit mollitia obcaecati animi provident minima suscipit fuga, harum sequi consectetur consequuntur saepe, distinctio totam facilis, officia eius ratione! Minus molestiae laudantium sed enim illo excepturi obcaecati molestias ut ex eligendi tempore temporibus dolore voluptatibus voluptates, explicabo quam fugiat deserunt sint. Sunt tenetur praesentium delectus quidem nisi neque facere dicta eius quasi non.</p>
</div>
</div>
</div>
</section>
<?php endif; endforeach; ?>
<?php
include 'partials/topSale.php';
include 'partials/footer.php';
?>