One Hat Cyber Team

Edit File: product-details.php

<?php
// Connect to the database
include 'db.connect.php';

// Get car_id from URL (e.g., details.php?car_id=1)
$car_id = isset($_GET['car_id']) ? intval($_GET['car_id']) : 0;

// Fetch car details based on the selected car_id
$sql = "SELECT * FROM cars WHERE id = ?";
$stmt = mysqli_prepare($conn, $sql);
mysqli_stmt_bind_param($stmt, "i", $car_id);
mysqli_stmt_execute($stmt);
$result = mysqli_stmt_get_result($stmt);

// Check if car is found
if ($car = mysqli_fetch_assoc($result)) {
    // Assign database values to variables
    $car_name = $car['car_name'];
    $car_price = $car['car_price'];
    $modal_number = $car['modal_number'];
    $year = $car['year'];
    $km_run = $car['km_run'];
    $fuel_type = $car['fuel_type'];
    $car_color = $car['car_color'];
    $state = $car['state'];
    $seating_capacity = $car['seating_capacity'];
    $owner_type = $car['owner_type'];
     $basic_information = htmlspecialchars($car['basic_information']);
       $car_history = htmlspecialchars($car['car_history']);
    
    $car_images = [
        $car['car_image1'],
        $car['car_image2'],
        $car['car_image3'],
        $car['car_image4'],
        $car['car_image5'],
    ];
} else {
    echo "<p>Sorry, this car is not available or does not exist.</p>";
    exit; // Stop execution if car not found
}

// Close the database connection
mysqli_close($conn);
?>

<!DOCTYPE html>
<html lang="zxx">

<head>
	
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="">
	<meta name="keywords" content="">
	<meta name="author" content="Awaiken">
	
	<title> Fahad auto </title>
	
	<link rel="shortcut icon" type="image/x-icon" href="images/main/Fahad-Auto-Palava-Logo-(1).png">
	
	<link rel="preconnect" href="https://fonts.googleapis.com/">
    <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&amp;family=Epilogue:ital,wght@0,100..900;1,100..900&amp;display=swap" rel="stylesheet">
	
	<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
	
	<link href="css/slicknav.min.css" rel="stylesheet">
	
	<link rel="stylesheet" href="css/swiper-bundle.min.css">
	
	<link href="css/all.css" rel="stylesheet" media="screen">
	
	<link href="css/animate.css" rel="stylesheet">
	
	<link rel="stylesheet" href="css/magnific-popup.css">
	
	<link rel="stylesheet" href="css/mousecursor.css">
	
	<link href="css/custom.css" rel="stylesheet" media="screen">
	
	
	<style>
	    .fleets-single-sidebar-pricing h2 {
    font-family: var(--default-font);
    font-size: 19px;
}

.fleets-single-sidebar {
    position: sticky;
    top: 20px;
    background-color: var(--secondary-color);
    border-radius: 30px;
    padding: 18px;
    /* margin-right: 30px; */
}
.fleets-single-sidebar-list ul li {
    position: relative;
    font-family: var(--accent-font);
    font-weight: 500;
    color: var(--primary-color);
    padding-left: 4px;
    margin-bottom: 25px;
}
@media (max-width: 768px) { 
    .fleets-single-sidebar {
        position: relative; /* Remove sticky on mobile for better scrolling */
        top: auto;
        padding: 15px;
        border-radius: 15px; /* Smaller border-radius for better mobile fit */
        margin: 10px; /* Add slight margin for spacing */
    }

.fleets-single-sidebar-list ul li {
        font-size: 14px; /* Reduce font size for readability */
        margin-bottom: 15px; /* Reduce spacing between items */
        display: flex;
        flex-wrap: wrap; /* Ensure text wraps properly */
        align-items: center;
    }

.fleets-single-sidebar-list ul li img {
        width: 20px; /* Reduce icon size */
        height: auto;
        margin-right: 10px;
    }

.fleets-single-sidebar-list ul {
        padding-left: 0; /* Remove unnecessary left padding */
    }
}

</style>
</head>
<body>

<?php include 'header.php'; ?>

<div class="page-header bg-section parallaxie">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					
					<div class="page-header-box">
						<h1 class="text-anime-style-3" data-cursor="-opaque">Product-details</h1>
						
					</div>
					
				</div>
			</div>
		</div>
	</div>

<div class="page-fleets-single">
        <div class="container">
            <div class="row">
                <div class="col-lg-4">
                    
                    <div class="fleets-single-sidebar">
                        <div class="fleets-single-sidebar-box wow fadeInUp">
                            
                            <div class="fleets-single-sidebar-pricing">
                                <h2>₹<?php echo htmlspecialchars($car_price); ?><span></span></h2>
                            </div>

<div class="fleets-single-sidebar-list">
                                 <ul>
                                <li>
    <img src="images/icon-fleets-single-sidebar-list-name.svg" alt=""> 
    Car Name 
    <span style="display: block; white-space: normal; word-wrap: break-word;">
        <?php echo htmlspecialchars($car_name); ?>
    </span>
</li>

<li>
    <img src="images/icon-fleets-single-sidebar-list-model.svg" alt=""> 
    Modal Number 
    <span style="display: block; white-space: normal; word-wrap: break-word;">
        <?php echo htmlspecialchars($modal_number); ?>
    </span>
</li>

