 <?php
session_start();
include 'function.php';
// echo $registered_users_id = $_SESSION['registered_users_id'];
?>
<!doctype html>
<html lang="en">


	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>My products</title>
		<link rel="stylesheet" href="static/css/style.css">
		<link rel="stylesheet" href="static/css/mui.min.css">
		<link rel="stylesheet" href="static/css/mui.loading.css">
		<meta name="viewport" content="initial-scale=1, maximum-scale=1, width=device-width">
		<style type="text/css">
		.myfle {
				background: #fff;
				margin-bottom: 10px;
				padding-bottom: 10px;
				border-radius: 8px;
			}

			.pcttop {
				position: relative;
			}

			.pcttop {
				padding: 10px 10px 0;
				display: flex;
			}

			.itemList .item {
				display: flex;
				align-items: flex-start;
				justify-content: flex-start;
				margin-bottom: 10px;
				padding-bottom: 17px;
				padding: 16px 10px 0;
				background: #fff;
				box-shadow: none;
			}

			.text {
				width: 100%;
				color: #8D95A0;
				font-size: 14px;
				padding-top: 10px;
			}

			.text strong {
				color: #908e8e;
				font-weight: 400;
				display: block;
				overflow: hidden;
				height: 24px;
			}

			.text span {
				float: right;
				color: #000;
				font-weight: 500;
			}

			.itemList .item .image img {
				width: 150px;
				height: 100px;
				border-radius: 0px;
			}

			.pcttop h4 {
				font-size: 18px;
				margin-bottom: 0;
			}

			.holder-info {
				height: 30px;
				width: 79%;
				margin: auto;
				border-radius: 25px;
				color: #fff;
				background: #c10303;
				border-radius: 12px;
			}
			
			.dropload-down {
				width: 100%;
				padding-top: 50px;
				margin: 0 auto;
				line-height: 1.6em;
				font-size: 14px;
				text-align: center;
				color: #968b8b;


			}
		</style>
	</head>

	<body>




		<!-- App Header -->
		<div class="appHeader">
			<div class="left">
			
			</div>
			<div class="pageTitle">My Orders</div>
					<a href="javascript:history.go(-1);" class="">
					    				   <div class="back-button">
  <div class="arrow-wrap" >
    <!--<span class="arrow-part-1"></span>-->
    <span class="arrow-part-2" ></span>
    <span class="arrow-part-3"></span>
  </div>
</div>
</a>

<style>
    
.back-button{
  width:35px;
  height:35px;
  position: absolute;
  top: 95%;
  left: 14%;
  transform: translate(-50%, -50%);
  border-radius:50%;
  border:none;
  overflow:hidden;
  transition:background 0.3s ease;
  &.back{
    .arrow-wrap{
      left:-50%;
    }
  }
  &:hover{
    background:none;
    .arrow-wrap{
      span{
        background:#fff;
      }
    }
  }
  .arrow-wrap{
    display:block;
    position:absolute;
    height:70%;
    width:70%;
    top: 50%;
    left: 50%;
    
    transform: translate(-50%, -50%);
    transition:left 0.3s ease;
    span{
      height:1px;
      left:0;
      top:50%;
      background:black;
      position:absolute;
      display:block;
      border:2px solid black;
      transition:background 0.3s ease;
    }
    .arrow-part-1{
      width:100%;
      transform: translate(0, -50%);
    }
    .arrow-part-2{
      width:50%;
      transform: rotate(-45deg);
      transform-origin: 0 0;
    }
    .arrow-part-3{
      width:60%;
      transform: rotate(45deg);
      transform-origin: 0 0;
    }
  }
}

</style>
		</div>
		<div id="appCapsule" class="pb-2">
			<div class="appContent">
			    
			    	<?php

$sno =0;

//`service_id`, `service_date`, `client_id`, `service_des`, `employee_id`, `close_date`, `amount`, `status`
$get_car = mysqli_query($connect,"SELECT * FROM `servicecall` where client_id = '$Admin_user_id' ") or die(mysqli_error($connect));

while($fetch_payment = mysqli_fetch_array($get_car))
{
$sno++;
$service_id = $fetch_payment['service_id'];

$service_date = $fetch_payment['service_date'];
$service_des = $fetch_payment['service_des'];
$client_id = $fetch_payment['client_id'];
$employee_id = $fetch_payment['employee_id'];

$close_date = $fetch_payment['close_date'];
$status = $fetch_payment['status'];
$amount = $fetch_payment['amount'];

?>

			    
				<div class="itemList">

				<div class="myfle">		
				
					<div class="item">			
						
						<div class="text pt-0">				
							<div>
							<strong> Date <span  name="order_date"><?php echo date('d-m-Y',strtotime($service_date));?>  </span></strong>			
								<strong>Desc <span name="product_name"> <?php echo $service_des ;?> </span></strong>					
								<strong>Employee assigned <span name="product_price"><?php echo employeeDB($employee_id) ;?>  </span></strong>					
								<strong>close date <span  name="product_model"><?php echo date('d-m-Y',strtotime($close_date)) ;?>  </span></strong>	
									 <strong>Status <span> <?php echo $status; ?> </span></strong>
									 <strong>Amount <span> <?php echo $amount; ?> </span></strong>	
						<!--<strong>Create <span> 19/05/2024</span></strong>		-->
							</div>			
						</div>		
					</div>	
					
					<!--<a type="submit" value="Login" name="btn-login"	target="_blank"  class="info-btn"><span  class="van-button__text">Get</span></a>-->
			
						
						 <!--<button type="submit" class="van-button__text" value="Login" name="btn-login">Get-->
				
				</div>
			</div>
			
			<?php
			}
			?>
			</div>


		</div>
		<!--<input type="hidden" name="__token__" id="token" value="69a302d7c606e498249773635199a6b6">-->
		<script src="static/js/jquery-3.4.1.min.js"></script>
		<script src="static/js/app.js"></script>
		<script src="static/js/mui.min.js"></script>
		<script src="static/js/mui.loading.js"></script>
		<script src="static/js/dropload.min.js"></script>
	   

	</body>

</html>
