Enhanced PHP File Manager

⬆️ Go Up (..)

📊 Server Information

Server:

LiteSpeed

System:

Linux 5.14.0-503.34.1.el9_5.x86_64

PHP Version:

8.2.30

User:

u329947844

Directory:

/home/u329947844/domains/hifi11.in/public_html/anjal_vaathi/post

Free Space:

10.16 TB

🔧 Quick Actions

✏️ Editing: study.php

<?php
include('db/config.php');
session_start();

// Redirect if not logged in
if (!isset($_SESSION['user_id'])) {
    header('Location: login.php');
    exit;
}

$user_id = $_SESSION['user_id'];

// Initialize user data
$user = ['role' => null, 'name' => 'Guest'];

// Fetch user role and name
$stmt = $conn->prepare("SELECT name, role FROM users WHERE id = ?");
if ($stmt) {
    $stmt->bind_param("i", $user_id);
    $stmt->execute();
    $result = $stmt->get_result();
    if ($result && $result->num_rows > 0) {
        $user = $result->fetch_assoc();
    }
    $stmt->close();
}

// Function to get exam structure with IDs
function getExamStructure($conn, $user_id, $user_role) {
    $exam_structure = [];
    
    // Get all available exam types
    $exam_types = [];
    $result = $conn->query("SELECT * FROM ExaminationType WHERE status = 'available'");
    if ($result) {
        while ($row = $result->fetch_assoc()) {
            $exam_types[$row['type_id']] = $row['type_name'];
        }
    }
    
    // Get user's purchased exams
    $purchased_exams = [];
    $stmt = $conn->prepare("SELECT exam_id FROM user_courses WHERE user_id = ? AND access_expiry >= CURDATE()");
    if ($stmt) {
        $stmt->bind_param("i", $user_id);
        $stmt->execute();
        $result = $stmt->get_result();
        while ($row = $result->fetch_assoc()) {
            $purchased_exams[] = $row['exam_id'];
        }
        $stmt->close();
    }
    
    // Determine eligible exams based on role
    $eligible_exams = [];
    switch ($user_role) {
        case 'gds':
            $eligible_exams = [1, 2, 3];
            break;
        case 'mts':
            $eligible_exams = [2, 3];
            break;
        case 'postman':
            $eligible_exams = [3];
            break;
        default:
            break;
    }
    
    // Intersect purchased with eligible exams
    $final_exam_ids = array_intersect($purchased_exams, $eligible_exams);
    
    if (empty($final_exam_ids)) {
        return [];
    }
    
    foreach ($final_exam_ids as $exam_id) {
        if (!isset($exam_types[$exam_id])) continue;
        
        $exam_name = $exam_types[$exam_id];
        $exam_structure[$exam_id] = [
            'name' => $exam_name,
            'categories' => []
        ];
        
        // Get categories for this exam
        $stmt = $conn->prepare("SELECT * FROM Category WHERE type_id = ?");
        if ($stmt) {
            $stmt->bind_param("i", $exam_id);
            $stmt->execute();
            $categories_result = $stmt->get_result();
            
            while ($category = $categories_result->fetch_assoc()) {
                $category_id = $category['category_id'];
                $category_name = $category['category_name'];
                
                $exam_structure[$exam_id]['categories'][$category_id] = [
                    'name' => $category_name,
                    'subcategories' => []
                ];
                
                // Get subcategories for this category
                $stmt2 = $conn->prepare("SELECT * FROM SubCategory WHERE category_id = ?");
                if ($stmt2) {
                    $stmt2->bind_param("i", $category_id);
                    $stmt2->execute();
                    $subcategories_result = $stmt2->get_result();
                    
                    while ($subcategory = $subcategories_result->fetch_assoc()) {
                        $exam_structure[$exam_id]['categories'][$category_id]['subcategories'][$subcategory['subcategory_id']] = 
                            $subcategory['subcategory_name'];
                    }
                    $stmt2->close();
                }
            }
            $stmt->close();
        }
    }
    
    return $exam_structure;
}

// Get exam structure with the user's role
$exam_structure = getExamStructure($conn, $user_id, $user['role']);
$has_purchased_courses = !empty($exam_structure);

