One Hat Cyber Team

Edit File Name: view_pdf.php

<?php
session_start();
require_once '../db_connection.php';

if (!isset($_SESSION['user_id'])) {
    header("Location: ../index.php");
    exit();
}

// إنشاء الاتصال
$conn = new mysqli($servername, $username, $password, $dbname);

// تحقق من الاتصال
if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
}

// مسار المجلد الذي يحتوي على ملفات PDF
$folderPath = __DIR__ . '/upload_pdf/';

// التأكد من وجود المجلد
if (!is_dir($folderPath)) {
    mkdir($folderPath, 0755, true);
}

// دالة لاستخراج التاريخ من اسم الملف
function extractDateFromFileName($fileName) {
    // البحث عن نمط التاريخ في اسم الملف (مثل BR-27012025-)
    if (preg_match('/(\d{2})(\d{2})(\d{4})/', $fileName, $matches)) {
        $day = $matches[1];
        $month = $matches[2];
        $year = $matches[3];
        
        return DateTime::createFromFormat('d/m/Y', "$day/$month/$year");
    }
    return null;
}

// دالة للعثور على آخر ملف حسب البادئة
function findLatestFileByPrefix($folderPath, $prefix) {
    $matchingFiles = glob($folderPath . $prefix . '*.pdf');
    
    if (empty($matchingFiles)) {
        return null;
    }
    
    // العثور على الملف بأحدث تاريخ
    $latestFile = null;
    $latestDate = null;
    
    foreach ($matchingFiles as $file) {
        $fileName = basename($file);
        $fileDate = extractDateFromFileName($fileName);
        
        if ($fileDate !== null && ($latestDate === null || $fileDate > $latestDate)) {
            $latestFile = $fileName;
            $latestDate = $fileDate;
        }
    }
    
    return $latestFile;
}

// رفع الملفات
if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_FILES['uploadedFiles'])) {
    $uploadSuccess = true;
    $errorMessage = '';

foreach ($_FILES['uploadedFiles']['tmp_name'] as $key => $tmpName) {
        if ($tmpName) {
            $fileName = basename($_FILES['uploadedFiles']['name'][$key]);
            $targetFilePath = $folderPath . $fileName;

// التحقق من صيغة الملف
            if (strtolower(pathinfo($targetFilePath, PATHINFO_EXTENSION)) !== 'pdf') {
                $uploadSuccess = false;
                $errorMessage .= "يُسمح فقط بتحميل ملفات PDF. الملف: $fileName \n";
                continue;
            }

// التأكد من عدم وجود ملف بنفس الاسم
            $counter = 1;
            while (file_exists($targetFilePath)) {
                $fileInfo = pathinfo($fileName);
                $fileName = $fileInfo['filename'] . "_{$counter}." . $fileInfo['extension'];
                $targetFilePath = $folderPath . $fileName;
                $counter++;
            }

if (move_uploaded_file($tmpName, $targetFilePath)) {
                // نجاح الرفع
            } else {
                $uploadSuccess = false;
                $errorMessage .= "حدث خطأ أثناء رفع الملف: $fileName \n";
            }
        }
    }

// رسالة التنبيه
    if ($uploadSuccess) {
        echo "<script>alert('تم رفع الملفات بنجاح');</script>";
    } else {
        echo "<script>alert('$errorMessage');</script>";
    }

// إعادة تحميل الصفحة بعد رفع الملفات
    header("Refresh:0");
    exit();
}

// حذف الملفات
if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['deleteFile'])) {
    $deleteFile = $folderPath . basename($_POST['deleteFile']);
    if (file_exists($deleteFile)) {
        unlink($deleteFile);
        header("Refresh:0");
        exit();
    } else {
        echo "<script>alert('الملف غير موجود.');</script>";
    }
}

// قراءة جميع الملفات بصيغة PDF داخل المجلد
$pdfFiles = glob($folderPath . "*.pdf");

// ترتيب الملفات حسب تاريخ التعديل من الأحدث إلى الأقدم
usort($pdfFiles, function ($a, $b) {
    return filemtime($b) - filemtime($a);
});

$totalFiles = count($pdfFiles);

// العثور على آخر ملفات لكل نوع
$latestBRFile = findLatestFileByPrefix($folderPath, 'BR-');
$latestBRCFile = findLatestFileByPrefix($folderPath, 'BRC-');
$latestFCFile = findLatestFileByPrefix($folderPath, 'FC-');
?>

<html><head><base href="." />
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>عرض وتحكم في ملفات PDF</title>
    <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
    <link rel="stylesheet" href="../css/sidebar.css">
       <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
    <style>
    .upload-container {
    text-align: center;
    margin-bottom: 20px;
}

