<?php
include 'api-proxy.php';

if (isset($_GET['file'])) {
    $filePath = $_GET['file'];
    $fileExtension = strtolower(pathinfo($filePath, PATHINFO_EXTENSION));

    if (in_array($fileExtension, ['png', 'jpg', 'jpeg', 'gif', 'webp'])) {
        header("Cache-Control: public, max-age=31536000"); // Cache for 1 year
        header("Expires: " . gmdate(DATE_RFC1123, time() + 31536000));
        header("Content-Type: image/" . $fileExtension);
        readfile($filePath);
        exit;
    }
}

header("Cache-Control: no-store, no-cache, must-revalidate, max-age=0");
header("Cache-Control: post-check=0, pre-check=0", false);
header("Pragma: no-cache");

$subject = 'GCC:-PLANT-ENGINEERING-(FACTORIES)';
$response = fetchData($actualApiUrl);
$responseData = json_decode($response, true);

if (isset($responseData['error'])) {
    echo "Error: " . $responseData['error'];
    exit;
}

if (!isValidJson($response)) {
    echo "Invalid JSON response from the API.";
    exit;
}

$data = json_decode($response, true);
$levelOrder = ['N1', 'N2', 'N3', 'N4', 'N5', 'N6', 'DHET'];
$filteredData = array_filter($data, function ($item) use ($subject) {
    return strpos($item['url'], $subject) !== false;
});

$groupedData = [];
foreach ($filteredData as $item) {
    $level = '';
    $year = '';

    if (preg_match('/\/([A-Z]\d)\/(\d{4})\//', $item['url'], $matches)) {
        $level = $matches[1];
        $year = $matches[2];
    } elseif (preg_match('/\/DHET\/(\d{4})\//', $item['url'], $matches)) {
        $level = 'DHET';
        $year = $matches[1];
    }

    if (!empty($level)) {
        if (!isset($groupedData[$level])) {
            $groupedData[$level] = [];
        }
        if (!isset($groupedData[$level][$year])) {
            $groupedData[$level][$year] = [];
        }
        $groupedData[$level][$year][] = $item;
    }
}

uksort($groupedData, function ($a, $b) use ($levelOrder) {
    $indexA = array_search($a, $levelOrder);
    $indexB = array_search($b, $levelOrder);
    return $indexA - $indexB;
});

foreach ($groupedData as &$levelData) {
    krsort($levelData);
    foreach ($levelData as &$yearData) {
        usort($yearData, function ($a, $b) {
            return strcmp($a['title'], $b['title']);
        });
    }
}
function formatSubjectName($subject)
{
    $subject = str_replace('-', ' ', $subject);
    $subject = strtolower($subject);
    $subject = ucwords($subject);

    // Replace known acronyms with their uppercase versions
    $acronyms = ['Gcc' => 'GCC', 'factories' => 'Factories', 'Ohsa' => 'OHSA', 'Dhet' => 'DHET'];

    foreach ($acronyms as $key => $value) {
        $subject = str_replace($key, $value, $subject);
    }

    return $subject;
}


$allYears = [];
$availableLevels = array_keys($groupedData);
sort($availableLevels);

foreach ($groupedData as $levelData) {
    $allYears = array_merge($allYears, array_keys($levelData));
}

$allYears = array_unique($allYears);
sort($allYears, SORT_NUMERIC);

// Format years for display
if (count($allYears) > 1) {
    $lastYear = array_pop($allYears);
    $secondLastYear = array_pop($allYears);
    $formattedYears = implode(', ', $allYears);
    if (!empty($formattedYears)) {
        $formattedYears .= ', ';
    }
    $formattedYears .= $secondLastYear . ' and ' . $lastYear;
} else {
    $formattedYears = reset($allYears);
}

$oldestYear = reset($allYears);
$latestYear = $lastYear;

$lowestLevel = reset($availableLevels);
$highestLevel = end($availableLevels);

// Keep the original levelRange
if ($lowestLevel === 'DHET' && $highestLevel === 'DHET') {
    $levelRange = 'National Certificate';
} else {
    if ($lowestLevel === 'DHET') {
        $lowestLevel = 'National Certificate';
    }
    if ($highestLevel === 'DHET') {
        $highestLevel = 'National Certificate';
    }
    $levelRange = ($lowestLevel === $highestLevel) ? $lowestLevel : "$lowestLevel-$highestLevel";
}

