{% extends 'layout.html' %}
{% block title %}RAID Control{%endblock%}
{% block title_html %}
    <h1><a href="{%url 'system'%}">System</a> RAID Control</h1>
{% endblock %}
{% block content %}
    <div class="instructions">
        The purpose of this page is to allow for an orderly 
        removal of a failing disk drive from the unit.
        On submitting the form the failing disk drive will be 
        removed from the multi-disk (RAID) array and the unit 
        will be powered down.
        You <strong>MUST</strong> record the serial number displayed 
        here and verify that the disk you are removing displays 
        this serial number.
    </div>
    <form class='primary-form' method="POST"  enctype="multipart/form-data">
    {% include 'formfields.html' %}
    <table class="primary">
        <thead>
            <tr><th>Array</th><th>Devices</th></tr>
        </thead>
        <tbody>
            {% for array in status.devices %}
                <tr class="raid-array">
                    <th>{{array.name}}</th>
                    <td><ul class="compact-list no-bullets">
                        {% for device in array.devices %}
                        <li class="raid-device {% if device.failure %}warning{% endif %}">
                            {{device.name}}
                        </li>
                        {% endfor %}
                    </ul></td>
                    {% if array.recovery %}
                        <td class="warning">
                            <div class="warning">Rebuild in progress</div>
                            <div class="raid percent" title="Rebuild progress">{{ array.recovery.progress }}</div>
                            <div class="raid expected" title="Expected rebuild completion">{{ array.recovery.finish }}</div>
                        </td>
                    {% endif %}
                </tr>
            {% endfor %}
        </tbody>
    </table>
    <div class="form-actions">
        {% if can_proceed %}
        <button class="primary">Remove and Shut Down</button>
        {% else %}
        <span class="warning">Cannot proceed</span>
        {% endif %}
    </div>
    </form>
    
{% endblock %}