.btn-upload {
    padding: 10px 20px;
    background-color: var(--primary-color);
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-family: 'Cairo', Arial, sans-serif;
    font-size: 16px;
    transition: all 0.3s ease;
}

.btn-upload:hover {
    background-color: #34495e;
    transform: translateY(-2px);
}

:root {
            --primary-color: #2c3e50;
            --secondary-color: #3498db;
            --danger-color: #e74c3c;
            --success-color: #2ecc71;
            --background-color: #f9f9f9;
            --border-color: #ecf0f1;
        }

body {
            font-family: 'Cairo', Arial, sans-serif;
            direction: rtl;
            text-align: right;
            background-color: var(--background-color);
            margin: 0;
            padding: 20px;
            color: var(--primary-color);
        }

.container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
            background: white;
            border-radius: 10px;
            box-shadow: 0 0 20px rgba(0,0,0,0.1);
        }

.uploader {
             border: 2px dashed #4CAF50;
    padding: 40px;
    text-align: center;
    border-radius: 15px;
    background: rgba(248, 255, 248, 0.7);
    transition: all 0.4s ease;
    cursor: pointer;
    position: relative;
    overflow: hidden;
        }
        .uploader:hover {
    background: rgba(227, 242, 253, 0.7);
    border-color: #2196F3;
    transform: scale(1.01);
}
        
        .uploader.active {
    border-color: #2196F3;
    background: rgba(227, 242, 253, 0.9);
    animation: pulse 1.5s infinite;
}
        
        
        
        .search-container {
            margin: 20px 0;
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 10px;
        }

.search-input {
            width: 50%;
            padding: 12px 20px;
            margin: 8px 0;
            border: 2px solid var(--border-color);
            border-radius: 25px;
            font-size: 16px;
            transition: all 0.3s ease;
            font-family: 'Cairo', Arial, sans-serif;
        }

.search-button {
            padding: 12px 25px;
            background-color: var(--secondary-color);
            color: white;
            border: none;
            border-radius: 25px;
            cursor: pointer;
            font-family: 'Cairo', Arial, sans-serif;
            font-size: 16px;
            transition: all 0.3s ease;
        }

.search-button:hover {
            background-color: #2980b9;
            transform: translateY(-2px);
        }

.search-input:focus {
            outline: none;
            border-color: var(--secondary-color);
            box-shadow: 0 0 10px rgba(52, 152, 219, 0.2);
        }

h1 {
            color: var(--primary-color);
            text-align: center;
            margin-bottom: 30px;
            font-size: 2.5em;
            position: relative;
            padding-bottom: 15px;
        }

h1::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 100px;
            height: 4px;
            background: var(--secondary-color);
            border-radius: 2px;
        }

table {
            
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 10px;
    margin: 50px 0;
    margin-right: auto; /* جعل الإحصائيات في المنتصف */
    padding-right: 300px; /* إضافة مساحة إضافية بجانب القائمة */
    margin-left: auto; /* جعل الإحصائيات في المنتصف */
    padding-left: 100px; 
}
 /* تنسيق الجدول */
        table {
            width: 70%;
            border-collapse: collapse;
            margin-top: 20px;
            background-color: #fff;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            border-radius: 8px;
            overflow: hidden;
        }

table th, table td {
            padding: 15px;
            border: 1px solid #ddd;
            text-align: center;
        }

table th {
            background-color: #f2f2f2;
            color: #333;
        }

th, td {
            padding: 15px;
            text-align: center;
            border-bottom: 1px solid var(--border-color);
        }

th {
            background-color: var(--primary-color);
            color: white;
            font-weight: 600;
            text-transform: uppercase;
            font-size: 0.9em;
        }

tr:hover {
            background-color: rgba(52, 152, 219, 0.05);
            transition: background-color 0.3s ease;
        }

.btn {
            padding: 8px 16px;
            border: none;
            color: white;
            cursor: pointer;
            text-decoration: none;
            border-radius: 5px;
            font-weight: 600;
            transition: all 0.3s ease;
            display: inline-block;
            min-width: 100px;
        }

.btn-view {
            background-color: var(--secondary-color);
        }

.btn-download {
            background-color: var(--success-color);
        }

.btn-delete {
            background-color: var(--danger-color);
        }

.btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }

.empty-message {
            text-align: center;
            padding: 40px;
            color: #7f8c8d;
            font-size: 1.2em;
        }

@keyframes fadeIn {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }

.animate-fade-in {
            animation: fadeIn 0.5s ease forwards;
        }

@media (max-width: 768px) {
            .container {
                padding: 10px;
            }

.btn {
                padding: 6px 12px;
                min-width: 80px;
            }

.search-input {
                width: 90%;
            }
        }

.pagination-container {
            margin-top: 20px;
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 15px;
        }

.items-per-page {
            display: flex;
            align-items: center;
            gap: 10px;
        }

.items-per-page select {
            padding: 8px;
            border: 2px solid var(--border-color);
            border-radius: 5px;
            font-family: 'Cairo', Arial, sans-serif;
        }

.pagination-controls {
            display: flex;
            gap: 5px;
        }

.page-button {
            padding: 8px 15px;
            background-color: var(--secondary-color);
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            transition: all 0.3s ease;
        }

.page-button:disabled {
            background-color: #bdc3c7;
            cursor: not-allowed;
        }

.page-button:hover:not(:disabled) {
            background-color: #2980b9;
        }
        .file-count {
    text-align: center;
    margin-bottom: 20px;
    font-size: 1.2em;
    color: var(--primary-color);
}

.file-count strong {
    color: var(--secondary-color);
}
.latest-files-container {
        margin-top: 30px;
        background-color: #f4f4f4;
        padding: 20px;
        border-radius: 10px;
    }

.latest-files-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 15px;
    }

.latest-file-card {
        background-color: white;
        border: 1px solid var(--border-color);
        border-radius: 8px;
        padding: 15px;
        text-align: center;
        box-shadow: 0 4px 6px rgba(0,0,0,0.1);
        transition: transform 0.3s ease;
    }

.latest-file-card:hover {
        transform: translateY(-5px);
    }

.latest-file-card h3 {
        margin-bottom: 10px;
        color: var(--secondary-color);
    }

.latest-file-card p {
        font-weight: bold;
        color: var(--primary-color);
        word-break: break-all;
    }

@media (max-width: 768px) {
        .latest-files-grid {
            grid-template-columns: 1fr;
        }
    }
    </style>
</head>
<body>
    <button class="menu-toggle" onclick="toggleSidebar()">☰</button>

<?php include '../sidebar.html'; ?>
    <div class="container animate-fade-in">
        <h1>إدارة ملفات PDF</h1>
      <div class="latest-files-container">
    <h2>أحدث الملفات</h2>
    <div class="latest-files-grid">
        <div class="latest-file-card">
            <h3>آخر بون تسليم</h3>
            <p><?= $latestBRFile ? $latestBRFile : 'لا توجد ملفات' ?></p>
        </div>
        <div class="latest-file-card">
            <h3>آخر بون إرجاع</h3>
            <p><?= $latestBRCFile ? $latestBRCFile : 'لا توجد ملفات' ?></p>
        </div>
        <div class="latest-file-card">
            <h3>آخر فاتورة</h3>
            <p><?= $latestFCFile ? $latestFCFile : 'لا توجد ملفات' ?></p>
        </div>
    </div>
</div>

<div class="uploader">
    <form method="post" enctype="multipart/form-data" style="margin-bottom: 20px;">
        <label for="uploadedFile">رفع ملفات PDF جديدة:</label>
        <input type="file" name="uploadedFiles[]" id="uploadedFile" accept="application/pdf" multiple required>
        <button type="submit" class="btn btn-upload">رفع</button>
    </form>
</div>
        <div class="search-container">
            <input type="text" id="searchInput" class="search-input" placeholder="ابحث عن ملف..." />
            <button id="searchButton" class="search-button">بحث</button>
        </div>
        <div class="file-count">
    <p>عدد الملفات الحالية: <strong><?= $totalFiles; ?></strong></p>
</div>