// Create a new formatted levels string
$formattedLevels = '';
if (count($availableLevels) > 1) {
    $lastLevel = array_pop($availableLevels);
    $secondLastLevel = array_pop($availableLevels);
    $formattedLevels = implode(', ', $availableLevels);
    if (!empty($formattedLevels)) {
        $formattedLevels .= ', ';
    }
    $formattedLevels .= $secondLastLevel . ' and ' . $lastLevel;
} else {
    $formattedLevels = reset($availableLevels);
}

// Replace 'DHET' with 'National Certificate' in formattedLevels
$formattedLevels = str_replace('DHET', 'National Certificate', $formattedLevels);
date_default_timezone_set('Africa/Johannesburg');
$message = sprintf("[%s] Opened Subject: %s", date('d-M-Y H:i:s T'), $subject);
error_log(preg_replace('/\[.*?\] /', '', $message));
?>
<!DOCTYPE html>
<html lang="en">
<html>

<head>
    <title>
        <?php echo formatSubjectName($subject) ?>Past Exam Papers and Memos
    </title>
    <meta charset="UTF-8">
    <meta name="description"
        content="Download <?php echo formatSubjectName($subject); ?> <?php echo $formattedLevels; ?> Past Exam Papers and Memos for <?php echo $formattedYears; ?>">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="https://www.tvetpapers.co.za/Subjects/assets/images/navbar.webp" type="image/x-icon">
    <link rel="canonical" href="https://tvetpapers.co.za/Subjects/GCC:-Plant-Engineering-(Factories).html">

    <meta name="keywords"
        content="TVET, nated past exam papers and memos, tvet past exam papers, tvet question papers and memorandums pdf download, nated previous question papers, tvet lite,
            tvetpapers.co.za download, tvet papers, tvet exam papers, nated past exam papers and memos, tvet past exam papers pdf download, tvet past papers,
            nated go, tvet exam papers nated, tvet papers.co.za, tvet lite app, tvet nated question papers and memorandums pdf, tvet exam papers nated app download pdf">
    <link rel="stylesheet" href="css/style.css?v=1">

</head>

<body>
    <div class="navbar" id="myNavbar">
        <div style="display: flex; align-items: center;">
            <img src="https://www.tvetpapers.co.za/Subjects/assets/images/navbar.webp" width="30" height="30"
                alt="TVET Papers Logo">
            <a href="/TVET%20Nated%20Exam%20Papers.html">TVET Papers Modules</a>
        </div>

    </div>
    <h1><a href="/TVET%20Nated%20Exam%20Papers.html" style="text-decoration: none; color: inherit;">
            <?php echo trim(formatSubjectName($subject)); ?>
        </a></h1>

    <div class="center-container">
        <div class="card">

            <img src="https://www.tvetpapers.co.za/Subjects/assets/images/subjects/gcc-combined.webp" width="30"
                height="30" alt="gcc" class="card-img">
        </div>
    </div>




    <div class="sub-body" id="sub-body">

        <p class="description">Download
            <?php echo formatSubjectName($subject); ?>
            <?php echo $levelRange; ?> Past Exam Papers From
            <?php echo $oldestYear; ?> To
            <?php echo $latestYear; ?>
        </p>

        <div class="button-container">
            <?php foreach ($levelOrder as $level): ?>
            <?php if (isset($groupedData[$level])): ?>
            <button class="level-button" data-level="<?php echo $level; ?>">
                <?php echo $level; ?>
            </button>
            <?php endif;?>
            <?php endforeach;?>

        </div>
        <div class="level-bulk-container" id="level-bulk-download">
            <?php
$availableLevels = array_keys($groupedData);
sort($availableLevels);

$allYears = [];
foreach ($groupedData as $levelData) {
    $allYears = array_merge($allYears, array_keys($levelData));
}
$allYears = array_unique($allYears);
sort($allYears);
$oldestYear = reset($allYears);
$latestYear = end($allYears);

$selectedLevel = $levelOrder[0];
$levelUrls = [];
$levelPdfIds = [];

if (isset($_GET['level'])) {
    $selectedLevel = $_GET['level'];
}

if (isset($groupedData[$selectedLevel])) {
    foreach ($groupedData[$selectedLevel] as $year => $items) {
        $levelUrls = array_merge($levelUrls, array_column($items, 'id'));
        $levelPdfIds = array_merge($levelPdfIds, array_column($items, 'id'));
    }
}

