عنوان: توسعه وبسایت استاتیک مخزن فایل به نام "جت آپلود" به شکل داینامیک تشخیص خودکار پوشه ها و فایلها

نقش: طراح وبسایت و رابط کاربری خبره 

فایل موجود: index.html با متن زیر:
<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>مخزن فایل | دانلود مرکزی</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>

    <header class="site-header">
        <div class="container">
            <h1>📁 مخزن فایل</h1>
            <p>مرکز دانلود فایل‌های آموزشی آکادمی جت پکیج</p>
        </div>
    </header>

    <section class="search-box">
        <div class="container">
            <input type="text" id="searchInput" placeholder="جستجوی فایل‌ها... (مثال: لوگو، ویدیو، سرفصل)" class="search-input">
            <button id="resetSearch" class="reset-btn">✖ پاک کردن جستجو</button>
            <p class="result-count">تعداد فایل‌ها: <span id="fileCount">3</span></p>
        </div>
    </section>

    <main class="files-container">
        <div class="container">
            <div id="filesList" class="files-grid"></div>
        </div>
    </main>

    <footer class="site-footer">
        <div class="container">
            <p>© ۱۴۰۴ - تمامی حقوق محفوظ است | دانلود مستقیم و امن</p>
        </div>
    </footer>

    <script src="script.js"></script>
</body>
</html>

درخواست‌های جدید:

1- تغییر index.html به index.php برای تشخیص پوشه های کناری و فایلها و پوشه های داخل آنها

2- در دایرکتوری اصلی (/) هیچ فایلی نمایش داده نشود و فقط پوشه های غیر مخفی (بدون .)نمایش داده شوند

3- کاربر با کلیک روی هر یک از پوشه ها وارد آنها شده و با کلیک روی دکمه دانلود فایلها میتواند آنها را دانلود کند

4- ایجاد یک لیست مشاهده و دانلود فایلها مانند یک برنامه مدیریت فایل که به صورت لیست و هر آیتم دارای 4 فیلد است شامل:

   الف- شمارش تعداد دانلود فایل و نوشتن این عدد در کنار هر فایل

   ب- نمایش تعداد دانلود فایلهای داخل پوشه به صورت تجمیعی در کنار نام هر پوشه

   ج- نمایش حجم فایل در کنار نام فایل و حجم کلی پوشه در کنار نام پوشه

   د- دکمه دانلود به شکل آیکن ایموجی

   ه- امکان جستجوی نام فایل در همه پوشه ها و زیرپوشه ها داشته باشد

خروجی مورد انتظار:
- فایلهای لازم وبسایت (مانند index.php, style.css, script.js, db.php) به صورت جداگانه با ذکر نام و نوشتن متن کامل کدهای آنها
- در ساختار دایرکتوری اصلی (/) هیچ پوشه دیگری ساخته نشود و فایلهای برنامه بدون پوشه در این دایرکتوری قرار بگیرند و قابل نمایش نباشند (برای امنیت)
- برای ذخیره آمار دانلود از پایگاه داده استفاده شود و کدهای sql برای ساخت دیتابیس و جداول در محیط phpmyadmin را بنویس
- تاکید مهم: به دلیل لوکال بودن، از هیچ منبع آنلاین مثل کتابخانه، فریمورک یا فونت استفاده نشود
- از فونت با نام IRANSansWeb(FaNum).ttf که در کنار فایل اصلی قرار دارد استفاده شود
- پوشه بوت استرپ نیز با نام .bootstrap-5.3.8 در کنار فایل اصلی قرار گرفته است برای استفاده در پروژه (مخفی است تا در لیست پوشه ها نمایش داده نشود)