<?php
// Grid View (folders, images, other files)
?>
<div id="gridView" style="display:none;">
    <div class="grid-container">

        <!-- Folders -->
        <?php foreach ($folders as $f): ?>
            <div class="text-center">
                <a href="?path=<?= urlencode(trim($path . '/' . $f, '/')) ?>" class="text-decoration-none">
                    <div class="icon mb-2">📁</div>
                    <div><?= htmlspecialchars($f) ?></div>
                </a>

                <div class="mt-2">
                    <button class="btn btn-sm btn-outline-secondary"
                            data-bs-toggle="modal"
                            data-bs-target="#renameModal"
                            data-item="<?= htmlspecialchars($f) ?>">
                        Rename
                    </button>

                    <a href="delete.php?path=<?= urlencode($path) ?>&item=<?= urlencode($f) ?>"
                       class="btn btn-sm btn-outline-danger"
                       onclick="return confirm('Delete folder and all contents?');">
                        Delete
                    </a>
                </div>
            </div>
        <?php endforeach; ?>

        <!-- Images -->
        <?php foreach ($images as $img): ?>
            <div class="text-center">
                <a href="view.php?path=<?= urlencode($path) ?>&file=<?= urlencode($img) ?>">
                    <img src="serve.php?path=<?= urlencode($path) ?>&file=<?= urlencode($img) ?>"
                         class="grid-thumb mb-2">
                </a>

                <div><?= htmlspecialchars($img) ?></div>

                <div class="mt-2">
                    <button class="btn btn-sm btn-outline-secondary"
                            data-bs-toggle="modal"
                            data-bs-target="#renameModal"
                            data-item="<?= htmlspecialchars($img) ?>">
                        Rename
                    </button>

                    <a href="delete.php?path=<?= urlencode($path) ?>&item=<?= urlencode($img) ?>"
                       class="btn btn-sm btn-outline-danger"
                       onclick="return confirm('Delete this file?');">
                        Delete
                    </a>
                </div>
            </div>
        <?php endforeach; ?>

        <!-- Other Files -->
        <?php foreach ($others as $o): ?>
            <div class="text-center">
                <a href="serve.php?path=<?= urlencode($path) ?>&file=<?= urlencode($o) ?>" class="text-decoration-none">
                    <div class="icon mb-2">📄</div>
                    <div><?= htmlspecialchars($o) ?></div>
                </a>

                <div class="mt-2">
                    <button class="btn btn-sm btn-outline-secondary"
                            data-bs-toggle="modal"
                            data-bs-target="#renameModal"
                            data-item="<?= htmlspecialchars($o) ?>">
                        Rename
                    </button>

                    <a href="delete.php?path=<?= urlencode($path) ?>&item=<?= urlencode($o) ?>"
                       class="btn btn-sm btn-outline-danger"
                       onclick="return confirm('Delete this file?');">
                        Delete
                    </a>
                </div>
            </div>
        <?php endforeach; ?>

    </div>
</div>