// Exam details for display
$examDetails = [
    1 => [
        'name' => 'GDS to MTS Examination', 
        'price' => '₹299', 
        'description' => 'Complete preparation for Gramin Dak Sevak exam',
        'features' => [
            '500+ Practice Questions',
            'Full Syllabus Coverage',
            'Previous Year Papers',
            'Mock Tests'
        ]
    ],
    2 => [
        'name' => 'GDS/MTS to Postman/Mail Guard Examination', 
        'price' => '₹299', 
        'description' => 'Full syllabus coverage for MTS exam',
        'features' => [
            '600+ Practice Questions',
            'Section-wise Tests',
            'Solved Papers',
            'Performance Analytics'
        ]
    ],
    3 => [
        'name' => 'GDS/MTS/Postman/Mail Guard to Postal Assistant/SA Examination', 
        'price' => '₹299', 
        'description' => 'Comprehensive materials for Postman exam',
        'features' => [
            '400+ Practice Questions',
            'Postal Manuals Summary',
            'Current Affairs Section',
            'Full-length Mock Exams'
        ]
    ],
];

// Get current selection from GET parameters
$selected_exam_id = isset($_GET['exam_id']) ? (int)$_GET['exam_id'] : null;
$selected_category_id = isset($_GET['category_id']) ? (int)$_GET['category_id'] : null;
$selected_subcategory_id = isset($_GET['subcategory_id']) ? (int)$_GET['subcategory_id'] : null;

// Validate selections against the structure
if ($selected_exam_id && !isset($exam_structure[$selected_exam_id])) {
    header('Location: study.php');
    exit;
}

if ($selected_category_id && $selected_exam_id) {
    $category_valid = false;
    foreach ($exam_structure[$selected_exam_id]['categories'] as $cat_id => $cat) {
        if ($cat_id == $selected_category_id) {
            $category_valid = true;
            break;
        }
    }
    if (!$category_valid) {
        $selected_category_id = null;
        $selected_subcategory_id = null;
    }
}

if ($selected_subcategory_id && $selected_category_id && $selected_exam_id) {
    $subcategory_valid = false;
    if (isset($exam_structure[$selected_exam_id]['categories'][$selected_category_id]['subcategories'][$selected_subcategory_id])) {
        $subcategory_valid = true;
    }
    if (!$subcategory_valid) {
        $selected_subcategory_id = null;
    }
}

// Role Display
$roleNames = [
    'gds' => 'Gramin Dak Sevak',
    'postman' => 'Postman',
    'mts' => 'MTS',
];
?>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Anjal Vaathi - Study Materials</title>
    <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.10.377/pdf.min.js"></script>
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

body {
    font-family: 'Inter', sans-serif;
    -webkit-tap-highlight-color: transparent;
    padding-top: 20px;
}

.category-card, .subcategory-card {
    transition: all 0.3s ease;
    border-left: 4px solid transparent;
}
.category-card:hover, .subcategory-card:hover {
    transform: translateY(-3px);
    border-left-color: #3b82f6;
}

.material-card {
    transition: all 0.2s ease;
    border-left: 4px solid #3b82f6;
}
.material-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

/* Enhanced PDF Viewer Styles */
#pdf-viewer {
    width: 100%;
    height: calc(100vh - 120px); /* Adjusted for better mobile view */
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    overflow: auto;
    background-color: #525659;
    -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
}

.pdf-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.95); /* Darker for better contrast */
    z-index: 100;
    display: flex;
    flex-direction: column;
    padding: 10px;
}

.pdf-toolbar {
    background: white;
    padding: 10px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    border-radius: 0.25rem;
    flex-wrap: wrap;
    gap: 10px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.pdf-controls {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.pdf-toolbar button {
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 14px;
    border: none;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 5px;
}

.pdf-toolbar button:hover {
    opacity: 0.9;
}

.pdf-toolbar button i {
    font-size: 16px;
}

#prev-page, #next-page {
    background-color: #e2e8f0;
    color: #2d3748;
}

#prev-page:hover, #next-page:hover {
    background-color: #cbd5e0;
}

.zoom-controls {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-left: 5px;
}

#zoom-out, #zoom-reset, #zoom-in {
    background-color: #edf2f7;
    color: #4a5568;
    min-width: 36px;
    justify-content: center;
}

#zoom-out:hover, #zoom-reset:hover, #zoom-in:hover {
    background-color: #e2e8f0;
}

#close-pdf {
    background-color: #e53e3e;
    color: white;
    padding: 6px 15px;
}

