{% load filters %}

{% if purestorage_device_support %}
    <div class="card">
        <h5 class="card-header">Pure Storage Software Release</h5>
        <table class="table table-hover panel-body attr-table">
            <tbody>
                <tr {{ purestorage_device_support.recommended_release|coverage_class }} >
                    <td style="width: 40%">Recommended Release</td>
                    <td colspan="2">{{ purestorage_device_support.recommended_release|linebreaksbr|placeholder }}</td>
                </tr>
                <tr {{ purestorage_device_support.current_release|coverage_class }} >
                    <td>Current Release</td>
                    <td colspan="2">{{ purestorage_device_support.current_release|placeholder }}</td>
                </tr>
            </tbody>
        </table>
    </div>
    <div class="card">
        <h5 class="card-header">Pure Storage License Coverage</h5>
        <table class="table table-hover panel-body attr-table">
            <tbody>
                <tr>
                    <td class="text-center text-muted">— Not implemented yet —</td>
                </tr>
            </tbody>
        </table>
    </div>
    <div class="card">
        <h5 class="card-header">Pure Storage Device Support</h5>
        <table class="table table-hover panel-body attr-table">
            <tbody>
                <tr>
                    <td class="text-center text-muted">— Not implemented yet —</td>
                </tr>
            </tbody>
        </table>
    </div>
{% endif %}