<div class="card mt-3">
    <div class="card-body">
        <h4>Description</h4>
        <div class="card-text"><p>{{ device.description }}</p></div>
        <table class="table table-bordered">
            <tr>
                <td><b>Serial Number:</b></td>
                <td><code>{{ device.serialnumber }}</code></td>
            </tr>
            <tr>
                <td><b>Category:</b></td>
                <td>{{ device.category }}</td>
            </tr>
            <tr>
                <td><b>Owner:</b></td>
                <td>{{ device.owner }}</td>
            </tr>
            <tr>
                <td><b>Customer:</b></td>
                <td><a href="{% url 'customer' device.customer.id %}">{{ device.customer }}</a></td>
            </tr>
            <tr>
                <td><b>Manufacturer:</b></td>
                {% if device.manufacturer %}
                <td><a href="{% url 'manufacturer' device.manufacturer.id %}">{{ device.manufacturer }}</a></td>
                {% else %}
                <td>{{ device.manufacturer }}</td>
                {% endif %}
            </tr>
            <tr>
                <td><b>Model:</b></td>
                <td>{{ device.model }}</td>
            </tr>

            <tr>
                <td><b>Location:</b></td>
                <td>{{ device.location }}</td>
            </tr>
            <tr>
                <td><b>Installation Date:</b></td>
                <td>{{ device.installation_date }}</td>
            </tr>
        </table>
            <a href="{% url 'device_update' pk %}" class="edit" title="Edit" data-toggle="tooltip"><i class="material-icons">edit</i></a>
            <a href="{% url 'device_delete' pk %}" class="delete" title="Delete" data-toggle="tooltip"><i class="material-icons">delete</i></a>
    </div>
</div>