#close-pdf:hover {
    background-color: #c53030;
}

#pdf-title {
    font-size: 16px;
    font-weight: 600;
    color: #2d3748;
    margin-right: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
}

#page-num {
    font-size: 14px;
    color: #4a5568;
    font-weight: 500;
    min-width: 90px;
    text-align: center;
}

/* High-quality canvas rendering */
canvas {
    display: block;
    margin: 10px auto;
    max-width: 100%;
    box-shadow: 0 0 15px rgba(0,0,0,0.3);
    image-rendering: crisp-edges;
    image-rendering: -webkit-optimize-contrast;
}

.hidden {
    display: none;
}

.course-card {
    transition: all 0.2s ease;
}
.course-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

.feature-list li {
    margin-bottom: 0.5rem;
}

/* Mobile-specific adjustments */
@media (max-width: 640px) {
    .pdf-container {
        padding: 5px;
    }
    
    .pdf-toolbar {
        padding: 8px 10px;
        gap: 6px;
    }
    
    .pdf-controls {
        gap: 5px;
    }
    
    .pdf-toolbar button {
        padding: 5px 8px;
        font-size: 13px;
    }
    
    #pdf-title {
        font-size: 14px;
        max-width: 150px;
    }
    
    #page-num {
        font-size: 13px;
        min-width: 80px;
    }
    
    #pdf-viewer {
        height: calc(100vh - 100px);
    }
    
    .zoom-controls {
        margin-left: 0;
    }
}

/* Tablet adjustments */
@media (min-width: 641px) and (max-width: 1024px) {
    #pdf-viewer {
        height: calc(100vh - 120px);
    }
    
    .pdf-toolbar {
        padding: 12px 15px;
    }
}
    </style>
</head>
<body class="bg-blue-50 antialiased">
    <div class="status-bar w-full fixed top-0 left-0 z-50"></div>
   
    
    <?php include('includes/topbar.php')?>
    
    
    <?php include('includes/sidebar.php')?>
    
    <main class="mt-16 mb-5 px-4 pb-4">
        <div class="mb-6">
            <div class="flex flex-col md:flex-row md:items-center md:justify-between">
                <div>
                    <h1 class="text-2xl font-bold text-gray-800 mb-1">Study Materials</h1>
                    <p class="text-gray-600">Study resources for <?php echo $roleNames[$user['role']] ?? 'your exam'; ?></p>
                </div>
                <div class="mt-4 md:mt-0">
                    <?php if ($selected_exam_id && $has_purchased_courses): ?>
                        <span class="bg-blue-100 text-blue-800 text-xs px-3 py-1 rounded-full">
                            <?php echo htmlspecialchars($exam_structure[$selected_exam_id]['name']); ?>
                        </span>
                    <?php endif; ?>
                </div>
            </div>
            
            <?php if ($has_purchased_courses): ?>
            <div class="flex items-center text-sm text-gray-500 mt-4">
                <a href="study.php" class="text-blue-600 hover:underline">Study Materials</a>
                <?php if ($selected_exam_id && !$selected_category_id): ?>
                    <span class="mx-2">/</span>
                    <span class="text-gray-800"><?php echo htmlspecialchars($exam_structure[$selected_exam_id]['name']); ?></span>
                <?php elseif ($selected_category_id): ?>
                    <span class="mx-2">/</span>
                    <a href="study.php?exam_id=<?php echo $selected_exam_id; ?>" class="text-blue-600 hover:underline">
                        <?php echo htmlspecialchars($exam_structure[$selected_exam_id]['categories'][$selected_category_id]['name']); ?>
                    </a>
                    <span class="mx-2">/</span>
                    <?php if (!$selected_subcategory_id): ?>
                        <span class="text-gray-800"><?php echo htmlspecialchars($exam_structure[$selected_exam_id]['categories'][$selected_category_id]['name']); ?></span>
                    <?php else: ?>
                        <a href="study.php?exam_id=<?php echo $selected_exam_id; ?>&category_id=<?php echo $selected_category_id; ?>" class="text-blue-600 hover:underline">
                            <?php echo htmlspecialchars($exam_structure[$selected_exam_id]['categories'][$selected_category_id]['name']); ?>
                        </a>
                        <span class="mx-2">/</span>
                        <span class="text-gray-800"><?php echo htmlspecialchars($exam_structure[$selected_exam_id]['categories'][$selected_category_id]['subcategories'][$selected_subcategory_id]); ?></span>
                    <?php endif; ?>
                <?php endif; ?>
            </div>
            <?php endif; ?>
        </div>

