{% load filters %}

{% if fortinet_device_support %}
    <div class="card">
        <h5 class="card-header">Fortinet Software Release</h5>
        <table class="table table-hover panel-body attr-table">
            <tbody>
                <tr {{ fortinet_device_support.recommended_release|coverage_class }} >
                    <td style="width: 40%">Recommended Release</td>
                    <td colspan="2">{{ fortinet_device_support.recommended_release|linebreaksbr|placeholder }}</td>
                </tr>
                <tr {{ fortinet_device_support.desired_release_status|desired_release_status_class }}>
                    <td>Desired Release</td>
                    <td style="width: 40px"><i {{ fortinet_device_support.desired_release_status|coverage_class_boolian }}></i></td>
                    <td>{{ fortinet_device_support.desired_release|placeholder }}</td>
                </tr>
                <tr {{ fortinet_device_support.current_release_status|current_release_status_class }}>
                    <td>Current Release</td>
                    <td style="width: 40px"><i {{ fortinet_device_support.current_release_status|coverage_class_boolian }}></i></td>
                    <td>{{ fortinet_device_support.current_release|placeholder }}</td>
                </tr>
            </tbody>
        </table>
    </div>
    <div class="card">
        <h5 class="card-header">Fortinet License Coverage</h5>
        <table class="table table-hover panel-body attr-table">
            <tbody>
                <tr>
                    <td colspan="2" class="text-center text-muted">— Not implemented yet —</td>
                </tr>
                <tr>
                    <td style="width: 40%" class="text-muted">
                        'License Description'<br>
                        '(License Type)'
                    </td>
                    <td class="text-muted">
                        'Expiration Date'<br>
                        'Expiration Bar'
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    <div class="card">
        <h5 class="card-header">Fortinet Device Support</h5>
        <table class="table table-hover panel-body attr-table">
            <tbody>
                <tr {{ fortinet_device_support.partner|coverage_class }}>
                    <td style="width: 40%">Partner</td>
                    <td>{{ fortinet_device_support.partner|placeholder }}</td>
                </tr>
                <tr {{ fortinet_device_support.end_of_renewal_date|expiration_class }}>
                    <td>End of Renewal Date</td>
                    <td>
                        {{ fortinet_device_support.end_of_renewal_date|placeholder }}<br>
                        {% include "fortinet/inc/device_eor_bar.html" %}
                    </td>
                </tr>
                <tr {{ fortinet_device_support.end_of_support_date|expiration_class }}>
                    <td>End of Support Date</td>
                    <td>
                        {{ fortinet_device_support.end_of_support_date|placeholder }}<br>
                        {% include "fortinet/inc/device_eos_bar.html" %}
                    </td>
                </tr>
            </tbody>
        </table>
        <h6 class="card-header">Entitlements</h6>
        <table class="table table-hover panel-body attr-table">
            <tbody>
                <tr>
                    <td colspan="2" class="text-center text-muted">— Not implemented yet —</td>
                </tr>
                <tr>
                    <td style="width: 40%" class="text-muted">
                        'Support Description'<br>
                        '(Support Level)'
                    </td>
                    <td class="text-muted">
                        'Expiration Date'<br>
                        'Expiration Bar'
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
{% endif %}