1#@!#!123s

��JFIF�� 1#@!#!123s
: / var / www / html / projects / 4petalsdemo / application / views /
Filename : orders.php
back
<link rel="stylesheet" href="<?= base_url().'assets/web/css/custom/user-form.css' ?>" />
<link rel="stylesheet" href="<?= base_url().'assets/web/css/custom/ad-details.css' ?>" />

	<div class="mob-view">
		<section class="user-form-part">
			<div class="container">
				<div class="row">
					<div class="w-100 shadow p-2 m-2 mb-5 rounded" style="height: auto;">
						<div class="user-form-category-btn mt-2">
							<ul class="nav nav-tabs history-part">
							  <li>
								<a href="#login-tabs" class="col-h active" data-toggle="tab">ONGOING</a>
							  </li>
							  <li>
								<a href="#register-tabs" class="col-h" data-toggle="tab">HISTORY</a>
							  </li>
							</ul>
						</div>
						<div class="tab-pane active" id="login-tabs">
							<div class="user-form-title mt-5">
								<?php if(!empty($list_current_orders)){ ?>
									<?php foreach($list_current_orders as $row){ ?>
										<?php $item_gst 	= ((get_agent_commission($row->ord_total)*$row->ord_gst_percent)/100); ?>
										<?php $item_total 	= $row->ord_total+$item_gst+$row->ord_distance_fee; ?>
										<div class="product-card dropdown-item px-0 standard mt-2">
											<div class="product-content px-0">
												<ol class="breadcrumb product-category mb-0 d-flex justify-content-between bg-light px-3">
													<li><h4>Order ID : <?= $row->ord_id ?></h4></li>
													<li><h4><?= get_price_format($item_total) ?>/- </h4></li>
												</ol>
												<ol class="product-category d-flex justify-content-between align-items-center px-3">
													<li class="order">
														<h5 class="text-dark fw-bold">Order Date : <?= date('d M Y',strtotime($row->created_at)) ?></h5>
													</li>
												</ol>
												<div class="product-meta px-4 d-flex">
													<table style="text-align:left; width:100%;">
														<tbody>
															<tr>
																<th width="50%">Booking Date</th>
																<td>: <?= (!empty($row->ord_book_date))?date('d-M-Y',strtotime($row->ord_book_date)):'' ?></td>
															</tr>
															<tr>
																<th>Booking Time</th>
																<td>: <?= date('h:i A',strtotime($row->ord_from_time)).' - '.date('h:i A',strtotime($row->ord_to_time)) ?></td>
															</tr>
															<tr>
																<th>Payment Mode</th>
																<td>: <?= (!empty($row->payment_method))?$row->payment_method:'COD' ?></td>
															</tr>
															<tr>
																<th>Service Type</th>
																<td>: <?= ucfirst($row->ord_type) ?></td>
															</tr>
															<tr>
																<th>Order Status</th>
																<td>
																	<?php 
																		if($row->ord_status == 1) {
																			echo '<h5 style="color:green">: New Order</h5>';
																		} elseif($row->ord_status == 2) {
																			echo '<h5 style="color:red">: Canceled</h5>';
																		}elseif($row->ord_status == 6){
																			echo '<h5 style="color:red">: Order Completed & Payment Pending</h5>';
																		}elseif($row->ord_status == 7){
																			echo '<h5 style="color:green">: Order Completed</h5>';
																		}
																	?>
																</td>
															</tr>
														</tbody>
													</table>
												</div>
												<button style="padding:6px;" class="dropbtn btn btn-info">View More </button>
												<button style="padding:6px;" type="button" class="btn btn-primary Reschedule" data-id="<?= ucfirst($row->id) ?>">Reschedule</button>
												<button style="padding:8px;" type="button" class="btn btn-danger btn-xs cancelButton" data-id="123">Cancel</button>
											</div>
										</div>
									<?php } ?>
								<?php }else{ ?>
									<img src="images/svgs/magic.svg" width="300" alt="" style="opacity: 0.4;">
									<h2 class="mt-4">No Order Found!</h2>
								<?php } ?>
							</div>
						</div>
						<div class="tab-pane" id="register-tabs">
							<div class="user-form-title mt-5">
								<?php if(!empty($list_past_orders)){ ?>
									<?php foreach($list_past_orders as $row){ ?>
										<?php $item_gst 	= ((get_agent_commission($row->ord_total)*$row->ord_gst_percent)/100); ?>
										<?php $item_total 	= $row->ord_total+$item_gst+$row->ord_distance_fee; ?>
										<div class="product-card dropdown-item px-0 standard mt-2">
											<div class="product-content px-0">
												<ol class="breadcrumb product-category mb-0 d-flex justify-content-between bg-light px-3">
													<li><h4>Order ID : <?= $row->ord_id ?></h4></li>
													<li><h4><?= get_price_format($item_total) ?>/- </h4></li>
												</ol>
												<ol class="product-category d-flex justify-content-between align-items-center px-3">
													<li class="order">
														<h5 class="text-dark fw-bold">Order Date : <?= date('d M Y',strtotime($row->created_at)) ?></h5>
													</li>
												</ol>
												<div class="product-meta px-4 d-flex">
													<table style="text-align:left; width:100%;">
														<tbody>
															<tr>
																<th width="50%">Booking Date</th>
																<td>: <?= (!empty($row->ord_book_date))?date('d-M-Y',strtotime($row->ord_book_date)):'' ?></td>
															</tr>
															<tr>
																<th>Booking Time</th>
																<td>: <?= date('h:i A',strtotime($row->ord_from_time)).' - '.date('h:i A',strtotime($row->ord_to_time)) ?></td>
															</tr>
															<tr>
																<th>Payment Mode</th>
																<td>: <?= (!empty($row->payment_method))?$row->payment_method:'COD' ?></td>
															</tr>
															<tr>
																<th>Service Type</th>
																<td>: <?= ucfirst($row->ord_type) ?></td>
															</tr>
															<tr>
																<th>Order Status</th>
																<td>
																	<?php 
																	        if($row->ord_completed == 1){
																				echo '<h5>: '.$row->status_name.'</h5>';
																			}elseif($row->ord_status == 7){
																				echo '<h5 style="color:green">: Order Completed</h5>';
																			}else{
																				echo '<h5 style="color:red">: Expired</h5>';
																			}
																	?>
																</td>
															</tr>
														</tbody>
													</table>
												</div>
												<button style="padding:6px;" class="dropbtn btn btn-info">View More </button>
												<button style="padding:6px;" type="button" class="btn btn-primary Reschedule" data-id="<?= ucfirst($row->id) ?>">Reschedule</button>
												<button style="padding:8px;" type="button" class="btn btn-danger btn-xs cancelButton" data-id="123">Cancel</button>
											</div>
										</div>
									<?php } ?>
								<?php }else{ ?>
									<img src="images/svgs/magic.svg" width="300" alt="" style="opacity: 0.4;">
									<h2 class="mt-4">No Order Found!</h2>
								<?php } ?>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
    </div>
	
    <div class="desk-view">
		<section class="user-form-part">
			<div class="container">
				<div class="row">
					<div class="w-100 shadow p-5 mb-5 rounded" style="height: auto;">
						<div class="user-form-category-btn">
							<ul class="nav nav-tabs history-part">
								<li><a href="#login-tab" class="col-h active" data-toggle="tab">ONGOING</a></li>
								<li><a href="#register-tab" class="col-h" data-toggle="tab">HISTORY</a></li>
							</ul>
						</div>
						<div class="tab-pane active" id="login-tab">
							<div class="user-form-title mt-5">
								<div class="col-sm-12 col-md-12 col-lg-12 col-xl-12">
									<?php if(!empty($list_current_orders)){ ?>
										<?php foreach($list_current_orders as $row){ ?>
											<?php $item_gst 	= ((get_agent_commission($row->ord_total)*$row->ord_gst_percent)/100); ?>
											<?php $item_total 	= ($row->ord_total)+$item_gst+($row->ord_distance_fee); ?>
											<div class="product-card dropdown-item px-0 standard mt-2">
												<div class="product-content px-0">
													<ol class="breadcrumb product-category mb-0 d-flex justify-content-between bg-light px-3">
														<li><h4>Order ID : <?= $row->ord_id ?></h4></li>
														<li><h4><?= get_price_format($item_total) ?>/- </h4></li>
													</ol>
													<ol class="product-category d-flex justify-content-between align-items-center px-3">
														<li class="order">
															<h5 class="text-dark fw-bold">Order Date : <?= date('d M Y',strtotime($row->created_at)) ?></h5>
														</li>
													</ol>
													<div class="product-meta px-4 d-flex">
														<table style="text-align:left; width:50%;">
															<tbody>
																<tr>
																	<th width="50%">Booking Date</th>
																	<td>: <?= (!empty($row->ord_book_date))?date('d-M-Y',strtotime($row->ord_book_date)):'' ?></td>
																</tr>
																<tr>
																	<th>Payment Mode</th>
																	<td>: <?= (!empty($row->payment_method))?$row->payment_method:'COD' ?></td>
																</tr>
																<tr>
																	<th>Service Type</th>
																	<td>: <?= ucfirst($row->ord_type) ?></td>
																</tr>
															</tbody>
														</table>
														<table style="text-align:left; width:50%;">
															<tbody>
																<tr>
																	<th>Booking Time</th>
																	<td>: <?= date('h:i A',strtotime($row->ord_from_time)).' - '.date('h:i A',strtotime($row->ord_to_time)) ?></td>
																</tr>
																<tr>
																	<th>Order Status </th>
																	<td>
																		<?php 
																			if($row->ord_status == 1) {
																				echo '<h5 style="color:green">: New Order</h5>';
																			} elseif($row->ord_status == 2) {
																				echo '<h5 style="color:red">: Canceled</h5>';
																			}elseif($row->ord_status == 6){
																				echo '<h5 style="color:red">: Order Completed & Payment Pending</h5>';
																			}elseif($row->ord_status == 7){
																				echo '<h5 style="color:green">: Order Completed</h5>';
																			}
																		?>
																	</td>

																</tr>
																<tr>
																	<th>&nbsp;</th>
																	<td>&nbsp;</td>
																</tr>
															</tbody>
														</table>
													</div>
													<button style="padding:8px;" class="dropbtn btn btn-info" data-id="<?= $row->id ?>">View More</button>
													<button style="padding:8px;" type="button" class="btn btn-primary btn-xs Reschedule" data-id="<?= ucfirst($row->id) ?>">Reschedule</button>
													<button style="padding:8px;" type="button" class="btn btn-danger btn-xs cancelButton" data-id="<?= ucfirst($row->id) ?>">Cancel</button>
												</div>
											</div>
										<?php } ?>
									<?php }else{ ?>
										<img src="images/svgs/magic.svg" width="300" alt="" style="opacity: 0.4;">
										<h2 class="mt-4">No Order Found!</h2>
									<?php } ?>
								</div>
							</div>
						</div>
						<div class="tab-pane" id="register-tab">
								<div class="user-form-title mt-5">
								<div class="col-sm-12 col-md-12 col-lg-12 col-xl-12">
									<?php if(!empty($list_past_orders)){ ?>
										<?php foreach($list_past_orders as $row){ ?>
											<?php $item_gst 	= ((get_agent_commission($row->ord_total)*$row->ord_gst_percent)/100); ?>
											<?php $item_total 	= ($row->ord_total)+$item_gst+($row->ord_distance_fee); ?>
											<div class="product-card dropdown-item px-0 standard mt-2">
												<div class="product-content px-0">
													<ol class="breadcrumb product-category mb-0 d-flex justify-content-between bg-light px-3">
														<li><h4>Order ID : <?= $row->ord_id ?></h4></li>
														<li><h4><?= get_price_format($item_total) ?>/- </h4></li>
													</ol>
													<ol class="product-category d-flex justify-content-between align-items-center px-3">
														<li class="order">
															<h5 class="text-dark fw-bold">Order Date : <?= date('d M Y',strtotime($row->created_at)) ?></h5>
														</li>
													</ol>
													<div class="product-meta px-4 d-flex">
														<table style="text-align:left; width:50%;">
															<tbody>
																<tr>
																	<th width="50%">Booking Date</th>
																	<td>: <?= (!empty($row->ord_book_date))?date('d-M-Y',strtotime($row->ord_book_date)):'' ?></td>
																</tr>
																<tr>
																	<th>Payment Mode</th>
																	<td>: <?= (!empty($row->payment_method))?$row->payment_method:'COD' ?></td>
																</tr>
																<tr>
																	<th>Service Type</th>
																	<td>: <?= ucfirst($row->ord_type) ?></td>
																</tr>
															</tbody>
														</table>
														<table style="text-align:left; width:50%;">
															<tbody>
																<tr>
																	<th>Booking Time</th>
																	<td>: <?= date('h:i A',strtotime($row->ord_from_time)).' - '.date('h:i A',strtotime($row->ord_to_time)) ?></td>
																</tr>
																<tr>
																	<th>Order Status</th>
																	<td>
																		<?php 
																			if($row->ord_completed == 1){
																				echo '<h5>: '.$row->status_name.'</h5>';
																			}elseif($row->ord_status == 7){
																				echo '<h5 style="color:green">: Order Completed</h5>';
																			}else{
																				echo '<h5 style="color:red">: Expired</h5>';
																			}
																		?>
																	</td>
																</tr>
																<tr>
																	<th>&nbsp;</th>
																	<td>&nbsp;</td>
																</tr>
															</tbody>
														</table>
													</div>
													<button style="padding:8px;" class="dropbtn btn btn-info" data-id="<?= $row->id ?>">View More</button>
													<button style="padding:8px;" type="button" class="btn btn-primary btn-xs Reschedule" data-id="<?= $row->id ?>">Reschedule</button>
													<button style="padding:8px;" type="button" class="btn btn-danger btn-xs cancelButton" data-id="<?= $row->id ?>">Cancel</button>
												</div>
											</div>
										<?php } ?>
									<?php }else{ ?>
										<img src="images/svgs/magic.svg" width="300" alt="" style="opacity: 0.4;">
										<h2 class="mt-4">No Order Found!</h2>
									<?php } ?>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
    </div>
	
