{% load filters %}

{% if fortinet_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_support.recommended_release|coverage_class }} >
                        <td style="width: 40%">Recommended Release</td>
                        <td colspan="2">{{ fortinet_support.recommended_release|linebreaks }}</td>
                    </tr>
                    <tr {{ fortinet_support.desired_release_status|desired_release_status_class }}>
                        <td>Desired Release</td>
                        <td style="width: 40px"><i {{ fortinet_support.desired_release_status|coverage_class_boolian }}></i></td>
                        <td>{{ fortinet_support.desired_release }}</td>
                    </tr>
                    <tr {{ fortinet_support.current_release_status|current_release_status_class }}>
                        <td>Current Release</td>
                        <td style="width: 40px"><i {{ fortinet_support.current_release_status|coverage_class_boolian }}></i></td>
                        <td>{{ fortinet_support.current_release }}</td>
                    </tr>
                </tbody>
            </table>
            <div class="text-muted">Last updated: {{ fortinet_support.last_updated }}</div>
        </div>
    </div>
    <div class="card">
        <div class="card-body">
            <h5 class="card-header" style="padding:0px 0px 16px 0px">Fortinet Device Support</h5>
            <table class="table table-hover panel-body attr-table">
                <tbody>
                    <tr>
                        <td>Not implemented yet ...</td>
                    </tr>
                </tbody>
            </table>
            <div class="text-muted">Last updated: {{ fortinet_support.last_updated }}</div>
        </div>
    </div>
{% else %}
    {# No fortinet_support information available #}
{% endif %}