{% extends 'commands.html' %}

{% set sidebar_state = 'disabled' %}
{% set btn_back = true %}

{% block nav_setup %} active{% endblock %}
{% block nav_setup_setup %} active{% endblock %}
{% block content %}

<h1 class="m-5">{{_('Partition and Format')}}</h1>

<form method="GET" id="changeDiskForm">
    <input type="hidden" name="ips" value="{{ ips }}"/>
    <input type="hidden" name="selected_client" value="{{ base_client }}"/>
</form>

<form class="form-inline" method="POST" id="setupForm">
    <table class="table">
        <thead class="text-center">
            <tr>
                <th>{{ _('Disk') }}</th>
                <th>{{ _('Partition Table Type') }}</th>
                <th>{{ _('Total Disk Size') }} (MiB)</th>
            </tr>
        </thead>

        <tbody data-target="partitons-fieldset" id="setupTable" class="text-center">
                    <tr>
                        <td>
                            <select form="changeDiskForm" name="disk" onchange="this.form.submit()">
                            {% for disk in disks %}
                                <option {% if disk == selected_disk %}selected{% endif %}
                                        value="{{ disk }}">{{ disk }}</option>
                            {% endfor %}
                            </select>
                        </td>
                        {{ form.hidden_tag() }}
                        <td>{{ form.disk_type(class_="form-control") }}</td>
                        <td>{{ disk_size }}</td>
                    </tr>
        </tbody>
    </table>
    <table class="table">
        <thead class="text-center">
            <tr>
                <th>{{ _('Partition') }}</th>
                <th>{{ _('Type') }}</th>
                <th>{{ _('Filesystem') }}</th>
                <th>{{ _('Size') }} (MiB)</th>
                <th colspan="2"></th>
            </tr>
        </thead>

        <tbody data-target="partitons-fieldset" id="partitionsTable" class="text-center">
                {% for partition in form.partitions %}
                    <tr data-toggle="fieldset-entry">
                        {{ partition.hidden_tag() }}
                        <td>{{ partition.partition.data }}</td>
                        <td>{{ partition.part_type(class_="form-control") }}</td>
                        <td>{{ partition.fs(class_="form-control") }}</td>
                        <td>{{ partition.size(class_="form-control") }}</td>
                        <td>
                            <button class="btn btn-danger" type="button" onclick="RemovePartition(this)">
                                {{ _('Remove') }}
                            </button>
                        </td>
                    </tr>
                {% endfor %}
        </tbody>
    </table>
</form>

<button class="btn btn-primary" data-target="#partitionsTable" onclick="AddPartition(this)">
    {{ _('Add a new partition') }}
</button>

<button class="btn btn-success" form="setupForm">
    {{ _('Accept') }}
</button>

{% endblock %}