Update templates/index.html

templates/index.html

@@ -109,17 +109,18 @@
                 <input type="submit" value="Upload your Images" class="btn btn-outline-primary" />
             </form>
 
-            {% if uploaded_files %}
-              <h4 class="mt-4">Uploaded Files:</h4>
-              <ul class="list-group">
-                  {% for file in uploaded_files %}
-                    <li class="list-group-item d-flex justify-content-between align-items-center"
-                      style="background-color: #3a4149; color: #e0e0e0;">
-                      {{ file }}
-                      <a href="{{ url_for('remove_file', filename=file) }}" class="remove-file" title="Remove File">&times;</a>
-                    </li>
-                  {% endfor %}
-              </ul>
+            {{% if session.get('uploaded_file') %}
+            <p class="mt-4">
+              Uploaded:
+              <span class="text-danger">{{ session.get('uploaded_file') }}</span>
+            </p>
+            <div class="file-actions">
+              <form action="{{ url_for('remove_file') }}" method="post">
+                <button type="submit" class="btn btn-outline-danger">
+                  <i class="bi bi-trash"></i> Remove Uploaded File
+                </button>
+              </form>
+            </div>
             {% endif %}
         </div>