<!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>