Priority File Manager

Name	Type	Size	Actions
📁 ..	Folder	-
📄 aboutus-layout.php	File	1676	Edit Download
📄 article-layout.php	File	21975	Edit Download
📄 back-top.php	File	706	Edit Download
📄 body-layout.php	File	1313	Edit Download
📄 contactus-layout.php	File	4025	Edit Download
📄 department-layout.php	File	3736	Edit Download
📄 footer-layout.php	File	5862	Edit Download
📄 header-layout.php	File	451	Edit Download
📄 header-second.php	File	827	Edit Download
📄 index-layout.php	File	4027	Edit Download
📄 list-languages.php	File	5393	Edit Download
📄 list-news-layout.php	File	6488	Edit Download
📄 list-pdf-layout.php	File	4459	Edit Download
📄 main-func.php	File	59102	Edit Download
📄 main-layout.php	File	8313	Edit Download
📄 main-menu.php	File	3613	Edit Download
📄 mobile-menu.php	File	5453	Edit Download
📄 mobile-side.php	File	14998	Edit Download
📄 pdf-layout.php	File	3	Edit Download
📄 right_sidebar.php	File	3970	Edit Download
📄 search-layout.php	File	5408	Edit Download
📄 top-menu.php	File	1175	Edit Download
📄 top_slider.php	File	2320	Edit Download

<main id="content">
    <div class="container">
        <div class="row">
            
            <div class="col-12">
                <div class="breadcrumb u-breadcrumb pt-0 px-0 mb-0 bg-transparent small" style="margin-top:-5px;">
                    <a class="breadcrumb-item" href="index.php?lang=<?= $lang ?>"><?= $L['home'] ?></a>
                    &nbsp;&nbsp;&#187;&nbsp;&nbsp;<?= $L['archive']; ?>
                </div>
            </div>

<?php
                        $folder = 'service/images/pdf';
                        $files = glob("$folder/*.pdf");
                        rsort($files);

$perPage = 16;
                        $total = count($files);
                        $totalPages = ceil($total / $perPage);
                        $page = isset($_GET['page']) ? (int)$_GET['page'] : 1;
                        $page = max(1, min($totalPages, $page));

$start = ($page - 1) * $perPage;
                        $filesPage = array_slice($files, $start, $perPage);

echo '<div class="row">';
                        foreach ($filesPage as $file) {
                            $filename = basename($file, '.pdf');
                            $pdf_url = "$folder/$filename.pdf";
                            $img_url = "$folder/$filename.jpg";

echo <<<HTML
<div class="col-md-4 col-sm-5 col-6 mb-4">
    <div class="card h-100 shadow-sm position-relative overflow-hidden">
        <a href="$pdf_url" target="_blank" class="d-block">
            <div class="card-img-container">
HTML;

if (file_exists($img_url)) {
                                echo "<img src='$img_url' loading='lazy' class='w-100 h-100' style='object-fit:cover;' alt='العدد $filename'>";
                            } else {
                                echo "<canvas class='pdf-canvas w-100 h-100' data-pdf='$pdf_url' style='background:#f4f4f4;'></canvas>";
                            }

echo <<<HTML
                <div class="overlay-title">العدد $filename</div>
            </div>
        </a>
    </div>
</div>
HTML;
                        }
                        echo '</div>';

echo '<nav aria-label="Page navigation"><ul class="pagination justify-content-center">';
                        for ($i = 1; $i <= $totalPages; $i++) {
                            $active = ($i == $page) ? 'active' : '';
                            echo "<li class='page-item $active'><a class='page-link' href='?page=$i'>$i</a></li>";
                        }
                        echo '</ul></nav>';
                        ?>

<?php include('right_sidebar.php'); ?>
        </div>
    </div>
</main>

<style>
.overlay-title {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    padding: 5px 6px;
    font-size: 0.85rem;
    font-weight: bold;
    text-align: center;
    text-shadow: 0 0 3px #000;
}

/* الحاوية الخاصة بالصورة أو الـ canvas */
.card-img-container {
    position: relative;
    overflow: hidden;
    aspect-ratio: 3 / 4; /* ارتفاع نسبي جيد للموبايل */
}

/* لأجهزة التابلت والديسكتوب */
@media (min-width: 768px) {
    .card-img-container {
        height: 340px;
        aspect-ratio: auto;
    }
}
</style>