<li><img src="images/icon-fleets-single-sidebar-list-year.svg" alt=""> Year <span><?php echo htmlspecialchars($year); ?></span></li>
                                <li><img src="images/icon-fleets-single-sidebar-list-km.svg" alt=""> Kilometers Run <span><?php echo htmlspecialchars($km_run); ?> km</span></li>
                                <li><img src="images/icon-fleets-single-sidebar-list-fuel.svg" alt=""> Fuel Type <span><?php echo htmlspecialchars($fuel_type); ?></span></li>
                                <li><img src="images/icon-fleets-single-sidebar-list-color.svg" alt=""> Color <span><?php echo htmlspecialchars($car_color); ?></span></li>
                                <li><img src="images/icon-fleets-single-sidebar-list-state.svg" alt=""> State <span><?php echo htmlspecialchars($state); ?></span></li>
                                <li><img src="images/icon-fleets-single-sidebar-list-seating.svg" alt=""> Seating Capacity <span><?php echo htmlspecialchars($seating_capacity); ?></span></li>
                                <li><img src="images/icon-fleets-single-sidebar-list-owner.svg" alt=""> Owner Type <span><?php echo htmlspecialchars($owner_type); ?></span></li>
                            </ul>
                            </div>

<?php
// Define the WhatsApp number (with country code)
$whatsapp_number = "919022222178"; // Make sure this is correct

// Format the message
$whatsapp_message = urlencode(
    "Car Details:\n".
    "🚗 Car Name: $car_name\n".
    "🔢 Model Number: $modal_number\n".
    "📅 Year: $year\n".
    "📏 Kilometers Run: $km_run km\n".
    "⛽ Fuel Type: $fuel_type\n".
    "🎨 Color: $car_color\n".
    "📍 State: $state\n".
    "🛋 Seating Capacity: $seating_capacity\n".
    "👤 Owner Type: $owner_type"
);

// Corrected WhatsApp URL
$whatsapp_url = "https://wa.me/$whatsapp_number?text=$whatsapp_message";
?>

<div class="fleets-single-sidebar-btn"> 
    <a href="contact.php" class="btn-default">Book Now</a>
    <span>or</span>
    <a href="<?php echo $whatsapp_url; ?>" class="wp-btn" target="_blank">
        <i class="fa-brands fa-whatsapp"></i>
    </a>                                
</div>

</div>

</div>
                    
                </div>

</figure>
                                        </div>
                                      </div>';
                            }
                        }
                        ?>
                    </div>
                                    
                                </div>
                                <div class="swiper-pagination"></div>
                            </div>
                        </div>

<div class="fleets-benefits wow fadeInUp">
                            
                            <div class="fleets-benefits-item">
        <div class="icon-box">
           <div class="icon-box">
    <i class="fas fa-calendar-check" style="font-size: 2rem;color: #ff6600 "></i>
</div>

</div>
        <div class="fleets-benefits-content">
            <h3>Easy Online Booking</h3>
            <p>Quick and hassle-free booking from anywhere.</p>
        </div>
    </div>

<div class="fleets-benefits-item">
        <div class="icon-box">
           <i class="fas fa-tools" style="font-size: 2rem; color: #ff6600;"></i>
        </div>
        <div class="fleets-benefits-content">
            <h3>Well-Maintained Vehicles</h3>
            <p>Regularly serviced cars to ensure smooth rides.</p>
        </div>
    </div>
                            
                        </div>

<div class="fleets-information">
                            
                            <div class="section-title">
                                <h3 class="wow fadeInUp">Basic information</h3>
                                <h2 class="text-anime-style-3" data-cursor="-opaque">Know about our car service</h2>
    <p class="wow fadeInUp" data-wow-delay="0.25s"><?php echo $basic_information; ?></p>
                            </div>

<div class="fleets-information-list wow fadeInUp" data-wow-delay="0.5s">
                                <ul>
                                    <li>24/7 Roadside Assistance</li>
                                    <li>Free Cancellation & Return</li>
                                    <li>Rent Now Pay When You Arrive</li>
                                </ul>
                            </div>
                            
                        </div>

<div class="fleets-amenities">
                            
                            <div class="section-title">
                                <h3 class="wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;">Car History</h3>

<div class="fleets-amenities-list wow fadeInUp" data-wow-delay="0.25s" style="visibility: visible; animation-delay: 0.25s; animation-name: fadeInUp;">
                                <ul>
                                  
<p class="wow fadeInUp" data-wow-delay="0.5s"><?php echo $car_history; ?></p>

</ul>
                            </div>
                            
                        </div>
                        
                    </div>
                    
                </div>
            </div>
        </div>
    </div>

<?php include 'footer.php'; ?>

<script src="js/jquery-3.7.1.min.js"></script>
    
    <script src="js/jquery-ui.js"></script>
    
    <script src="js/bootstrap.min.js"></script>
    
    <script src="js/validator.min.js"></script>
    
    <script src="js/jquery.slicknav.js"></script>
    
    <script src="js/swiper-bundle.min.js"></script>
    
    <script src="js/jquery.waypoints.min.js"></script>
    <script src="js/jquery.counterup.min.js"></script>
    
    <script src="js/jquery.magnific-popup.min.js"></script>
    
    <script src="js/SmoothScroll.js"></script>
    
    <script src="js/parallaxie.js"></script>
    
    <script src="js/gsap.min.js"></script>
    <script src="js/magiccursor.js"></script>
    
    <script src="js/SplitText.js"></script>
    <script src="js/ScrollTrigger.min.js"></script>
    
    <script src="js/jquery.mb.YTPlayer.min.js"></script>
    
    <script src="js/wow.js"></script>
    
    <script src="js/function.js"></script>
	<script src="../../../demo.awaikenthemes.com/assets/js/theme-panel.js"></script>
	
	
</body>

</html>