File Manager V1.5

FILE_CONTENT: other_services.php

<?php
require_once 'header.php';
require_once(__DIR__ . '/admin/link_db_process.php');

// Get service name and id from URL
$service_name = isset($_GET['name']) ? $_GET['name'] : '';
$service_id = isset($_GET['id']) ? (int)$_GET['id'] : 0;

// Fetch service details
$service_details = [];
if ($service_name && $service_id) {
    try {
        $query = "SELECT * FROM dynamic_services WHERE service_name = ? AND id = ?";
        $stmt = $conn->prepare($query);
        $stmt->bind_param("si", $service_name, $service_id);
        $stmt->execute();
        $result = $stmt->get_result();
        $service_details = $result->fetch_assoc();
    } catch (Exception $e) {
        echo "Error: " . $e->getMessage();
    }
}
?>

<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
		function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="css/cars/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" type="text/css" href="css/cars/zoomslider.css" />
<link rel="stylesheet" type="text/css" href="css/cars/style.css" />
<link rel="stylesheet" type="text/css" href="css/cars/component.css" />
<script type="text/javascript" src="js/cars/modernizr-2.6.2.min.js"></script>

<!--/web-fonts-->
	<link href='//fonts.googleapis.com/css?family=Open+Sans:400,600,600italic,300,300italic,700,400italic' rel='stylesheet' type='text/css'>
	<link href='//fonts.googleapis.com/css?family=Wallpoet' rel='stylesheet' type='text/css'>
	<link href='//fonts.googleapis.com/css?family=Ubuntu:400,500,700,300' rel='stylesheet' type='text/css'>
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
	<link rel="shortcut icon" type="images/x-icon" href="img/kelog.PNG" />
    
    <link rel="stylesheet" href="css/cars/main1.css">
    <link rel="stylesheet" href="scss/cars/skin1.css">



<div id="demo-1" data-zs-src='["images/cars/2.jpg"]' data-zs-overlay="dots">
		
</div>

<!-- Service Content -->
<div class="service-details">
    <div class="auto-container">
        <h1><?php echo htmlspecialchars($service_details['service_name'] ?? 'Service Not Found'); ?></h1>
        <div class="service-content">
            <?php if ($service_details): ?>
                <p><?php echo $service_details['content']; ?></p>
                <?php if (!empty($service_details['image_path'])): ?>
                    <div class="service-image">
                        <img src="<?php echo htmlspecialchars($service_details['image_path']); ?>" 
                             alt="<?php echo htmlspecialchars($service_details['service_name']); ?>" 
                             class="img-fluid rounded shadow-lg">
                    </div>
                <?php endif; ?>
            <?php else: ?>
                <p>Sorry, the service you are looking for is not available.</p>
            <?php endif; ?>
        </div></br>
    </div>
</div>

<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
		function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->

	
	<!-- footer -->
	

<script src="js/cars/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/cars/jquery.zoomslider.min.js"></script>
		<script type="text/javascript">
				 $(window).load(function() {			
				  $("#flexiselDemo").flexisel({
					visibleItems:1,
					animationSpeed: 1000,
					autoPlay: true,
					autoPlaySpeed:1000,    		
					pauseOnHover:true,
					enableResponsiveBreakpoints: true,
					responsiveBreakpoints: { 
						portrait: { 
							changePoint:480,
							visibleItems: 1
						}, 
						landscape: { 
							changePoint:640,
							visibleItems: 1
						},
						tablet: { 
							changePoint:768,
							visibleItems: 1
						}
					}
				});
				});
				</script>
						<script type="text/javascript">
				 $(window).load(function() {			
				  $("#flexiselDemo1").flexisel({
					visibleItems: 4,
					animationSpeed: 1000,
					autoPlay: true,
					autoPlaySpeed: 3000,    		
					pauseOnHover:true,
					enableResponsiveBreakpoints: true,
					responsiveBreakpoints: { 
						portrait: { 
							changePoint:480,
							visibleItems: 1
						}, 
						landscape: { 
							changePoint:640,
							visibleItems: 2
						},
						tablet: { 
							changePoint:768,
							visibleItems: 3
						}
					}
				});
				});
				</script>
					<script type="text/javascript" src="js/cars/jquery.flexisel.js"></script>
<script src="js/cars/bootstrap.js"></script>



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