
<?php echo view('admin/includes/head');?>

<body>
	<div id="global-loader">
		<div class="whirly-loader"> </div>
	</div>
	<!-- Main Wrapper -->
	<div class="main-wrapper">

		<!-- Header -->
<?php echo view('admin/includes/header');?>
		<!-- /Header -->

		<!-- Sidebar -->
<?php echo view('admin/includes/sidebarmenulogo');?>
		<!-- /Sidebar -->



			<div class="page-wrapper">
				<div class="content">
					<div class="page-header">
						<div class="page-title">
							<h4>Product Details</h4>
							<h6>Full details of a product</h6>
						</div>
					</div>
					<!-- /add -->
					<div class="row">
						<div class="col-lg-8 col-sm-12">
							<div class="card">
								<div class="card-body">
									<div class="bar-code-view">
										<div class="product-details-barcode">
											<img src="<?= base_url('assets/img/barcode/barcode1.png');?>" class="barcode" alt="barcode">
											<img src="<?= base_url('assets/img/barcode/barcode1-white.png');?>" class="barcode-white" alt="barcode">
										</div>
										<a class="printimg">
											<i class="ti ti-printer fs-24 text-dark"></i>
										</a>
									</div>
									<div class="productdetails">
										<ul class="product-bar">
											<li>
												<h4>Product Code</h4>
												<h6><?= esc($product['product_code']) ?></h6>
											</li>
												<li>
												<h4>Product Name</h4>
												<h6><?= esc($product['product_name']) ?></h6>
											</li>
											<li>
												<h4>Category</h4>
												<h6><?= esc($product['category_name']) ?></h6>
											</li>
											<li>
												<h4>Unit</h4>
												<h6><?= esc($product['unit_name']) ?></h6>
											</li>
											<li>
												<h4>Size</h4>
												<h6><?= esc($product['product_size']) ?></h6>
											</li>
											<li>
												<h4>Price</h4>
												<h6><?= number_format(($product['product_price']))?>/=</h6>
											</li>
											<li>
												<h4>Tax Type</h4>
												<h6><?= esc($product['product_tax_type']) ?></h6>
											</li>
											<li>
												<h4>Tax Percent</h4>
												<h6><?= esc($product['product_tax_percent']) ?>%</h6>
											</li>
											<li>
												<h4>Discount Type</h4>
												<h6><?= esc($product['product_discount_type']) ?></h6>
											</li>
											<li>
												<h4>Discount Value Percentage</h4>
												<h6><?= esc($product['product_discount_type']) ?></h6>
											</li>
											<li>
												<h4>Quantity Alert Level</h4>
												<h6><?= esc($product['product_quantity_alert_level']) ?></h6>
											</li>
											<li>
												<h4>Status</h4>
												<h6><?= esc($product['product_status']) ?></h6>
											</li>
												<li>
												<h4>Created at</h4>
												<h6><?= esc($product['product_created_at']) ?></h6>
											</li>
												<li>
												<h4>Created by</h4>
												<h6><?= esc($product['product_created_by']) ?></h6>
											</li>
											<li>
												<h4>Description</h4>
												<h6><?= esc($product['product_description']) ?></h6>
											</li>
										</ul>
									</div>
								</div>
							</div>
						</div>
						<div class="col-lg-4 col-sm-12">
							<div class="card">
								<div class="card-body">
									<div class="slider-product-details">

										<div class="owl-carousel owl-theme product-slide">
										    <?php if (!empty($product['images'])): ?>
                    <?php foreach ($product['images'] as $img): ?>
											<div class="slider-product">
												<img src="<?= base_url('uploads/productimages/' . $img['image_name']) ?>" alt="img">
												<h4 class="text-dark"><?= esc($product['product_name']) ?></h4>
												<h6 class="text-dark"><?= esc($product['product_size']) ?></h6>
											</div>
<?php endforeach; ?>
                <?php else: ?>
                    <p>No images available</p>
                <?php endif; ?>
										
										</div>

										<div class="product-nav-controls d-flex align-items-center justify-content-between">
											<button class="product-prev"><i class="fa fa-chevron-left"></i></button>
											<button class="product-next"><i class="fa fa-chevron-right"></i></button>
										</div>
									</div>

								</div>
							</div>
						</div>
					</div>
						
					<!-- /add -->
				</div>
			</div>
        </div>
		<!-- /Main Wrapper -->
		  

		 
		<!-- jQuery -->
        <script src="<?= base_url('assets/js/jquery-3.7.1.min.js');?>" type="4028ba3394aca4ddd4ba5222-text/javascript"></script>

        <!-- Feather Icon JS -->
		<script src="<?= base_url('assets/js/feather.min.js');?>" type="4028ba3394aca4ddd4ba5222-text/javascript"></script>

		<!-- Slimscroll JS -->
		<script src="<?= base_url('assets/js/jquery.slimscroll.min.js');?>" type="4028ba3394aca4ddd4ba5222-text/javascript"></script>

		<!-- Bootstrap Core JS -->
        <script src="<?= base_url('assets/js/bootstrap.bundle.min.js');?>" type="4028ba3394aca4ddd4ba5222-text/javascript"></script>

		<!-- Owl JS -->
		<script src="<?= base_url('assets/plugins/owlcarousel/owl.carousel.min.js');?>" type="4028ba3394aca4ddd4ba5222-text/javascript"></script>

		<!-- Select2 JS -->
		<script src="<?= base_url('assets/plugins/select2/js/select2.min.js');?>" type="4028ba3394aca4ddd4ba5222-text/javascript"></script>

		<!-- Color Picker JS -->
		<script src="<?= base_url('assets/plugins/%40simonwep/pickr/pickr.es5.min.js');?>" type="4028ba3394aca4ddd4ba5222-text/javascript"></script>

		<!-- Custom JS -->
		<script src="<?= base_url('assets/js/theme-colorpicker.js');?>" type="4028ba3394aca4ddd4ba5222-text/javascript"></script>
		<script src="<?= base_url('assets/js/script.js');?>" type="4028ba3394aca4ddd4ba5222-text/javascript"></script>

	
    <script src="<?= base_url('assets/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js');?>" data-cf-settings="4028ba3394aca4ddd4ba5222-|49" defer></script><script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"3ca157e612a14eccbb30cf6db6691c29","server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
</body>

</html>