<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="Created" content="2026-04-13">
    <meta name="Author" content="Kārlis Grīnvalds">
    <meta name="Last edited" content="2026-05-13">
    <meta name="Edited by" content="Kārlis Grīnvalds">
    <meta name="csrf-token" content="<?= csrf_hash() ?>">
    <meta name="csrf-name" content="<?= csrf_token() ?>">
    <title><?php echo $Title ?></title>
    <script src="../js/jquery/jquery-3.7.1.min.js"></script>
    <script src="../js/files.js"></script>
    <script src="../js/script.js"></script>
    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="../css/elements.css">
    <link rel="stylesheet" href="../css/admin_panel.css">
</head>
<body>
    <?php echo $BodyParts ?>
    <!-- Shows create account and log in links or log out link and welcome message for the user -->
    <div id="UserProfile" class="user-profile"></div>
    <!-- Page layout -->
    <div class="container">
        <header>
            <!-- Search bar -->
            <div id="SearchBarDiv" class="search-bar">
                <input type="text" id="SearchField" placeholder="Search through the wiki">
                <button id="SearchBtn">Search</button>
            </div>
            <!-- Displays all the action that the user can do -->
            <div id="UserActionBar" class="action-bar"></div>
        </header>
        <div class="main">
            <!-- Main body -->
            <h1>Files</h1><hr>
            <table id="TableOfFiles" class="table borders">
                <tr class="yippee">
                    <th>File</th>
                    <th style="width: 20%">Name</th>
                    <th style="width: 20%">Upload date</th>
                    <th style="width: 20%">Last edited</th>
                    <th style="width: 10%">Actions</th>
                </tr>
                <tr class="yippee">
                    <td colspan="5">
                        <div class="search-item-field"><input id="FileSearchInput" type="text" placeholder="Find file"></div>
                    </td>
                </tr>
            </table>
        </div>
        <footer>Page: file list<br></footer>
    </div>
</body>
</html>