improve trash / starred view

templates/trash/trash.html

@@ -3,6 +3,10 @@
 
 {% block title %}Trash - DocuPulse{% endblock %}
 
+{% block extra_css %}
+<link rel="stylesheet" href="{{ url_for('static', filename='css/trash.css') }}">
+{% endblock %}
+
 {% block content %}
 {{ header(
     title="Trash",
@@ -16,6 +20,19 @@
 
 <div class="container-fluid py-4">
     <div class="card shadow-sm">
+        <div class="card-header d-flex justify-content-between align-items-center bg-white">
+            <div class="d-flex align-items-center gap-3">
+                <div class="btn-group btn-group-sm" role="group" style="margin-right: 0.5rem;">
+                    <button type="button" id="gridViewBtn" class="btn btn-outline-secondary active" onclick="toggleView('grid')">
+                        <i class="fas fa-th-large"></i>
+                    </button>
+                    <button type="button" id="listViewBtn" class="btn btn-outline-secondary" onclick="toggleView('list')">
+                        <i class="fas fa-list"></i>
+                    </button>
+                </div>
+                <h5 class="mb-0">Files</h5>
+            </div>
+        </div>
         <div class="card-body">
             {% include 'components/search_bar.html' %}
             <div id="fileGrid" class="row row-cols-1 row-cols-md-2 row-cols-lg-4 g-4"></div>
@@ -31,22 +48,5 @@
 
 {% block extra_js %}
 <script src="{{ url_for('static', filename='js/file-grid.js') }}"></script>
-<script>
-    document.addEventListener('DOMContentLoaded', function() {
-        // Add event listener for the empty trash button
-        const emptyTrashBtn = document.getElementById('emptyTrashBtn');
-        if (emptyTrashBtn) {
-            emptyTrashBtn.addEventListener('click', function(e) {
-                e.preventDefault();
-                showEmptyTrashModal();
-            });
-        }
-
-        // Add event listener for the confirm empty trash button
-        const confirmEmptyTrashBtn = document.getElementById('confirmEmptyTrash');
-        if (confirmEmptyTrashBtn) {
-            confirmEmptyTrashBtn.addEventListener('click', emptyTrash);
-        }
-    });
-</script>
+<script src="{{ url_for('static', filename='js/trash.js') }}"></script>
 {% endblock %}