<div class="modal fade" id="OrderViewModal">
	<div class="modal-dialog modal-dialog-centered modal-xl">
		<div class="modal-content">
			<div class="modal-header">
				<h4>Order View : </h4>
				<button class="fas fa-times" data-dismiss="modal"></button>
			</div>
			<div class="modal-body" id="OrderViewDiv"></div>
		</div>
	</div>
</div>

<div class="modal fade" id="Reschedule">
	<div class="modal-dialog modal-dialog-centered modal-xl">
		<div class="modal-content">
			<div class="modal-header">
				<h4>Order Reschedule  </h4>
				<button class="fas fa-times" data-dismiss="modal"></button>
			</div>
				<div class="mob-view">
		<section class="inner-section ad-details-part">
			<div class="container">
				<div class="row">
					<div class="col-lg-10 m-auto">
							<div class="common-card p-3">
								<div class="card-header">
									<h5 class="card-title">Select Date and Time</h5>
								</div>
								<div class="col-lg-12 mb-5 px-0">
									<div class="niche-nav">
										<ul class="ad-tabs" id="ad-tab-content">
											<?php
												for($i=0;$i<7;$i++){
													$cur_date = date("Y-m-d", strtotime("+ ".($i+1)." day"));
													if($i>0){
														$cur_date = date("Y-m-d", strtotime("+ ".($i+1)." day"));
													}
													
													echo '<li>';
														echo '<a href="javascript:void(0)" class="ad-link calendar" data-row="'.$i.'" data-id="'.$cur_date.'" data-toggle="tab">';
															echo '<div class="date datepicker'.$i.'">'.date('D',strtotime($cur_date)).'<h3>'.date('d',strtotime($cur_date)).'</h3>';
																echo '<span class="month">'.date('F',strtotime($cur_date)).'</span>';
															echo '</div>';
														echo '</a>';
													echo '</li>';
												}
											?>
										</ul>
									</div>
								</div>
								<div class="time_slot_details">
									<div class="row">
										<div class="col-sm-12 col-md-12 col-lg-12 col-xl-12">
											<div class="time_slot_details_div"></div>
										</div>
									</div>
								</div>
								<div class="mb-3 mt-4">
									<h6 class="fw-bold">Notes</h6>
									<p class="ad-details-desc"><?= get_checkout_notes() ?></p>
								</div>
								<button class="btn btn-inline submit_checklist" type="button">
									<span>Proceed</span>
								</button>
								<div class="submit_checklist_div"></div>
								<input type="hidden" id="hidden_order_id" value="">
							</div>
					</div>
				</div>
			</div>
		</section>
    </div>
			
			
			
			
			
			
			
	<div class="desk-view">
		<section class="inner-section ad-details-part mb-0">
			<div class="container">
				<div class="row">
					<div class="col-lg-10 m-auto">
							<div class="common-card">
								<div class="card-header">
									<h5 class="card-title">Select Date and Time</h5>
								</div>
								<div class="col-lg-12 mb-5 px-0">
									<div class="niche-nav">
										<ul class="ad-tabs" id="ad-tab-content">
											<?php
												for($i=0;$i<7;$i++){
													$cur_date = date("Y-m-d", strtotime("+ ".($i+1)." day"));
													if($i>0){
														$cur_date = date("Y-m-d", strtotime("+ ".($i+1)." day"));
													}
													
													echo '<li>';
														echo '<a href="javascript:void(0)" class="ad-link calendar" data-row="'.$i.'" data-id="'.$cur_date.'" data-toggle="tab">';
															echo '<div class="date datepicker'.$i.'">'.date('D',strtotime($cur_date)).'<h3>'.date('d',strtotime($cur_date)).'</h3>';
																echo '<span class="month">'.date('F',strtotime($cur_date)).'</span>';
															echo '</div>';
														echo '</a>';
													echo '</li>';
												}
											?>
										</ul>
									</div>
								</div>
								<div class="time_slot_details">
									<div class="row">
										<div class="col-sm-12 col-md-12 col-lg-12 col-xl-12">
											<div class="time_slot_details_div"></div>
										</div>
									</div>
								</div>
								<div class="mb-3 mt-4">
									<h6 class="fw-bold">Notes</h6>
									<p class="ad-details-desc"><?= get_checkout_notes() ?></p>
								</div>
								<button class="btn btn-inline submit_checklist" type="button">
									<span>Proceed</span>
								</button>
								<div class="submit_checklist_div"></div>
								<input type="hidden" id="hidden_order_id" value="">
							</div>
					</div>
				</div>
			</div>
		</section>
    </div>
		</div>
	</div>
