Enhanced PHP File Manager

⬆️ Go Up (..)

📊 Server Information

Server:

LiteSpeed

System:

Linux 4.18.0-553.40.1.lve.el8.x86_64

PHP Version:

8.2.27

User:

u506365997

Directory:

/home/u506365997/public_html

Free Space:

3.15 TB

🔧 Quick Actions

✏️ Editing: print.php

<?php
	session_start();
    include 'sql/config.php';
	if (isset($_GET['order_id'])) {
		$orderId = $_GET['order_id'];
		if(isset($orderId)){
			$sql = mysqli_query($conn, "SELECT * FROM `product_order` WHERE id = '$orderId' AND status = 0") or mysqli_error($conn);
			if(mysqli_num_rows($sql) > 0){
				$row = mysqli_fetch_array($sql);
			}else{
				header('location:./index.php');
			}
		} 
	} else {
		header('location:./index.php');
	}
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Purchase Receipt</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous"></script>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f4f4f4;
            padding: 20px;
        }

.receipt-container {
            max-width: 400px; /* Set width */
            margin: auto;
            background-color: white;
            padding: 20px;
            border-radius: 0 0 10px 10px; /* Round bottom corners */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            position: relative;
            border-top: 3px solid #f95a2c; /* Thin curved top border */
        }

.receipt-container::before {
            content: "";
            position: absolute;
            top: -10px;
            left: 0;
            right: 0;
            height: 20px;
            border-top-left-radius: 50px;
            border-top-right-radius: 50px;
            border-top: 3px solid #f95a2c;
            border-left: 3px solid transparent;
            border-right: 3px solid transparent;
        }

.receipt-header {
            text-align: center;
            margin-bottom: 20px;
        }

h3 {
            color: #f95a2c;
            font-size: 24px;
            margin-bottom: 5px;
        }

.receipt-header p {
            color: #555;
            font-size: 14px;
        }

.receipt-details {
            display: flex;
            justify-content: space-between;
            margin-bottom: 15px;
        }

.receipt-details div {
            font-size: 14px;
            color: #555;
        }

.receipt-details .label {
            font-weight: bold;
        }

.receipt-items {
            margin: 20px 0;
        }

.receipt-items .item {
            display: flex;
            justify-content: space-between;
            font-size: 16px;
            color: #333;
            padding: 5px 0;
            border-bottom: 1px solid #f0f0f0;
        }

.receipt-items .item:last-child {
            border-bottom: none;
        }

.total-amount {
            text-align: right;
            font-size: 22px;
            font-weight: bold;
            color: #f95a2c;
            margin-top: 20px;
        }

.print-btn {
            padding: 7px 20px;
            background-color: #f95a2c;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            font-size: 16px;
        }

.print-btn:hover {
            background-color: #f47a51;
        }
        .receipt-header {
            display: flex;
            justify-content: space-between; /* Space out the header and image */
            align-items: center; /* Align items vertically in the center */
        }

/* Optional print styles */
        @media print {
            body {
                background-color: white;
            }
            .receipt-container {
                box-shadow: none;
                border: 1px solid #ccc;
            }
            .print-btn {
                display: none; /* Hide print button when printing */
            }
        }
    </style>
</head>
<body>

<div class="receipt-container" id="receipt">
        <h3 style="text-align: center;">Purchase Receipt</h3>
        
        <div class="receipt-header"> 
            <?php
                $date = $row['order_date'];
                $new_format_date = date("d-m-Y", strtotime($date));
            ?>
            <p style="display: block;">Date : <?php echo $new_format_date; ?></p>
            <p><span>Time : <?php echo $row['order_time']; ?></span></p>
            <div>
                <img src="./creativeinkadmin/sql/product_image/<?php echo $row['pimage']; ?>" class="img-thumbnail" alt="Receipt Image" style="max-width: 80px; height: auto;"> 
            </div>
        </div>

<div class="receipt-details">
            <div class="label">Order Id</div>
            <div><?php echo $row['order_id']; ?></div>
        </div>
        <div class="receipt-details">
            <div class="label">Product</div>
            <div><?php echo $row['p_name']; ?></div>
        </div>
        <div class="receipt-details">
            <div class="label">Rate</div>
            <div><?php echo $row['price']; ?></div>
        </div>

<div class="receipt-details">
            <div class="label">Quantity</div>
            <div><?php echo $row['quantity']; ?></div>
        </div>

<div class="receipt-items">
            <div class="item">
                <div>Sub Total</div>
                <div><?php echo $row['total']; ?></div>
            </div>
            <div class="item">
                <div>Shipping</div>
                <div>0.00</div>
            </div>
        </div>

<div class="total-amount">
            <?php echo $row['total']; ?>
        </div>

<p style="text-align: center; color:#73EC8B;"><b>Thanks For Choosing Creativeink !</b></p>
        
    </div>
        <div style="display: block; text-align: center; padding-top:20px;">
            <a href="index.php" style="text-decoration: none;"><button class="print-btn" style="background-color: #73EC8B;">Back</button></a>
            
            <button style="margin-left: 10px;" class="print-btn" onclick="downloadReceipt()">Download Recieved</button>
        </div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.3.2/html2canvas.min.js"></script>

// Create a clone of the element
                var clone = element.cloneNode(true);

// Apply styles to the clone for smaller font sizes
                clone.style.fontSize = '11px'; // Set a smaller font size
                clone.style.position = 'absolute'; // Position the clone absolutely
                clone.style.left = '-9999px'; // Move the clone out of the viewport

// Append the clone to the body to make it visible for html2canvas
                document.body.appendChild(clone);

// Capture the clone and convert it into an image using html2canvas
                html2canvas(clone, {
                    scale: 3,  // You can adjust this scale for better resolution
                    useCORS: true  // Use CORS to allow cross-origin images if needed
                }).then(function(canvas) {
                    // Create a smaller canvas for the final image
                    var newWidth = 400;  // Set desired width for the smaller paper
                    var newHeight = 500; // Set desired height for the smaller paper
                    var resizedCanvas = document.createElement('canvas');
                    resizedCanvas.width = newWidth;
                    resizedCanvas.height = newHeight;

var ctx = resizedCanvas.getContext('2d');

// Draw the original canvas onto the resized canvas
                    ctx.drawImage(canvas, 0, 0, newWidth, newHeight);

// Convert the resized canvas to image data URL
                    var imgData = resizedCanvas.toDataURL("image/png", 1.0);  // Use PNG format

// Create a temporary link element to trigger the download
                    var link = document.createElement('a');
                    link.href = imgData;
                    link.download = 'purchase_receipt.png';  // Set the desired file name
                    link.click();  // Trigger the download

// Remove the clone from the DOM
                    document.body.removeChild(clone);
                });

}
    </script>

</body>
</html>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: print.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation