Update templates/index.html

templates/index.html

@@ -109,16 +109,17 @@
                 <input type="submit" value="Upload your Images" class="btn btn-outline-primary" />
             </form>
 
-            {% if session.get('uploaded_file') %}
-            <p class="mt-4">
-                Uploaded:
-                <span class="text-danger">{{ session.get('uploaded_file') }}</span>
-            </p>
-            <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>
+            {% 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>
             {% endif %}
         </div>