</div>

<style>
@media (min-width: 576px) {
    .modal-sm {
        max-width: 425px !important;
    }
}
.timer-container{
  background-color: #111;
  padding: 20px 26px;
  border-radius: 12px;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.5);
  text-align: center !important;
}
.timer{
  display: flex;
  gap: 2px;
  align-items: flex-end;
}
.time-box{
	display: flex;
	flex-direction: column;
	align-items: center;
	min-width: 60px;
}
.time-value{
	font-size: 2rem;
	background: #444;
	padding: 12px 14px;
	border-radius: 8px;
	font-weight: bold;
	color:white;
}
.label{
	margin-top: 8px;
	font-size: 0.9rem;
	color: #ccc;
	letter-spacing: 1px;
}
.colon{
	font-size: 2.5rem;
	color: #888;
	margin-bottom: 50px;
}
</style>
<?php
	$cancel_amount = get_order_cancel_by_customer_amount();
	if(!empty($cancel_amount)){
		$cancel_amount = get_currency_symbol()."&nbsp;".number_format($cancel_amount,2);
	}else{
		$cancel_amount = get_currency_symbol()."&nbsp;0.00";
	}
?>
<div class="modal fade" id="OrderCancelModal" tabindex="-1" data-bs-backdrop="static" data-bs-keyboard="false">
	<div class="modal-dialog modal-dialog-centered modal-sm">
		<div class="modal-content">
			<div class="modal-body">
				<h4>Order Processing On:</h4>
				<div class="timer-container" style="margin-top:20px; margin-bottom:30px;">
					<div class="timer">
						<div class="time-box">
							<div id="days" class="time-value">00</div>
							<div class="label">Days</div>
						</div>
						<div class="colon">:</div>
						<div class="time-box">
							<div id="hours" class="time-value">00</div>
							<div class="label">Hours</div>
						</div>
						<div class="colon">:</div>
						<div class="time-box">
							<div id="minutes" class="time-value">00</div>
							<div class="label">Minutes</div>
						</div>
						<div class="colon">:</div>
						<div class="time-box">
							<div id="seconds" class="time-value">00</div>
							<div class="label">Seconds</div>
						</div>
					</div>
				</div>
				<div class="alert alert-danger">Cancellation Charge : <?= $cancel_amount ?></div>
				<div class="text-right" style="margin-top:10px;">
					<button class="btn btn-success btn-sm">Yes</button>
					<button class="btn btn-danger btn-sm" id="OrderCancelClose">No</button>
				</div>
			</div>
		</div>
	</div>
