{% load filters %}

{% if fortinet_device_support %}
    <div class="card">
        <h5 class="card-header">Fortinet Software Release</h5>
        <div class="card-body">
            <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|linebreaks|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 class="text-muted">Last updated: {{ fortinet_device_support.last_updated }}</div>
        </div>
    </div>
    <div class="card">
        <h5 class="card-header">Fortinet License Coverage</h5>
        <div class="card-body">
            <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)'<br>
                            Not implemented yet ...
                        </td>
                        <td class="text-muted">
                            'Expiration Date'<br>
                            'Expiration Bar'<br>
                            Not implemented yet ...
                        </td>
                    </tr>
                </tbody>
            </table>
            <div class="text-muted">Last updated: {{ fortinet_device_support.last_updated }}</div>
        </div>
    </div>
    <div class="card">
        <h5 class="card-header">Fortinet Device Support</h5>
        <div class="card-body">
            <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" style="padding:16px 0px 16px 0px">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)'<br>
                            Not implemented yet ...
                        </td>
                        <td class="text-muted">
                            'Expiration Date'<br>
                            'Expiration Bar'<br>
                            Not implemented yet ...
                        </td>
                    </tr>
                </tbody>
            </table>
            <div class="text-muted">Last updated: {{ fortinet_device_support.last_updated }}</div>
        </div>
    </div>
{% endif %}