{% load filters %}

<div class="card">
    <h5 class="card-header">Cisco Device Support Information</h5>
    <div class="card-body">
        <table class="table table-hover panel-body attr-table">
            <tbody>
                {% if cisco_device_support %}
                    <tr>
                        <td style="width: 40%" {{ cisco_device_support.coverage_end_date }}>Is Covered by Contract?</td>
                        <td><i class="mdi {% if cisco_device_support.is_covered %}mdi-check-bold text-success{% else %}mdi-close-thick text-danger{% endif %}"></i></td>
                    </tr>
                    <tr {{ cisco_device_support.service_line_descr|coverage_class }}>
                        <td>Service Contract Description</td>
                        <td>{{ cisco_device_support.service_line_descr }}</td>
                    </tr>
                    <tr {{ cisco_device_support.coverage_end_date|expiration_class }}>
                        <td>End of Contract Coverage Date</td>
                        <td>{{ cisco_device_support.coverage_end_date }}</td>
                    </tr>
                    <tr {{ cisco_device_support.warranty_end_date|expiration_class }}>
                        <td>End of Warranty Date</td>
                        <td>{{ cisco_device_support.warranty_end_date }}</td>
                    </tr>
                {% else %}
                    {% include "netbox_cisco_support_plugin/no_data_available.html" %}
                {% endif %}
            </tbody>
        </table>
        {% if cisco_device_support %}
            <div class="text-muted">Plugin last updated: {{ cisco_device_support.last_updated }}</div>
        {% endif %}
    </div>
</div>

{% include "netbox_cisco_support_plugin/cisco_support_device_type.html" %}