0UT1S's

<?php
// Define custom meta data for the Image Converter page
$customTitle = "Image Converter - Convert JPG, PNG, WebP, & More | ImgCCR";
$customDescription = "Convert images to various formats like JPG, PNG, WebP, HEIC, SVG, and GIF with ImgCCR's fast and secure online image converter.";
$customKeywords = "image converter, convert images, jpg to png, png to webp, heic converter, svg converter, gif converter";
$customCanonical = "https://imgccr.com/converter/";

// Include reusable components
include_once __DIR__ . '/../includes/head.php';
include_once __DIR__ . '/../includes/header.php';

// Debugging: Log POST data and file uploads (if any)
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    // Log POST data
    error_log("POST Data: " . print_r($_POST, true));

// Log FILES data
    if (!empty($_FILES)) {
        error_log("FILES Data: " . print_r($_FILES, true));
    } else {
        error_log("No FILES data received.");
    }

// Check if files were uploaded
    if (!empty($_FILES['image'])) {
        $fileInfo = $_FILES['image'];
        error_log("Uploaded Files Info: " . print_r($fileInfo, true));

// Check for upload errors
        foreach ($fileInfo['error'] as $error) {
            if ($error !== UPLOAD_ERR_OK) {
                error_log("File Upload Error Code: " . $error);
                echo json_encode(['error' => 'File upload failed.']);
                exit;
            }
        }
        error_log("Files Uploaded Successfully.");
    } else {
        error_log("No files uploaded or file input is missing.");
        echo json_encode(['error' => 'No files uploaded.']);
        exit;
    }
}
?>

<main class="container my-5">
    <h1 class="text-center mb-4">Image Converter - Convert JPG, PNG, WebP, and More</h1>
    <p class="lead text-center mb-4">
        <?php echo $customDescription; ?>
    </p>
    <div class="row justify-content-center">
        <div class="col-md-8">
            <form id="uploadForm" action="/converter/convert.php" method="POST" enctype="multipart/form-data" class="text-center">
                
                <div id="uploadContainer" class="border rounded p-4 mb-3 text-center" style="cursor: pointer; transition: all 0.3s ease;">
                    <p>Drag & Drop your images here or click to upload</p>
                    <input type="file" name="image[]" id="fileInput" class="d-none" accept="image/*" multiple>
                    <button type="button" id="uploadButton" class="btn btn-primary me-2">Upload Files</button>
                    <button type="button" id="clearButton" class="btn btn-secondary">Clear All</button>
                    <div id="thumbnailsContainer" class="mt-3 d-flex flex-wrap gap-2"></div>
                </div>

<div class="mb-3">
                    <label for="formatSelect" class="form-label">Convert to:</label>
                    <select name="format" id="formatSelect" class="form-select" required>
                        <option value="jpg">JPEG</option>
                        <option value="png">PNG</option>
                        <option value="webp">WEBP</option>
                        <option value="heic">HEIC</option>
                        <option value="gif">GIF</option>
                    </select>
                </div>

<div class="mb-3">
                    <label for="captchaInput" class="form-label">Captcha: What is <span id="captchaQuestion"></span>?</label>
                    <input type="text" id="captchaInput" name="captcha" class="form-control" required>
                    <input type="hidden" id="captchaAnswer" name="captcha_answer">
                </div>

<button type="submit" class="btn btn-success">Convert</button>
            </form>

<div id="progressLoader" class="mt-3 d-none">
                <div class="spinner-border text-primary" role="status">
                    <span class="visually-hidden">Loading...</span>
                </div>
                <p>Converting images... Please wait.</p>
            </div>

<div id="convertedSection" class="mt-5 d-none">
                <h4>Download Converted Images</h4>
                <div id="downloadLinks" class="mt-3"></div>
            </div>
        </div>
    </div>
</main>

<?php 
include '../converter/parts/about.php';
include '../converter/parts/how-to-use.php';
include '../converter/parts/why-choose.php';
include '../converter/parts/faqs.php';
include '../converter/parts/cta.php';
?>

<?php
include_once __DIR__ . '/../includes/back-to-top.php';
include_once __DIR__ . '/../includes/footer.php';
?>

By Order of Mr.0UT1S