<?php if (!$selected_exam_id): ?>
        <section class="mb-8">
            <?php if ($has_purchased_courses): ?>
                <h2 class="text-lg font-semibold text-gray-800 mb-4">Select Exam</h2>
                
                <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
                    <?php foreach ($exam_structure as $exam_id => $exam): ?>
                        <a href="study.php?exam_id=<?php echo $exam_id; ?>" 
                           class="bg-white rounded-lg shadow-sm p-5 exam-card hover:shadow-md transition-shadow">
                            <div class="flex items-center">
                                <div class="bg-purple-100 text-purple-600 p-3 rounded-full mr-4">
                                    <i class="bi bi-award text-lg"></i>
                                </div>
                                <div>
                                    <h3 class="font-medium text-gray-800"><?php echo htmlspecialchars($exam['name']); ?></h3>
                                    <p class="text-sm text-gray-500">
                                        Categories: <?php echo implode(', ', array_column($exam['categories'], 'name')); ?>
                                    </p>
                                </div>
                            </div>
                        </a>
                    <?php endforeach; ?>
                </div>
            <?php else: ?>
                <div class="bg-white rounded-lg shadow-sm p-8">
                    <div class="text-center mb-8">
                        <div class="text-blue-500 mb-4">
                            <i class="bi bi-book text-5xl"></i>
                        </div>
                        <h2 class="text-xl font-bold text-gray-800 mb-2">Available Study Courses</h2>
                        <p class="text-gray-600 max-w-2xl mx-auto">
                            Explore our comprehensive study materials designed to help you ace your exams.
                            Contact administrator to get access to these courses.
                        </p>
                    </div>
                    
                    <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
                        <?php foreach ($examDetails as $exam_id => $detail): ?>
                            <div class="bg-white border border-gray-200 rounded-lg p-6 shadow-sm hover:shadow-md transition-shadow course-card">
                                <div class="flex justify-between items-start mb-4">
                                    <h3 class="font-bold text-lg text-gray-800"><?php echo $detail['name']; ?></h3>
                                    
                                </div>
                                <p class="text-gray-600 mb-4 text-sm"><?php echo $detail['description']; ?></p>
                                
                                <div class="mb-4">
                                    <h4 class="font-medium text-gray-800 mb-2">Course Features:</h4>
                                    <ul class="text-sm text-gray-600 space-y-1 feature-list">
                                        <?php foreach ($detail['features'] as $feature): ?>
                                            <li class="flex items-center">
                                                <i class="bi bi-check-circle-fill text-green-500 mr-2"></i>
                                                <?php echo $feature; ?>
                                            </li>
                                        <?php endforeach; ?>
                                    </ul>
                                </div>
                                
                                <div class="text-center text-sm text-gray-500 mt-4">
                                    <b>Buy a Course to Explore It</b>
                                </div>
                            </div>
                        <?php endforeach; ?>
                    </div>
                </div>
            <?php endif; ?>
        </section>
        
        <?php elseif (!$selected_category_id): ?>
        <section class="mb-8">
            <div class="flex items-center justify-between mb-4">
                <h2 class="text-lg font-semibold text-gray-800">Select Category for <?php echo htmlspecialchars($exam_structure[$selected_exam_id]['name']); ?></h2>
                <a href="study.php" class="text-sm text-blue-600 hover:underline flex items-center">
                    <i class="bi bi-arrow-left mr-1"></i> Back
                </a>
            </div>
            
            <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
                <?php foreach ($exam_structure[$selected_exam_id]['categories'] as $category_id => $category): ?>
                    <a href="study.php?exam_id=<?php echo $selected_exam_id; ?>&category_id=<?php echo $category_id; ?>" 
                       class="bg-white rounded-lg shadow-sm p-5 category-card">
                        <div class="flex items-center">
                            <div class="bg-blue-100 text-blue-600 p-3 rounded-full mr-4">
                                <i class="bi bi-journal-bookmark text-lg"></i>
                            </div>
                            <div>
                                <h3 class="font-medium text-gray-800"><?php echo htmlspecialchars($category['name']); ?></h3>
                                <p class="text-sm text-gray-500">
                                    <?php echo count($category['subcategories']) > 0 ? 
                                        count($category['subcategories']) . ' topics' : 'General materials'; ?>
                                </p>
                            </div>
                        </div>
                    </a>
                <?php endforeach; ?>
            </div>
        </section>
        
        <?php elseif ($selected_category_id && !$selected_subcategory_id): ?>
        <?php if (count($exam_structure[$selected_exam_id]['categories'][$selected_category_id]['subcategories']) > 0): ?>
            <section class="mb-8">
                <div class="flex items-center justify-between mb-4">
                    <h2 class="text-lg font-semibold text-gray-800">Select Topic in <?php echo htmlspecialchars($exam_structure[$selected_exam_id]['categories'][$selected_category_id]['name']); ?></h2>
                    <div>
                        <a href="study.php?exam_id=<?php echo $selected_exam_id; ?>" class="text-sm text-blue-600 hover:underline flex items-center">
                            <i class="bi bi-arrow-left mr-1"></i> Back
                        </a>
                    </div>
                </div>
                
                <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
                    <?php foreach ($exam_structure[$selected_exam_id]['categories'][$selected_category_id]['subcategories'] as $subcat_id => $subcat_name): ?>
                        <a href="study.php?exam_id=<?php echo $selected_exam_id; ?>&category_id=<?php echo $selected_category_id; ?>&subcategory_id=<?php echo $subcat_id; ?>" 
                           class="bg-white rounded-lg shadow-sm p-5 subcategory-card">
                            <div class="flex items-center">
                                <div class="bg-green-100 text-green-600 p-3 rounded-full mr-4">
                                    <i class="bi bi-journal-text text-lg"></i>
                                </div>
                                <div>
                                    <h3 class="font-medium text-gray-800"><?php echo htmlspecialchars($subcat_name); ?></h3>
                                    <p class="text-sm text-gray-500">Study materials</p>
                                </div>
                            </div>
                        </a>
                    <?php endforeach; ?>
                </div>
            </section>
        <?php else: ?>
            <?php
            $stmt = $conn->prepare("SELECT * FROM study_materials 
                                  WHERE category = ? 
                                  AND (subcategory_id IS NULL OR subcategory_id = 0) 
                                  AND status = 'published'");
            $stmt->bind_param("i", $selected_category_id);
            $stmt->execute();
            $result = $stmt->get_result();
            $materials = $result->fetch_all(MYSQLI_ASSOC);
            ?>
            
            <section class="mb-8">
                <div class="flex items-center justify-between mb-4">
                    <h2 class="text-lg font-semibold text-gray-800">
                        <?php echo htmlspecialchars($exam_structure[$selected_exam_id]['categories'][$selected_category_id]['name']); ?> Materials
                    </h2>
                    <div>
                        <a href="study.php?exam_id=<?php echo $selected_exam_id; ?>" 
                           class="text-sm text-blue-600 hover:underline flex items-center">
                            <i class="bi bi-arrow-left mr-1"></i> Back 
                        </a>
                    </div>
                </div>
                
                <?php if (count($materials) > 0): ?>
                    <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
                        <?php foreach ($materials as $material): ?>
                            <div class="bg-white rounded-lg shadow-sm p-5 material-card">
                                <div class="flex items-start mb-3">
                                    <div class="bg-red-100 text-red-600 p-3 rounded-full mr-4">
                                        <i class="bi bi-file-earmark-pdf text-lg"></i>
                                    </div>
                                    <div>
                                        <h3 class="font-medium text-gray-800"><?php echo htmlspecialchars($material['title']); ?></h3>
                                        <p class="text-sm text-gray-500 truncate"><?php echo htmlspecialchars($material['description'] ?? 'PDF Document'); ?></p>
                                    </div>
                                </div>
                                
                                <button class="view-pdf-btn mt-3 w-full bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-full text-sm font-medium" 
                                        data-pdf-path="<?php echo htmlspecialchars('admin255/'.$material['file_path']); ?>">
                                    View PDF
                                </button>
                            </div>
                        <?php endforeach; ?>
                    </div>
                <?php else: ?>
                    <div class="bg-white rounded-lg shadow-sm p-8 text-center">
                        <div class="text-gray-400 mb-3">
                            <i class="bi bi-journal-x text-4xl"></i>
                        </div>
                        <h3 class="font-medium text-gray-700 mb-1">No materials available</h3>
                        <p class="text-sm text-gray-500">There are no study materials for this category yet.</p>
                    </div>
                <?php endif; ?>
            </section>
        <?php endif; ?>
        
        <?php elseif ($selected_subcategory_id): ?>
        <?php
        $stmt = $conn->prepare("SELECT * FROM study_materials 
                              WHERE category = ? AND subcategory_id = ? 
                              AND status = 'published'");
        $stmt->bind_param("ii", $selected_category_id, $selected_subcategory_id);
        $stmt->execute();
        $result = $stmt->get_result();
        $materials = $result->fetch_all(MYSQLI_ASSOC);
        ?>
        
        <section class="mb-8">
            <div class="flex items-center justify-between mb-4">
                <h2 class="text-lg font-semibold text-gray-800">
                    <?php echo htmlspecialchars($exam_structure[$selected_exam_id]['categories'][$selected_category_id]['subcategories'][$selected_subcategory_id]); ?> Materials
                </h2>
                <div>
                    <a href="study.php?exam_id=<?php echo $selected_exam_id; ?>&category_id=<?php echo $selected_category_id; ?>" 
                       class="text-sm text-blue-600 hover:underline flex items-center">
                        <i class="bi bi-arrow-left mr-1"></i> Back 
                    </a>
                </div>
            </div>
            
            <?php if (count($materials) > 0): ?>
                <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
                    <?php foreach ($materials as $material): ?>
                        <div class="bg-white rounded-lg shadow-sm p-5 material-card">
                            <div class="flex items-start mb-3">
                                <div class="bg-red-100 text-red-600 p-3 rounded-full mr-4">
                                    <i class="bi bi-file-earmark-pdf text-lg"></i>
                                </div>
                                <div>
                                    <h3 class="font-medium text-gray-800"><?php echo htmlspecialchars($material['title']); ?></h3>
                                    <p class="text-sm text-gray-500 truncate"><?php echo htmlspecialchars($material['description'] ?? 'PDF Document'); ?></p>
                                </div>
                            </div>
                            
                            <button class="view-pdf-btn mt-3 w-full bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-full text-sm font-medium" 
                                    data-pdf-path="<?php echo htmlspecialchars('admin255/'.$material['file_path']); ?>">
                                View PDF
                            </button>
                        </div>
                    <?php endforeach; ?>
                </div>
            <?php else: ?>
                <div class="bg-white rounded-lg shadow-sm p-8 text-center">
                    <div class="text-gray-400 mb-3">
                        <i class="bi bi-journal-x text-4xl"></i>
                    </div>
                    <h3 class="font-medium text-gray-700 mb-1">No materials available</h3>
                    <p class="text-sm text-gray-500">There are no study materials for this topic yet.</p>
                </div>
            <?php endif; ?>
        </section>
        <?php endif; ?>
    </main>

<div id="pdf-modal" class="pdf-container hidden">
    <div class="pdf-toolbar">
        <h3 id="pdf-title" class="font-medium"></h3>
        <div class="pdf-controls">
            <button id="prev-page" class="bg-gray-200 hover:bg-gray-300 text-gray-800">
                <i class="bi bi-arrow-left"></i> Prev
            </button>
            <span id="page-num" class="text-sm font-medium mx-2">Page 1 of 1</span>
            <button id="next-page" class="bg-gray-200 hover:bg-gray-300 text-gray-800">
                Next <i class="bi bi-arrow-right"></i>
            </button>
            <div class="zoom-controls">
                <button id="zoom-out" class="bg-gray-200 hover:bg-gray-300 text-gray-800" title="Zoom Out">
                    <i class="bi bi-zoom-out"></i>
                </button>
                <button id="zoom-reset" class="bg-gray-200 hover:bg-gray-300 text-gray-800" title="Reset Zoom">
                    <i class="bi bi-zoom-reset"></i>
                </button>
                <button id="zoom-in" class="bg-gray-200 hover:bg-gray-300 text-gray-800" title="Zoom In">
                    <i class="bi bi-zoom-in"></i>
                </button>
            </div>
            <button id="close-pdf" class="bg-red-500 hover:bg-red-600 text-white ml-2">
                Close <i class="bi bi-x-lg"></i>
            </button>
        </div>
    </div>
    <div id="pdf-viewer" ></div>
    </div>

<?php include 'includes/footer.php'; ?>

<?php include('includes/scripts.php')?>
    <script>
        pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.10.377/pdf.worker.min.js';
    
    let pdfDoc = null,
        pageNum = 1,
        pageRendering = false,
        pageNumPending = null,
        scale = 1.5,
        currentScale = 1.0;
    
    document.addEventListener('DOMContentLoaded', function() {
        document.querySelectorAll('.view-pdf-btn').forEach(btn => {
            btn.addEventListener('click', function() {
                const pdfPath = this.getAttribute('data-pdf-path');
                const pdfTitle = this.closest('.material-card').querySelector('h3').textContent;
                
                document.getElementById('pdf-title').textContent = pdfTitle;
                document.getElementById('pdf-modal').classList.remove('hidden');
                
                loadPDF(pdfPath);
            });
        });
        
        document.getElementById('prev-page').addEventListener('click', function() {
            if (pdfDoc && pageNum > 1) {
                pageNum--;
                queueRenderPage(pageNum);
            }
        });
        
        document.getElementById('next-page').addEventListener('click', function() {
            if (pdfDoc && pageNum < pdfDoc.numPages) {
                pageNum++;
                queueRenderPage(pageNum);
            }
        });
        
        document.getElementById('close-pdf').addEventListener('click', function() {
            document.getElementById('pdf-modal').classList.add('hidden');
            pdfDoc = null;
        });
        
        // Zoom controls
        document.getElementById('zoom-in').addEventListener('click', function() {
            currentScale += 0.25;
            renderPage(pageNum);
        });
        
        document.getElementById('zoom-out').addEventListener('click', function() {
            if (currentScale > 0.5) {
                currentScale -= 0.25;
                renderPage(pageNum);
            }
        });
        
        document.getElementById('zoom-reset').addEventListener('click', function() {
            currentScale = 1.0;
            renderPage(pageNum);
        });
        
        // Handle window resize
        window.addEventListener('resize', function() {
            if (pdfDoc && !pageRendering) {
                renderPage(pageNum);
            }
        });
    });
    
    function loadPDF(url) {
        pdfjsLib.getDocument(url).promise.then(function(pdfDoc_) {
            pdfDoc = pdfDoc_;
            document.getElementById('page-num').textContent = `Page 1 of ${pdfDoc.numPages}`;
            currentScale = getInitialScale();
            renderPage(1);
        }).catch(function(error) {
            alert('Error loading PDF: ' + error.message);
            document.getElementById('pdf-modal').classList.add('hidden');
        });
    }
    
    function getInitialScale() {
        const viewer = document.getElementById('pdf-viewer');
        return Math.min(1.5, (viewer.clientWidth - 40) / 612); // Standard PDF width is 612pt
    }
    
    function renderPage(num) {
        pageRendering = true;
        
        pdfDoc.getPage(num).then(function(page) {
            const viewer = document.getElementById('pdf-viewer');
            viewer.innerHTML = '';
            
            // Use higher DPI for mobile devices
            const pixelRatio = window.devicePixelRatio || 1;
            const viewport = page.getViewport({ scale: currentScale * pixelRatio });
            
            const canvas = document.createElement('canvas');
            const context = canvas.getContext('2d');
            
            canvas.height = viewport.height;
            canvas.width = viewport.width;
            canvas.style.height = `${viewport.height / pixelRatio}px`;
            canvas.style.width = `${viewport.width / pixelRatio}px`;
            
            viewer.appendChild(canvas);
            
            const renderContext = {
                canvasContext: context,
                viewport: viewport
            };
            
            const renderTask = page.render(renderContext);
            
            renderTask.promise.then(function() {
                pageRendering = false;
                if (pageNumPending !== null) {
                    renderPage(pageNumPending);
                    pageNumPending = null;
                }
            });
        });
        
        document.getElementById('page-num').textContent = `Page ${num} of ${pdfDoc.numPages}`;
    }
    
    function queueRenderPage(num) {
        if (pageRendering) {
            pageNumPending = num;
        } else {
            renderPage(num);
        }
    }

// Handle window resize
    window.addEventListener('resize', function() {
        if (pdfDoc && !pageRendering) {
            renderPage(pageNum);
        }
    });
    </script>
</body>
</html>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: study.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation