{% extends 'serialnumber_temp/base.html' %}

{% block title %}Serial Number List{% endblock %}

{% block content %}

<h1> <a href="{% url 'create_serialnumber' %} " style="text-decoration: none; color: #007bff; padding: 5px 10px; border: 1px solid #007bff; border-radius: 5px; background-color: #f2f2f2;">Create New Serial Number</a></h1>
    
    {% if messages %}
    <div class="alert alert-danger" role="alert">
                {% for message in messages %}
                {{ message }}
                {% endfor %}
    </div>  
    {% endif %}
        
    <h2>Serial Number List</h2>
    <table>
        <thead>
            <tr>
                <th>Serial Number</th>
                <th>Product</th>
                <th>Customer</th>
                <th>Order</th>
                <th>Actions 1</th>
                <th>Actions 2</th>

            </tr>
        </thead>
        <tbody>
            {% for serial_number in serial_numbers %}
                <tr>
                    <td>{{ serial_number.serial_number }}</td>
                    <td>{{ serial_number.product }}</td>
                    <td>{{ serial_number.customer }}</td>
                    <td>{{ serial_number.order }}</td>
                    <td>
                        <a href="{% url 'edit_serialnumber' serial_number.pk %}">Edit</a>
                    </td>
                    <td>
                        <a href="{% url 'delete_serialnumber' serial_number.pk %}">Delete</a>
                    </td>
                </tr>
            {% endfor %}
        </tbody>
    </table>
    
{% endblock %}