$itemName = "{$subject} {$selectedLevel} Papers Only";

$numPdfs = count($levelUrls);
$returnUrl = "https://tvetpapers.co.za/Subjects/api-download.php?subject={$subject}&level={$selectedLevel}&uri=" . urlencode(json_encode($levelPdfIds));
echo bulkPayLevel($returnUrl, $itemName, $numPdfs, json_encode($levelUrls), $subject, $selectedLevel, $latestYear, $oldestYear);
?>
        </div>

        <?php foreach ($levelOrder as $level): ?>
        <?php if (isset($groupedData[$level])): ?>
        <div class="tab-content" data-level="<?php echo $level; ?>">
            <?php foreach ($groupedData[$level] as $year => $items): ?>
            <div class="year-group">
                <div class="header">
                    <span class="year">
                        <?php echo $year; ?>
                        <?php if ($year == $latestYear): ?>
                        <img src="https://www.tvetpapers.co.za/Subjects/assets/images/new.gif" width="30" height="15"
                            alt="Latest" class="new-badge">
                        <?php endif;?>
                    </span>
                    <span class="subject">
                        <?php echo formatSubjectName($subject); ?>
                        <?php
if ($level == 'DHET') {
    echo "";
} else {
    echo $level;
}?>
                        <?php echo $year; ?>
                    </span>
                </div>
                </h4>
                <div class="pdf-list">
                    <ul>
                        <?php foreach ($items as $item): ?>
                        <li>
                            <?php
                                                                $pdfUrl = $item['url'];
                                                                $relativePath = str_replace('https://ultradeep.co.za/tvet-lite-plus/', '', $pdfUrl);
                                                                $thumbPath = 'https://ultradeep.co.za/tvet-lite-plus/.thumbnails/' . dirname($relativePath) . '/' . basename($pdfUrl, '.pdf') . '.jpg';
                                                            ?>
                            <div class="file-name">
                                <img src="<?php echo $thumbPath; ?>" alt="PDF Thumbnail" class="pdf-thumbnail" loading="lazy"
                                    onerror="this.src='https://www.tvetpapers.co.za/Subjects/assets/images/pdf.png'">
                
                                <strong>
                                    <?php
                                                                        $title = $item['title'];
                                                                        $search = array('_-_TVET lite','_downloaded_from_tvetpapers.co.za','_from_tvetpapers.co.za','_-_tvetpapers.co.za','_-_','_','-','.pdf','ADall');
                                                                        $replace = array('','','','',' ',' ',' ','','');
                                                                        echo str_replace($search, $replace, $title);
                                                                    ?>
                                </strong>
                            </div>
                            <div class="button-container">
                                <div class="buttons-container">
                                    <?php
                                                                        $amount = getAmountByYear($item['title']);
                                                                        $freePreview = isFreePreviewYear($item['title']);
                                                                        $pdfId = $item['id'];
                                                                        if ($freePreview) {
                                                                            echo '<button class="download" onclick="viewFreePaper(' . $pdfId . ')">
                                                                                    <div class="blob1"></div>
                                                                                    <div class="blob2"></div>
                                                                                    <div class="inner">Free Preview</div>
                                                                                </button>';
                                                                        }
                                                                        echo singlePayPaper(str_replace(' ', '%20', $item['url']), $item['description'] . ' - (NATED)', $amount, $freePreview);
                                                                    ?>
                                </div>
                            </div>
                        </li>
                        <?php endforeach; ?>
                    </ul>
                </div>
                <div class="year-bulk-container">
                    <?php
