Enhanced PHP File Manager

⬆️ Go Up (..)

📊 Server Information

Server:

LiteSpeed

System:

Linux 5.14.0-611.26.1.el9_7.x86_64

PHP Version:

8.2.30

User:

u216334730

Directory:

/home/u216334730/domains/superpren.com/public_html

Free Space:

14.9 TB

🔧 Quick Actions

✏️ Editing: detail_project.php

<?php
session_start();
include "fileutama/head.php";
include "fileutama/koneksi.php";
$kode_project=$_GET['kode_project'];
$sp=mysqli_query($koneksi,"select * from project where kode_project='$kode_project' and sts_aktif='1' and sts_hapus='0'")or die(mysqli_error($koneksi));
$tp=mysqli_fetch_array($sp);
$harga_lot=$tp['harga_lot'];
$bagi_hasil_tunai=($tp['bagi_hasil_tunai']/100)*$harga_lot;
$bagi_hasil_belanja=($tp['bagi_hasil_belanja']/100)*$harga_lot;
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?php echo $tp['judul'];?></title>
    <link rel="icon" type="image/png" sizes="16x16" href="admin/gambar/<?php echo $tweb['logoweb'];?>">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
   <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        .container {
            max-width: 1200px;
            margin: 20px auto;
            padding: 20px;
        }
        .product-detail {
           
            gap: 20px;
            flex-wrap: wrap;
        }
        .slideshow {
            flex: 1;
            max-width: 500px;
            position: relative;
        }
        .slideshow img {
            width: 100%;
            border-radius: 10px;
            cursor: pointer;
        }
        .slideshow .prev, .slideshow .next {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(0, 0, 0, 0.5);
            color: white;
            border: none;
            border-radius: 50%;
            width: 40px;
            height: 40px;
            cursor: pointer;
            font-size: 18px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .slideshow .prev {
            left: 10px;
        }
        .slideshow .next {
            right: 10px;
        }
        .thumbnails {
            
            justify-content: center;
            gap: 10px;
            margin-top: 10px;
        }
        .thumbnails img {
            width: 80px;
            height: 80px;
            object-fit: cover;
            border: 2px solid transparent;
            border-radius: 5px;
            cursor: pointer;
        }
        .thumbnails img.active {
            border-color: #007BFF;
        }
        .product-info {
            flex: 1;
        }
        .product-info h1 {
            font-size: 2em;
            margin-bottom: 20px;
        }
        .product-info p {
            margin-bottom: 10px;
            line-height: 1.6;
        }
        .product-info .price {
            font-size: 1.5em;
            color: #007BFF;
            margin-bottom: 20px;
        }
        .product-info button {
            padding: 10px 20px;
            background-color: #28a745;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }
        .product-info button:hover {
            background-color: #218838;
        }
        /* Popup Styles */
        .popup {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.8);
            display: none;
            justify-content: center;
            align-items: center;
            z-index: 1000;
        }
        .popup img {
            max-width: 90%;
            max-height: 90%;
            border-radius: 10px;
        }
        .popup .close {
            position: absolute;
            top: 20px;
            right: 20px;
            font-size: 30px;
            color: white;
            cursor: pointer;
        }
    </style>
</head>
<body>
<?php
include "fileutama/navbar.php";
?>
<div class="container">
	<div class="row">
		<div class="col-md-6">
			
			<center>
	        <div class="slideshow">
	            <?php
	            // Contoh data gambar

$no=0;
	            for ($i=1; $i <=10 ; $i++) 
	            { 
	            	if($tp['foto'.$i]!="")
	            	{
	            		$no++;
	            		$foto[$no]="admin/".$tp['foto'.$i];
	            		
	            	}
	            }

$noimage="admin/gambar/noimage.jpg";
	            switch ($no) {
		            case '0':
					$product_images = ["$noimage"];
					break;
					case '1':
					$product_images = ["$foto[1]"];
					break;
					case '2':
					$product_images = ["$foto[1]","$foto[2]"];
					break;
					case '3':
					$product_images = ["$foto[1]","$foto[2]","$foto[3]"];
					break;
					case '4':
					$product_images = ["$foto[1]","$foto[2]","$foto[3]","$foto[4]"];
					break;
					case '5':
					$product_images = ["$foto[1]","$foto[2]","$foto[3]","$foto[4]","$foto[5]"];
					break;
					case '6':
					$product_images = ["$foto[1]","$foto[2]","$foto[3]","$foto[4]","$foto[5]","$foto[6]"];
					break;
					case '7':
					$product_images = ["$foto[1]","$foto[2]","$foto[3]","$foto[4]","$foto[5]","$foto[6]","$foto[7]"];
					break;
					case '8':
					$product_images = ["$foto[1]","$foto[2]","$foto[3]","$foto[4]","$foto[5]","$foto[6]","$foto[7]","$foto[8]"];
					break;
					case '9':
					$product_images = ["$foto[1]","$foto[2]","$foto[3]","$foto[4]","$foto[5]","$foto[6]","$foto[7]","$foto[8]","$foto[9]"];
					break;
					case '10':
					$product_images = ["$foto[1]","$foto[2]","$foto[3]","$foto[4]","$foto[5]","$foto[6]","$foto[7]","$foto[8]","$foto[9]","$foto[10]"];
					break;

}

// Menampilkan gambar untuk slideshow
	            foreach ($product_images as $index => $image) {
	                echo "<img src='$image' class='slide' style='display:" . ($index === 0 ? 'block' : 'none') . ";' onclick='openPopup(\"$image\")'>";
	            }
	            ?>
	            <button class="prev" onclick="changeSlide(-1)">&#10094;</button>
	            <button class="next" onclick="changeSlide(1)">&#10095;</button>
	        </div>
	        <br/>
	        
	        <div class="thumbnails">
	            <?php
	            foreach ($product_images as $index => $image) {
	                echo "<img src='$image' class='thumbnail' onclick='showSlide($index)' " . ($index === 0 ? "class='active'" : "") . ">";
	            }
	            ?>
	        </div>
	        </center>
		</div>
		<div class="col-md-6">
			
	        <div class="product-info">
                <h1><?php echo $tp['judul']; ?></h1>
                    
                <?php
                if(isset($_SESSION['emailuser']))
                {
                    ?>
                    <form action="ajukanproject.php" method="POST">
                    <input type="text" hidden="" name="kode_project"  value="<?php echo $kode_project;?>"> 
                    <label for="qty" class="form-label">Quantity</label>
                    <div class="input-group">
                       
                        <button class="btn btn-outline-secondary" type="button" id="btn-minus">-</button>
                        <input type="number" class="form-control text-center" id="qty" name="qty" onkeyup="hitunginvest()" value="1" min="1" step="1">
                        <button class="btn btn-outline-secondary" type="button" id="btn-plus">+</button>
                    </div>
                    <br/>
                    <input type="submit" name="okpesan" value="Invest Sekarang" class="btn btn-danger" style="float: right;background: red">
                    <br>
                    </form>
                    <?php
                }
                else
                {
                    ?>
                    <label for="qty" class="form-label">Quantity</label>
                    <div class="input-group">
                        <button class="btn btn-outline-secondary" type="button" id="btn-minus">-</button>
                        <input type="number" class="form-control text-center" id="qty" name="qty" onkeyup="hitunginvest()" value="1" min="1" step="1">
                        <button class="btn btn-outline-secondary" type="button" id="btn-plus">+</button>
                    </div>

<?php
                }
                ?>
                <br/>
                <div style="border:1px solid #eaeaea;border-radius: 10px;width: 100%;padding: 20px" id="tampilhitungan"></div>
	        </div>
		</div>
	</div>
   <hr/>
   <div class="panel panel-default">
   	<div class="panel-body">
   		<b>Rincian Produk</b>
   		<br/>
   		<?php echo $tp['deskripsi'];?>
   	</div>
   </div>

</div>
<?php
include "fileutama/footer.php";
?>

<div class="popup" id="popup">
    <span class="close" onclick="closePopup()">&times;</span>
    <img id="popupImage" src="" alt="Popup Image">
</div>

<script>

document.getElementById("btn-plus").addEventListener("click", function() {
    let qty = document.getElementById("qty");
    qty.value = parseInt(qty.value) + 1;
    hitunginvest();
  });

document.getElementById("btn-minus").addEventListener("click", function() {
    let qty = document.getElementById("qty");
    if (qty.value > parseInt(qty.min)) {
      qty.value = parseInt(qty.value) - 1;
      hitunginvest();
    }
  });
</script>
<script>
    let slideIndex = 0;
    const slides = document.querySelectorAll(".slide");
    const thumbnails = document.querySelectorAll(".thumbnail");
    const popup = document.getElementById("popup");
    const popupImage = document.getElementById("popupImage");

function changeSlide(n) {
        slides[slideIndex].style.display = "none";
        thumbnails[slideIndex].classList.remove("active");
        slideIndex = (slideIndex + n + slides.length) % slides.length;
        slides[slideIndex].style.display = "block";
        thumbnails[slideIndex].classList.add("active");
    }

function showSlide(n) {
        slides[slideIndex].style.display = "none";
        thumbnails[slideIndex].classList.remove("active");
        slideIndex = n;
        slides[slideIndex].style.display = "block";
        thumbnails[slideIndex].classList.add("active");
    }

function openPopup(imageSrc) {
        popupImage.src = imageSrc;
        popup.style.display = "flex";
    }

function closePopup() {
        popup.style.display = "none";
    }

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: detail_project.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation