<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CSV Preview</title> <script src="{{ url_for('static', filename='edited _csv.js') }}"></script> </head> <body> <h1>CSV Preview</h1> <!-- Display CSV data in a table --> {% if new_assets %} <p>New assets:</p> <table border="1"> <thead> <tr> <th>Asset Tag</th> <th>Hostname</th> <th>Warranty From</th> <th>Status</th> <th>Staff Number</th> </tr> </thead> <tbody> {% for asset in new_assets %} <tr> <td contenteditable="true">{{ asset.assettag }}</td> <td contenteditable="true">{{ asset.hostname }}</td> <td contenteditable="true">{{ asset.warrantyfrom }}</td> <td contenteditable="true">{{ asset.status }}</td> <td contenteditable="true">{{ asset.staffnum }}</td> </tr> {% endfor %} </tbody> </table> {% endif %} {% if existing %} <p>These assets are already in the database:</p> <table border="1"> <thead> <tr> <th>Asset Tag</th> <th>Hostname</th> <th>Warranty From</th> <th>Status</th> <th>Staff Number</th> </tr> </thead> <tbody> {% for asset in existing %} <tr> <td>{{ asset.assettag }}</td> <td>{{ asset.hostname }}</td> <td>{{ asset.warrantyfrom }}</td> <td>{{ asset.status }}</td> <td>{{ asset.staffnum }}</td> </tr> {% endfor %} </tbody> </table> {% endif %} <!-- Form button to confirm and save data --> {% if new_assets %} <form action="/confirm_save" method="POST" onsubmit="collectEditedData()"> <button type="submit">Confirm and Save to Database</button> </form> {% endif %} <!-- Cancel button that redirects to the home page --> <button type="button" onclick="window.location.href='/'">Cancel</button> </body> </html>