</div>

<input type="hidden" id="selected_date_slot_id" value="0" />
<input type="hidden" id="selected_time_slot_id" value="0" />

<script>
let totalSeconds = 0;
let timerInterval;

function updateTimer() {
	let days = Math.floor(totalSeconds / 86400);
	let hours = Math.floor((totalSeconds % 86400) / 3600);
	let minutes = Math.floor((totalSeconds % 3600) / 60);
	let seconds = totalSeconds % 60;
	
	$('#days').text(days.toString().padStart(2, '0'));
	$('#hours').text(hours.toString().padStart(2, '0'));
	$('#minutes').text(minutes.toString().padStart(2, '0'));
	$('#seconds').text(seconds.toString().padStart(2, '0'));

	if (totalSeconds > 0) {
		totalSeconds--;
	}
}

$(document).ready(function() {
	$('.cancelButton').on('click', function(){
		$.ajax({
			url: '<?= base_url().'web/get_order_timer_details' ?>', 
			type: 'POST',
			data: { id: $(this).data('id') },
			dataType: "JSON",
			success: function(data) {
				totalSeconds = data['timer'];
				clearInterval(timerInterval);
				timerInterval = setInterval(updateTimer, 1000);
				updateTimer();

				$('#OrderCancelModal').modal({
					backdrop: 'static',
					keyboard: false
				}).modal('show');
			}
		});
	});
});

