<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>View Inventory</title> {% include 'favicon.html' %} <link href="{{ url_for('static', filename='css/bootstrap.min.css') }}" rel="stylesheet"> <link href="{{ url_for('static', filename='css/layout.css') }}" rel="stylesheet"> <link href="{{ url_for('static', filename='css/view_table.css') }}" rel="stylesheet"> </head> <body class="d-flex flex-column"> {% include 'header.html' %} <main class="container-fluid mt-5 pt-3 px-4"> <div class="d-flex justify-content-between align-items-center mb-4"> <h2>All Items</h2> </div> <div class="table-container"> <table class="table table-striped table-hover table-bordered"> <thead class="table-light"> <tr> {% for attrib in item_attributes %} <th>{{ attrib.display_name }}</th> {% endfor %} <th class="action-buttons">Actions</th> </tr> </thead> <tbody> {% for item in items %} <tr> {% for attrib in item_attributes %} <td>{{ item[attrib.attrib_name] }}</td> {% endfor %} <td class="action-buttons"> <div class="d-flex gap-2"> <a href="/update/{{ item[primary_attrib] }}" class="btn btn-sm btn-outline-primary"> Edit </a> <form action="/delete/{{ item[primary_attrib] }}" method="get" class="d-inline"> <button type="submit" class="btn btn-sm btn-outline-danger"> Delete </button> </form> </div> </td> </tr> {% endfor %} </tbody> </table> </div> </main> {% include 'footer.html' %} <script src="{{ url_for('static', filename='js/bootstrap.bundle.min.js') }}"></script> </body> </html>