Server : LiteSpeed System : Linux in-mum-web1333.main-hosting.eu 4.18.0-553.37.1.lve.el8.x86_64 #1 SMP Mon Feb 10 22:45:17 UTC 2025 x86_64 User : u141265441 ( 141265441) PHP Version : 8.4.3 Disable Function : system, exec, shell_exec, passthru, mysql_list_dbs, ini_alter, dl, symlink, link, chgrp, leak, popen, apache_child_terminate, virtual, mb_send_mail Directory : /home/u141265441/domains/uniquebuildwell.com/public_html/ |
<?php
@$project = 'active';
include("header.php");
include("admin/db.php");
if (@$_REQUEST['id'] == 1) {
$id = @$_REQUEST['id'];
$title = "Ongoing";
} else if (@$_REQUEST['id'] == 2) {
$id = @$_REQUEST['id'];
$title = "Completed";
} else {
$id = 1;
$title = "Ongoing";
}
?>
<!-- Breadcrumb area start -->
<div class="breadcrumb__area breadcrumb-space overly theme-bg-heading-primary overflow-hidden">
<div class="breadcrumb__background" data-background="./assets/imgs/banner/breadcrumb.jpg"></div>
<div class="container">
<div class="row align-items-center justify-content-between">
<div class="col-12">
<div class="breadcrumb__content text-center">
<h1 class="breadcrumb__title color-white title-animation"><?php echo $title; ?> Projects</h1>
<div class="breadcrumb__menu d-inline-flex justify-content-center">
<nav>
<ul>
<li>
<span>
<a href="index.php">
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 5.9L7.5 1L14 5.9V13.6C14 13.9713 13.8478 14.3274 13.5769 14.5899C13.306 14.8525 12.9386 15 12.5556 15H2.44444C2.06135 15 1.69395 14.8525 1.42307 14.5899C1.15218 14.3274 1 13.9713 1 13.6V5.9Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M5.33398 15V8H9.66732V15" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Home
</a>
</span>
</li>
<li class="active"><span>Projects</span></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
</div>
<style>
/* Button */
.open-modal-btn {
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
}
/* Modal Background */
.modal {
display: none; /* Hidden by default */
position: fixed;
z-index: 999999;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0,0,0,0.5); /* Dark overlay */
}
/* Modal Content */
.modal-content {
background-color: #fff;
margin: 5% auto;
padding: 20px;
border-radius: 8px;
width: 80%;
position: relative;
}
/* Close Button */
.close {
color: #aaa;
position: absolute;
top: 10px;
right: 20px;
font-size: 28px;
font-weight: bold;
cursor: pointer;
}
.close:hover {
color: red;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
.modal-content {
width: 95%;
}
}
</style>
<section class="blog section-space__top mb-50" style="padding-top: 60px;">
<div class="container">
<div class="row mb-minus-30">
<?php
$i = 1;
$select_project = mysqli_query($con, "SELECT * FROM `project` where status='$title' ORDER BY `orderby` DESC");
while ($get_project = mysqli_fetch_array($select_project)) {
$pro_id=$get_project['pid'];
?>
<div class="col-xl-4 col-lg-6" onclick="openModal(<?php echo $i; ?>)">
<div class="blog__item has-box-shadow mb-30">
<a href="javascript:void(0)" data-cursor-text="View" class="blog__item-media d-block">
<img src="assets/imgs/<?php echo $get_project['project_image']; ?>" alt="image not found" class="img-fluid">
</a>
<div class="blog__item-text" style="padding: 20px 20px;">
<div class="blog__item-meta mb-10">
<a href="#" style="font-size: 12px">
<span class="fa fa-map-marker-alt" style="color: #0071C1;"></span>
<?php echo $get_project['location']; ?>
</a>
<a href="#" style="font-size: 12px">
<span class="fa fa-map" style="color: #0071C1;"></span>
<?php echo money_format($get_project['area']).' Sq.Ft.'; ?>
</a>
</div>
<h4 class="blog__item-title mb-xs-15 rr-fw-bold text-capitalize">
<a href="#"><?php echo $get_project['project_name']; ?></a>
<p style="margin-bottom: 0px;"><?php echo $get_project['company_name']; ?></p>
</h4>
</div>
</div>
</div>
<div id="myModal<?php echo $i; ?>" class="modal">
<div class="modal-content">
<span class="close" onclick="closeModal(<?php echo $i; ?>)">×</span>
<div class="row" style="margin-top: 20px;">
<div class="col-lg-7">
<div class="project-details__media-wrapper position-relative z-1 mb-40">
<div class="swiper project-details__media__slider">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="project-details__media__item">
<img src="assets/imgs/<?php echo $get_project['project_image']; ?>" class="img-fluid" alt="image not found" style="width:100%; margin-bottom: 15px; border-radius: 10px">
</div>
</div>
<?php
$select_gallery = mysqli_query($con, "SELECT * FROM `gallery` where pid='$pro_id' order by gid desc");
while ($get_gallery = mysqli_fetch_array($select_gallery)) {
?>
<div class="swiper-slide">
<div class="project-details__media__item">
<img src="assets/imgs/<?php echo $get_gallery['image'] ?>" class="img-fluid" alt="image not found" style="width:100%; margin-bottom: 15px; border-radius: 10px">
</div>
</div>
<?php
}
?>
</div>
<div class="project-details__media__slider__arrow">
<button class="project-details__media__slider__arrow-prev">
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17 9H0.999999" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9 1L1 9L9 17" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
<button class="project-details__media__slider__arrow-next">
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 9H17" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9 1L17 9L9 17" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
</div>
</div>
</div>
<div class="col-lg-5">
<div class="project-details__author position-relative z-3">
<h4 class="heading-title" style="padding: 5px 20px;"><?php echo $get_project['project_name']; ?></h4>
<div class="project-details__author-body" style="padding-top: 10px; padding: 10px">
<div class="project-details__author-item__wrapper">
<div class="project-details__author-item d-flex flex-column" style="padding-bottom: 5px;margin-top: 5px;">
<span class="sub-t" style="line-height: 20px;font-size: 14px;">Client Name:</span>
<span class="title" style="line-height: 20px;font-size: 14px;"><?php echo $get_project['company_name']; ?></span>
</div>
<div class="project-details__author-item d-flex flex-column" style="padding-bottom: 5px;margin-top: 5px;">
<span class="sub-t" style="line-height: 20px;font-size: 14px;">Location:</span>
<span class="title" style="line-height: 20px;font-size: 14px;"><?php echo $get_project['location']; ?></span>
</div>
<div class="project-details__author-item d-flex flex-column" style="padding-bottom: 5px;margin-top: 5px;">
<span class="sub-t" style="line-height: 20px;font-size: 14px;">Details:</span>
<span class="title" style="line-height: 20px;font-size: 14px;"><?php echo $get_project['scope']; ?></span>
</div>
<div class="project-details__author-item d-flex flex-column" style="padding-bottom: 5px;margin-top: 5px;">
<span class="sub-t" style="line-height: 20px;font-size: 14px;">Area:</span>
<span class="title" style="line-height: 20px;font-size: 14px;"><?php echo money_format($get_project['area']).' Sq.Ft.'; ?></span>
</div>
<div class="project-details__author-item d-flex flex-column" style="padding-bottom: 5px;margin-top: 5px;">
<span class="sub-t" style="line-height: 20px;font-size: 14px;">Architect:</span>
<span class="title" style="line-height: 20px;font-size: 14px;"><?php echo $get_project['architect']; ?></span>
</div>
<div class="project-details__author-item d-flex flex-column" style="padding-bottom: 5px;margin-top: 5px;">
<span class="sub-t" style="line-height: 20px;font-size: 14px;">RCC Consultants:</span>
<span class="title" style="line-height: 20px;font-size: 14px;"><?php echo $get_project['structure_consultant']; ?></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<?php
$i++;
}
?>
</div>
</div>
</section>
<script>
function openModal(id) {
document.getElementById("myModal" + id).style.display = "block";
}
function closeModal(id) {
document.getElementById("myModal" + id).style.display = "none";
}
// Close when clicking outside the modal
window.onclick = function (event) {
const modal = document.getElementById("myModal");
if (event.target === modal) {
closeModal();
}
}
</script>
<?php
function money_format($number, $len = 0)
{
if (empty($number))
return 0;
$positive = true;
if ($number < 0) {
$positive = false;
$number = abs($number);
}
$money = floor($number);
$decimal = (string)($number - $money);
$length = strlen($money);
$delimiter = '';
$money = strrev($money);
for ($i = 0; $i < $length; $i++) {
if (($i == 3 || ($i > 3 && ($i - 1) % 2 == 0)) && $i != $length) {
$delimiter .= ',';
}
$delimiter .= $money[$i];
}
$result = strrev($delimiter);
$decimal = preg_replace("/0\./i", ".", $decimal);
$decimal = substr($decimal, 0, (!empty($len) ? $len + 1 : 0));
if (!empty($decimal) && !empty($len)) {
$decimal = str_replace('.', '', $decimal);
$result = $result . '.' . $decimal . str_repeat('0', ((($len - strlen($decimal)) > 0) ? $len - strlen($decimal) : 0));
} else {
if (!empty($len)) {
$decimal = str_repeat('0', $len);
}
$result = $result . (!empty(trim($decimal)) ? '.' . $decimal : '');
}
return (($positive) ? '' : '-') . $result;
}
include("footer.php");
?>