$urls = array_column($items, 'id');
$itemName = "{$subject} {$level} {$year} PAPERS ONLY (10% OFF)";
$itemNameWithoutHyphen = str_replace('-', ' ', $itemName);
$numPdfs = count($urls);
$pdfIds = array_column($items, 'id');
$returnUrl = "https://tvetpapers.co.za/Subjects/api-download.php?subject={$subject}&level={$level}&year={$year}&uri=" . urlencode(json_encode($pdfIds));
echo bulkPayYear($returnUrl, $itemNameWithoutHyphen, $numPdfs, json_encode($urls), $subject, $level, $year);
?>
                </div>

            </div>

            <?php endforeach;?>

        </div>

        <?php endif;?>
        <?php endforeach;?>

        <div id="pdfContainer">
            <div class="toolbar top-toolbar">
                <span class="toolbar-text">Preview Limited to 3 Pages, SD Quality</span>
                <button class="close-button" onclick="closeFreePaper()">Close</button>
            </div>

            <div id="loadingIndicator">
                <div class="loader">
                    <div class="book-wrapper">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 126 75" class="book">
                            <rect stroke-width="5" stroke="#e05452" rx="7.5" height="70" width="121" y="2.5" x="2.5">
                            </rect>
                            <line stroke-width="5" stroke="#e05452" y2="75" x2="63.5" x1="63.5"></line>
                            <path stroke-linecap="round" stroke-width="4" stroke="#c18949" d="M25 20H50"></path>
                            <path stroke-linecap="round" stroke-width="4" stroke="#c18949" d="M101 20H76"></path>
                            <path stroke-linecap="round" stroke-width="4" stroke="#c18949" d="M16 30L50 30"></path>
                            <path stroke-linecap="round" stroke-width="4" stroke="#c18949" d="M110 30L76 30"></path>
                        </svg>

                        <svg xmlns="http://www.w3.org/2000/svg" fill="#ffffff74" viewBox="0 0 65 75" class="book-page">
                            <path stroke-linecap="round" stroke-width="4" stroke="#c18949" d="M40 20H15"></path>
                            <path stroke-linecap="round" stroke-width="4" stroke="#c18949" d="M49 30L15 30"></path>
                            <path stroke-width="5" stroke="#e05452"
                                d="M2.5 2.5H55C59.1421 2.5 62.5 5.85786 62.5 10V65C62.5 69.1421 59.1421 72.5 55 72.5H2.5V2.5Z">
                            </path>
                        </svg>
                    </div>
                </div>
            </div>
            <div id="pdfViewer"></div>
            <div class="toolbar bottom-toolbar">
                <span class="toolbar-text">HD Available On Download ❤️</span>
            </div>
        </div>
        <a href="mailto:ultradeepmultimedia@gmail.com?subject=Purchased Paper Inquiry&body=DO NOT SEND THE EMAIL IF YOU DIDN'T PURCHASE!%0D%0AOTHERWISE YOU'LL BE BLOCKED!!!%0D%0A%0D%0APlease include the number/email you used during purchase and the name of the paper, and we'll gladly resend it, if your purchase was successful😊%0D%0AType here: "
            class="float-link">
            <button class="float">
                Contact Us
                <svg fill="currentColor" viewBox="0 0 24 24" class="icon">
                    <path
                        d="M20.5 4h-17A2.5 2.5 0 001 6.5v11A2.5 2.5 0 003.5 20h17a2.5 2.5 0 002.5-2.5v-11A2.5 2.5 0 0020.5 4zm0 1.5l-8.5 6.72L3.5 5.5h17zm-17 13v-11l8.5 6.72 8.5-6.72v11h-17z" />
                </svg>
            </button>
        </a>
    </div>



    <script>
        function renderPage(page, pdfViewer) {

            var displayWidth = pdfViewer.clientWidth;

            var canvas = document.createElement('canvas');
            canvas.classList.add('pdf-page');
            var context = canvas.getContext('2d');
            pdfViewer.appendChild(canvas);

            var viewport = page.getViewport({
                scale: 1.0
            });

            var renderScale = 1;
            var scaledViewport = page.getViewport({
                scale: renderScale
            });
            var scale = displayWidth / scaledViewport.width;

            canvas.width = scaledViewport.width;
            canvas.height = scaledViewport.height;

            canvas.style.width = displayWidth + 'px';
            canvas.style.height = (displayWidth / scaledViewport.width) * scaledViewport.height + 'px';

            var renderContext = {
                canvasContext: context,
                viewport: scaledViewport
            };

            return page.render(renderContext).promise;
        }

        function loadScript(url, callback) {
            var script = document.createElement('script');
            script.onload = function () {
                callback();
            };
            script.src = url;
            document.head.appendChild(script);
        }

        function viewFreePaper(pdfId) {
            var pdfContainer = document.getElementById('pdfContainer');
            var pdfViewer = document.getElementById('pdfViewer');
            var loadingIndicator = document.getElementById('loadingIndicator');
            document.body.style.overflow = 'hidden';

            loadingIndicator.style.display = 'block';
            pdfContainer.style.display = 'block';

            var xhr = new XMLHttpRequest();
            xhr.onreadystatechange = function () {
                if (xhr.readyState === 4) {
                    if (xhr.status === 200) {
                        try {
                            var response = JSON.parse(xhr.responseText);
                            var token = response.token;
                            var pdfUrl = 'api-stream.php?token=' + token;

                            loadScript('https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.10.377/pdf.min.js', function () {
                                pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.10.377/pdf.worker.min.js';
                                var loadingTask = pdfjsLib.getDocument({
                                    url: pdfUrl,
                                    cMapUrl: 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.10.377/cmaps/',
                                    cMapPacked: true,
                                    enableXfa: true
                                });
                                loadingTask.promise.then(function (pdf) {
                                    pdfViewer.innerHTML = '';
                                    var pagePromises = [];
                                    var maxPages = Math.min(pdf.numPages, 3);

                                    for (let pageNum = 1; pageNum <= maxPages; pageNum++) {
                                        pagePromises.push(
                                            pdf.getPage(pageNum).then(function (page) {
                                                return renderPage(page, pdfViewer);
                                            })
                                        );
                                    }

                                    return Promise.all(pagePromises);
                                }).then(function () {
                                    loadingIndicator.style.display = 'none';
                                }).catch(function (error) {
                                    console.error('Error loading PDF:', error);
                                    loadingIndicator.style.display = 'none';
                                    alert('Failed to load PDF. Please try again.');
                                });
                            });
                        } catch (error) {
                            console.error('Error parsing response:', error);
                            loadingIndicator.style.display = 'none';
                            alert('An error occurred. Please try again.');
                        }
                    } else {
                        console.error('Error retrieving PDF URL');
                        loadingIndicator.style.display = 'none';
                        alert('Failed to retrieve PDF. Please try again.');
                    }
                }
            };
            xhr.open('GET', 'api-view.php?pdf_id=' + pdfId, true);
            xhr.send();
        }
        function closeFreePaper() {
            var pdfContainer = document.getElementById('pdfContainer');
            var pdfViewer = document.getElementById('pdfViewer');
            pdfViewer.innerHTML = '';
            pdfContainer.style.display = 'none';
            document.body.style.overflow = 'auto';
        }

        window.viewFreePaper = viewFreePaper;
        window.closeFreePaper = closeFreePaper;

        document.addEventListener('DOMContentLoaded', function () {
            const levelColors = {
                'N1': '#3357FF',
                'N2': '#198f19',
                'N3': '#09534F',
                'N4': '#720DA0',
                'N5': '#8D1B88',
                'N6': '#A60707',
                'DHET': '#198f19'
            };

            function changeHeaderColor(level) {
                var headers = document.querySelectorAll('.year-group .header');
                var backgroundColor = levelColors[level] || '#198f19';
                headers.forEach(function (header) {
                    header.style.backgroundColor = backgroundColor;
                    header.style.color = 'white';
                    header.style.textShadow = '1px 1px 2px rgba(0,0,0,0.5)';
                });
            }

            var levelButtons = document.getElementsByClassName('level-button');
            var tabContents = document.getElementsByClassName('tab-content');
            var bulkDownloadContainer = document.getElementById('level-bulk-download');

            for (var i = 0; i < levelButtons.length; i++) {
                levelButtons[i].addEventListener('click', function () {
                    var level = this.getAttribute('data-level');
                    var subject = '<?php echo $subject; ?>';

                    for (var j = 0; j < levelButtons.length; j++) {
                        levelButtons[j].classList.remove('active');
                    }

                    this.classList.add('active');

                    for (var j = 0; j < tabContents.length; j++) {
                        tabContents[j].style.display = 'none';
                    }

                    var tabContent = document.querySelector('.tab-content[data-level="' + level + '"]');
                    if (tabContent) {
                        tabContent.style.display = 'block';
                    }
                    updateBulkDownloadButton(subject, level);

                    changeHeaderColor(level);
                });
            }
            levelButtons[0].click();

            function updateBulkDownloadButton(subject, level) {
                var xhr = new XMLHttpRequest();
                xhr.open('GET', 'api-button.php?subject=' + subject + '&level=' + level, true);
                xhr.onreadystatechange = function () {
                    if (xhr.readyState === 4 && xhr.status === 200) {
                        bulkDownloadContainer.innerHTML = xhr.responseText;
                    }
                };
                xhr.send();
            }
        });
        function toggleNavbar() {
            var x = document.getElementById("myNavbar");
            if (x.className === "navbar") {
                x.className += " responsive";
            } else {
                x.className = "navbar";
            }
        }

        document.addEventListener("contextmenu", (event) => {
            event.preventDefault();
        });

        document.addEventListener("keydown", (event) => {
            const isF12 = event.code === "F12";
            const isCtrlU = event.ctrlKey && event.code === "KeyU";
            const isCtrlShiftI = event.ctrlKey && event.shiftKey && event.code === "KeyI";
            const isCmdOptU = event.metaKey && event.altKey && event.code === "KeyU";
            const isCmdOptC = event.metaKey && event.altKey && event.code === "KeyC";
            const isCmdOptJ = event.metaKey && event.altKey && event.code === "KeyJ";
            const isCmdOptI = event.metaKey && event.altKey && event.code === "KeyI";
            const isCmdShiftC =
                (event.metaKey || event.ctrlKey) && event.shiftKey && event.code === "KeyC";
            if (
                isF12 ||
                isCtrlU ||
                isCtrlShiftI ||
                isCmdShiftC ||
                isCmdOptU ||
                isCmdOptC ||
                isCmdOptJ ||
                isCmdOptI
            ) {
                event.preventDefault();
            }
        });
        function showBulkDownloadDialog(button) {
            var returnUrl = button.getAttribute('data-return-url');
            var itemName = button.getAttribute('data-item-name');
            var amount = button.getAttribute('data-amount');
            var level = button.getAttribute('data-level');
            var year = button.getAttribute('data-year');

            var modal = document.getElementById('bulkDownloadDialog');
            var span = document.getElementsByClassName("close")[0];
            var form = document.getElementById('bulkPayFastForm');
            var fileList = document.getElementById('fileList');
            var fileCount = document.getElementById('fileCount');
            var modalTitle = document.querySelector('#bulkDownloadDialog h2');

            // Set the button text as the modal title
            modalTitle.textContent = button.textContent.trim();

            // Populate the form
            form.querySelector('input[name="return_url"]').value = returnUrl;
            form.querySelector('input[name="amount"]').value = amount;
            form.querySelector('input[name="item_name"]').value = itemName;

            // Populate the file list
            fileList.innerHTML = '';
            var pdfListItems;
            if (year) {
                pdfListItems = Array.from(document.querySelectorAll('.tab-content[data-level="' + level + '"] .pdf-list li')).filter(function (item) {
                    var fileName = item.querySelector('.file-name strong').textContent;
                    return fileName.includes(year);
                });
            } else {
                pdfListItems = document.querySelectorAll('.tab-content[data-level="' + level + '"] .pdf-list li');
            }
            pdfListItems.forEach(function (item, index) {
                var fileName = item.querySelector('.file-name strong').textContent;
                fileList.innerHTML += '<p>' + (index + 1) + '. ' + fileName + '</p>';
            });

            // Update file count
            fileCount.textContent = 'Total Files: ' + pdfListItems.length;

            modal.style.display = "block";
            document.body.style.overflow = "hidden"; // Prevent scrolling of the page behind the dialog

            span.onclick = function () {
                modal.style.display = "none";
                document.body.style.overflow = "auto"; // Re-enable scrolling
            };

            window.onclick = function (event) {
                if (event.target == modal) {
                    modal.style.display = "none";
                    document.body.style.overflow = "auto"; // Re-enable scrolling
                }
            };
        }
    </script>
    <div id="bulkDownloadDialog" class="modal">

        <div class="modal-content">
            <span class="close">&times;</span>
            <h2></h2>
            <div id="fileCount" class="file-count"></div>
            <div id="fileListContainer">
                <div id="fileList"></div>
            </div>
            <form id="bulkPayFastForm" action="https://www.payfast.co.za/eng/process" method="post">
                <input required type="hidden" name="cmd" value="_paynow">
                <input required type="hidden" name="receiver" pattern="[0-9]" value="13609340">
                <input type="hidden" name="return_url" value="">
                <input type="hidden" name="cancel_url" value="https://mynated.co.za">
                <input required type="hidden" name="amount" value="">
                <input required type="hidden" name="item_name" maxlength="255" value="">
                <button type="submit" class="bulk-pay-button0">Proceed to Download</button>
            </form>
        </div>
    </div>

    <footer>
        <p>Copyright © 2024-2025 Ultra-Deep Multimedia - All Rights Reserved</p>
    </footer>
</body>

</html>