Create templates/dashboard.html

app/templates/dashboard.html

@@ -0,0 +1,37 @@
+{% extends "base.html" %}
+
+{% block content %}
+<div class="filters">
+    <input type="text" name="query" placeholder="Search ads..." value="{{ query }}">
+    <select name="sentiment">
+        <option value="">All Sentiments</option>
+        <option value="Positive" {% if sentiment_filter == "Positive" %}selected{% endif %}>Positive</option>
+        <option value="Negative" {% if sentiment_filter == "Negative" %}selected{% endif %}>Negative</option>
+    </select>
+    <button type="button" onclick="applyFilters()">Apply</button>
+</div>
+
+<div class="ads-list">
+    {% for ad in ads.items %}
+    <div class="ad-card">
+        <p>{{ ad.content }}</p>
+        <span class="sentiment">{{ ad.sentiment }}</span>
+    </div>
+    {% endfor %}
+</div>
+
+<div class="pagination">
+    {% for p in range(1, ads.pages + 1) %}
+    <a href="?page={{ p }}&query={{ query }}&sentiment={{ sentiment_filter }}" 
+       class="{% if p == ads.page %}active{% endif %}">{{ p }}</a>
+    {% endfor %}
+</div>
+
+<script>
+    function applyFilters() {
+        const query = document.querySelector('input[name="query"]').value;
+        const sentiment = document.querySelector('select[name="sentiment"]').value;
+        window.location.href = `?query=${query}&sentiment=${sentiment}`;
+    }
+</script>
+{% endblock %}