// Stop timer on close button click
$('#OrderCancelClose').click(function() {
	clearInterval(timerInterval);
	$('#OrderCancelModal').modal("hide");
});

$(document).on("click",".ad-link",function(){
	var row = $(this).attr("data-row");
	$(".date").removeClass("active");
	$(".datepicker"+row).addClass("active");
	
	var id 	= $(this).attr("data-id");
	$("#selected_date_slot_id").val(id);
	$.ajax({
		url: "<?= base_url().'get_user_time_slot' ?>",
		type: "POST",
		data:  { keys : id },
		success: function(data){
			$(".time_slot_details_div").html(data);
			$(".time_slot_details").show();
		}
	});
});

$(document).on("click",".order_time_slot",function(){
	var row = $(this).attr("data-id");
	$(".order_time_slot").removeClass("active");
	$(".order"+row).addClass("active");
	$("#selected_time_slot_id").val(row);
});

// Reschedule button click handler
    $(document).on("click",".Reschedule",function(){
        var orderId = $(this).data("id");
        $("#hidden_order_id").val(orderId); // Set the order ID in hidden input field
        $("#Reschedule").modal("show");
    });

$(".submit_checklist").click(function(){
	if($("#selected_time_slot_id").val()==0){
		toastr.error("Please Select Available Time Slot based on the Available Date");
	}else{
		$.ajax({
			url: "<?php echo base_url();?>web/updateorders",
			type: "POST",
			data:  {  date : $("#selected_date_slot_id").val(), id: $("#hidden_order_id").val(), time_slot_id : $("#selected_time_slot_id").val() },
			dataType: "JSON",
			success: function(data){
				Swal.fire({
					icon: "success",
					title: data['msg']
				});
				
				setTimeout(function(){
					window.location.href='<?= base_url()."orders" ?>';
				}, 1500);
			}
		});
	}
});

$(document).on("click",".dropbtn",function(){
	var id = $(this).attr("data-id");
	if(id>0){
		$.ajax({
			url: "<?= base_url().'get_user_order_details' ?>",
			type: "POST",
			data:  { keys : id },
			success: function(data){
				$("#OrderViewDiv").html(data);
				$("#OrderViewModal").modal("show");
			}
		});
	}
});

$(document).on("click",".Reschedule",function(){
	$("#Reschedule").modal("show");
});
</script>