<table>
            <thead>
                <tr>
                    <th>اسم الملف</th>
                    <th>عرض</th>
                    <th>تحميل</th>
                    <th>حذف</th>
                </tr>
            </thead>
            <tbody id="fileTableBody">
                <?php if (count($pdfFiles) > 0): ?>
                    <?php foreach ($pdfFiles as $file): ?>
                        <?php $fileName = basename($file); ?>
                        <tr>
                            <td><?= htmlspecialchars($fileName); ?></td>
                            <td><a class="btn btn-view" href="upload_pdf/<?= urlencode($fileName); ?>" target="_blank">عرض</a></td>
                            <td><a class="btn btn-download" href="upload_pdf/<?= urlencode($fileName); ?>" download>تحميل</a></td>
                            <td>
                                <form method="post" action="" style="margin: 0;">
                                    <input type="hidden" name="deleteFile" value="<?= htmlspecialchars($fileName); ?>">
                                    <button type="submit" class="btn btn-delete">حذف</button>
                                </form>
                            </td>
                        </tr>
                    <?php endforeach; ?>
                <?php else: ?>
                    <tr>
                        <td colspan="4" class="empty-message">لا توجد ملفات PDF في المجلد.</td>
                    </tr>
                <?php endif; ?>
            </tbody>
        </table>
        <div class="pagination-container">
            <div class="items-per-page">
                <label for="itemsPerPage">عدد الملفات في الصفحة:</label>
                <select id="itemsPerPage">
                    <option value="5">5</option>
                    <option value="10" selected>10</option>
                    <option value="20">20</option>
                    <option value="50">50</option>
                    <option value="100">100</option>
                </select>
            </div>
            <div class="pagination-controls">
                <button id="prevPage" class="page-button">السابق</button>
                <span id="pageInfo">صفحة <span id="currentPage">1</span> من <span id="totalPages">1</span></span>
                <button id="nextPage" class="page-button">التالي</button>
            </div>
        </div>
    </div>

<?php
    if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['deleteFile'])) {
        $deleteFile = $folderPath . basename($_POST['deleteFile']);
        if (file_exists($deleteFile)) {
            unlink($deleteFile);
            echo "<script>alert('تم حذف الملف بنجاح.'); window.location.reload();</script>";
        } else {
            echo "<script>alert('الملف غير موجود.');</script>";
        }
    }
    ?>

let currentPage = 1;
            let filteredRows = Array.from(tableRows);

function updatePagination() {
                const itemsPerPage = parseInt(itemsPerPageSelect.value);
                const totalItems = filteredRows.length;
                const totalPages = Math.ceil(totalItems / itemsPerPage);
                
                currentPage = Math.min(currentPage, totalPages);
                if (currentPage < 1) currentPage = 1;

const startIndex = (currentPage - 1) * itemsPerPage;
                const endIndex = startIndex + itemsPerPage;

// Hide all rows first
                tableRows.forEach(row => row.style.display = 'none');

// Show only rows for current page
                filteredRows.slice(startIndex, endIndex).forEach(row => row.style.display = '');

// Update pagination controls
                prevPageBtn.disabled = currentPage === 1;
                nextPageBtn.disabled = currentPage === totalPages;
                currentPageSpan.textContent = currentPage;
                totalPagesSpan.textContent = totalPages;
            }

function performSearch() {
                const searchTerm = searchInput.value.toLowerCase();
                filteredRows = Array.from(tableRows).filter(row => {
                    const fileName = row.querySelector('td:first-child').textContent.toLowerCase();
                    return fileName.includes(searchTerm);
                });
                currentPage = 1;
                updatePagination();
            }

// Event Listeners
            searchInput.addEventListener('input', performSearch);
            searchButton.addEventListener('click', performSearch);
            
            itemsPerPageSelect.addEventListener('change', () => {
                currentPage = 1;
                updatePagination();
            });

prevPageBtn.addEventListener('click', () => {
                if (currentPage > 1) {
                    currentPage--;
                    updatePagination();
                }
            });

nextPageBtn.addEventListener('click', () => {
                const totalPages = Math.ceil(filteredRows.length / parseInt(itemsPerPageSelect.value));
                if (currentPage < totalPages) {
                    currentPage++;
                    updatePagination();
                }
            });

// Initialize pagination
            updatePagination();

searchInput.addEventListener('keypress', function(e) {
                if (e.key === 'Enter') {
                    performSearch();
                }
            });

document.querySelectorAll('tr').forEach(row => {
                row.addEventListener('mouseenter', () => {
                    row.style.transition = 'all 0.3s ease';
                    row.style.transform = 'scale(1.01)';
                });

row.addEventListener('mouseleave', () => {
                    row.style.transform = 'scale(1)';
                });
            });

window.showAlert = (message, type = 'success') => {
                const alert = document.createElement('div');
                alert.style.cssText = `
                    position: fixed;
                    top: 20px;
                    right: 20px;
                    padding: 15px 25px;
                    background: ${type === 'success' ? '#2ecc71' : '#e74c3c'};
                    color: white;
                    border-radius: 5px;
                    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
                    z-index: 1000;
                    animation: slideIn 0.5s ease forwards;
                `;
                alert.textContent = message;
                document.body.appendChild(alert);

setTimeout(() => {
                    alert.style.animation = 'slideOut 0.5s ease forwards';
                    setTimeout(() => alert.remove(), 500);
                }, 3000);
            };
        });
    </script>
</body></html>