Your IP : 3.145.92.213


Current Path : /home/lentoinv/blossomfoodint.com/account/
Upload File :
Current File : //home/lentoinv/blossomfoodint.com/account/managefood.php

<?php
session_start(); ob_start();
?>
<!doctype html>
<html lang="en">

	<head>
		<!-- Required meta tags -->
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!--favicon-->
		<link rel="icon" href="assets/images/favicon-32x32.png" type="image/png" />
		<!--plugins-->
		<link href="assets/plugins/simplebar/css/simplebar.css" rel="stylesheet" />
		<link href="assets/plugins/perfect-scrollbar/css/perfect-scrollbar.css" rel="stylesheet" />
		<link href="assets/plugins/highcharts/css/highcharts.css" rel="stylesheet" />
		<link href="assets/plugins/vectormap/jquery-jvectormap-2.0.2.css" rel="stylesheet" />
		<link href="assets/plugins/metismenu/css/metisMenu.min.css" rel="stylesheet" />
		<link href="assets/plugins/datatable/css/dataTables.bootstrap5.min.css" rel="stylesheet" />
		<!-- loader-->
		<link href="assets/css/pace.min.css" rel="stylesheet" />
		<script src="assets/js/pace.min.js"></script>
		<!-- Bootstrap CSS -->
		<link href="assets/css/bootstrap.min.css" rel="stylesheet">
		<link href="assets/css/bootstrap-extended.css" rel="stylesheet">
		<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap" rel="stylesheet">
		<link href="assets/css/app.css" rel="stylesheet">
		<link href="assets/css/icons.css" rel="stylesheet">
		<!-- Theme Style CSS -->
		<link rel="stylesheet" href="assets/css/dark-theme.css" />
		<link rel="stylesheet" href="assets/css/semi-dark.css" />
		<link rel="stylesheet" href="assets/css/header-colors.css" />
		<title>Manage Food Store</title>
	</head>

	<body>
		<!--wrapper-->
		<div class="wrapper">

			<?php include('nav.php');
			if($uidx!=1){header('location: ./'); } ?>
			<!--start page wrapper -->
			<div class="page-wrapper">
				<div class="page-content">
					<div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
						<div class="breadcrumb-title pe-3">Admin</div>
						<div class="ps-3">
							<nav aria-label="breadcrumb">
								<ol class="breadcrumb mb-0 p-0">
									<li class="breadcrumb-item"><a href="javascript:;"><i class="bx bx-home-alt"></i></a>
									</li>
									<li class="breadcrumb-item active" aria-current="page">Manage Food Store</li>
								</ol>
							</nav>
						</div>
					</div>					


					<div class="card">
						<div class="card-body">
							<div class="card-title">
								<div style="float: right"><button class="btn btn-primary addfood" >Add New Item</button></div>
								<h5 class="mb-0">Food Store</h5>
								

							</div>
							<hr/>

							<div class="table-responsive mt-3">
								<table id="example" class="table table-bordered table-striped">
									<thead>
										<tr>
											<th>S/N</th>

											
											<th>Item</th>
									
											<th>Description</th>
											<th>Cost</th>
											<!-- <th>Sold</th> -->	
											<th>Photograph</th>
										<th>Action</th>

										</tr>
									</thead>
									<tbody>
										<?php
										$i=1;
										$sql = $db->query("SELECT * FROM foodlist "); 
										while($row = $sql->fetch_assoc()) { $e = $i++;
											?>
											<tr>
												<td><?php echo $e; ?></td>


												
												<td><?php echo $row['title']; ?> </td>
											
												<td><?php echo $row['note']; ?> </td>
												<td><?php echo money($row['cost'],2); ?> </td>
												<!-- <td><?php  ?> </td>-->
												<td><img src="<?= $row['picture'] ?>" width="200"> </td> 
												<td> <button class="btn btn-primary btn-sm editfood" data-data='<?=  json_encode($row) ?>'>Edit</button><button class="btn btn-sm btn-info editpicture" data-data='<?=  json_encode($row) ?>'>Photo</button> </td>
											</tr>
											<?php } ?>
										</tbody>
									</table>
								</div>
							</div><!--end row-->

						</div>
					</div>
					<!--end page wrapper -->
					<?php include('foot.php') ?>

				</div>
				<!--end wrapper-->

				<!-- Modal -->	
				

			
				<form method="post">
					<div class="modal fade" id="exampleModal2" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
						<div class="modal-dialog">
							<div class="modal-content">
								<div class="modal-header">
									<h5 class="modal-title" id="exampleModalLabel">Add New Food Item</h5>
									<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
								</div>
								<div class="modal-body">

										<div class="row">
										    		<div class="col-12">
												<label>Item Title</label>
												<input type="text" name="title" class="form-control">
											</div>

										    		<div class="col-12">
												<label>Description</label>
												<input type="text" name="note" class="form-control">
											</div>

											<div class="col-12">
												<label>Item Cost</label>
												<input type="number" name="cost" class="form-control">
											</div>



										</div>

								</div>
								<div class="modal-footer">
									<button type="reset" class="btn btn-secondary">Reset</button>
									<button name="AddFood"  type="submit" class="btn btn-primary">Add New Item</button>
								</div>
							</div>
						</div>
					</div>
				</form>
			
				<form method="post">
					<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
						<div class="modal-dialog">
							<div class="modal-content">
								<div class="modal-header">
									<h5 class="modal-title" id="exampleModalLabel">Edit New Food Item</h5>
									<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
								</div>
								<div class="modal-body">

										<div class="row">
										    		<div class="col-12">
												<label>Item Title</label>
												<input type="text" name="title2" class="form-control">
											</div>
											<input type="hidden" name="sn">

										    		<div class="col-12">
												<label>Description</label>
												<input type="text" name="note2" class="form-control">
											</div>

											<div class="col-12">
												<label>Item Cost</label>
												<input type="number" name="cost2" class="form-control">
											</div>



										</div>

								</div>
								<div class="modal-footer">
									<button type="reset" class="btn btn-secondary">Reset</button>
									<button name="EditFood"  type="submit" class="btn btn-primary">Update Item</button>
								</div>
							</div>
						</div>
					</div>
				</form>
			
				<form method="post" enctype="multipart/form-data">
					<div class="modal fade" id="exampleModal3" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
						<div class="modal-dialog">
							<div class="modal-content">
								<div class="modal-header">
									<h5 class="modal-title" id="exampleModalLabel">Edit Item Photograph</h5>
									<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
								</div>
								<div class="modal-body">

										<div class="row">
										    		<div class="col-12">
												<label>Item Title</label>
												<h5 id="itemtit"></h5>
											</div>
											<input type="hidden" name="sn">

										    	

											<div class="col-12">
												<label>Item Picture</label>
												<input type="file" name="image" class="form-control">
											</div>



										</div>

								</div>
								<div class="modal-footer">
									<button type="reset" class="btn btn-secondary">Reset</button>
									<button name="UploadItemPicture"  type="submit" class="btn btn-primary">Update Item</button>
								</div>
							</div>
						</div>
					</div>
				</form>

			</div>


			<!-- Bootstrap JS -->
			<script src="assets/js/bootstrap.bundle.min.js"></script>
			<!--plugins-->
			<script src="assets/js/jquery.min.js"></script>
			<script src="assets/plugins/simplebar/js/simplebar.min.js"></script>
			<script src="assets/plugins/metismenu/js/metisMenu.min.js"></script>
			<script src="assets/plugins/perfect-scrollbar/js/perfect-scrollbar.js"></script>
			<script src="assets/plugins/vectormap/jquery-jvectormap-2.0.2.min.js"></script>
			<script src="assets/plugins/vectormap/jquery-jvectormap-world-mill-en.js"></script>
			<script src="assets/plugins/highcharts/js/highcharts.js"></script>
			<script src="assets/plugins/highcharts/js/exporting.js"></script>
			<script src="assets/plugins/highcharts/js/variable-pie.js"></script>
			<script src="assets/plugins/highcharts/js/export-data.js"></script>
			<script src="assets/plugins/highcharts/js/accessibility.js"></script>
			<script src="assets/plugins/apexcharts-bundle/js/apexcharts.min.js"></script>
			<script src="assets/plugins/datatable/js/jquery.dataTables.min.js"></script>
			<script src="assets/plugins/datatable/js/dataTables.bootstrap5.min.js"></script>
			<script>
				$(document).ready(function() {
					$('#example').DataTable();
				} );


				$('body').on('click', '.editfood', function() {
					data = $(this).data('data')
					modal = $('#exampleModal');



					modal.modal('show');

					$(modal).find('input[name="sn"]').val(data.sn)
					$(modal).find('input[name="title2"]').val(data.title)
					$(modal).find('input[name="note2"]').val(data.note)
					$(modal).find('input[name="cost2"]').val(data.cost)
					console.log(data);
				})


				$('body').on('click', '.editpicture', function() {
					data = $(this).data('data')
					modal = $('#exampleModal3');



					modal.modal('show');

					$(modal).find('input[name="sn"]').val(data.sn)
					$('#itemtit').text(data.title)
					//$(modal).find('input[name="note2"]').val(data.note)
					//$(modal).find('input[name="cost2"]').val(data.cost)
					console.log(data);
				})


	$('body').on('click', '.addfood', function() {
					data = $(this).data('data')
					modal = $('#exampleModal2');
					modal.modal('show');

				})
			</script>
			<script src="assets/js/index2.js"></script>
			<!--app JS-->
			<script src="assets/js/app.js"></script>

		</body>

</html>

?>