{% extends parent %}
{% import "bootstrap/wtf.html" as wtf %}

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

{% block nav_client %} active{% endblock %}
{% block nav_client_details %} active{% endblock %}
{% block nav_client_add %}active{% endblock %}
{% block content %}

{% set ip_list = [form.ip.data] %}

<h2 class="mx-5 subhead-heading">{{_('Client details')}}</h2>

<div class="container mt-5">
    <form method="POST">
        {{ form.hidden_tag() }}

        {{ form.server() }}
        {{ form.folder_id() }}

        <div class="form-group row">
            <label for="name" class="col-sm-2 col-form-label">{{ form.name.label }}</label>
            <div class="col-sm-9">
                {{ form.name(class="form-control") }}
            </div>
        </div>

        <div class="form-group row">
            <label for="ip" class="col-sm-2 col-form-label">{{ form.ip.label }}</label>
            <div class="col-sm-9">
                {{ form.ip(class="form-control") }}
            </div>
        </div>

        <div class="form-group row">
            <label for="mac" class="col-sm-2 col-form-label">{{ form.mac.label }}</label>
            <div class="col-sm-9">
                {{ form.mac(class="form-control") }}
            </div>
        </div>

        <div class="form-group row">
            <label for="serial_number" class="col-sm-2 col-form-label">{{ form.serial_number.label }}</label>
            <div class="col-sm-9">
                {{ form.serial_number(class="form-control") }}
            </div>
        </div>

        <div class="form-group row">
            <label for="livedir" class="col-sm-2 col-form-label">{{ form.livedir.label }}</label>
            <div class="col-sm-9">
                {{ form.livedir(class="form-control") }}
            </div>
        </div>

        <div class="form-group row">
            <label for="repo" class="col-sm-2 col-form-label">{{ form.repo.label }}</label>
            <div class="col-sm-9">
                {{ form.repo(class="form-control") }}
            </div>
        </div>

        <div class="form-group row">
            <label for="room" class="col-sm-2 col-form-label">{{ form.room.label }}</label>
            <div class="col-sm-9">
                {{ form.room(class="form-control") }}
            </div>
        </div>

        <div class="form-group row">
            <label for="boot" class="col-sm-2 col-form-label">{{ form.boot.label }}</label>
            <div class="col-sm-9">
                {{ form.boot(class="form-control") }}
            </div>
        </div>

        <div class="form-group">
            {{ form.submit(class="btn btn-primary") }}
        </div>
    </form>
</div>

{% if setup|length > 0 %}
<table class="table">
    <tbody class="text-center">
        <tr>
            <th>{{_('Partition')}}</th>
            <th>{{_('Type')}}</th>
            <th>{{_('Filesystem')}}</th>
            <th>{{_('Size')}} (MiB)</th>
            <th>{{_('Image')}}</th>
            <th colspan="2"></th>
        </tr>
    </tbody>
    <tbody class="text-center">
    {% for entry in setup %}
        <tr>
            <td>{{ entry.partition }}</td>
            <td>{{ entry.code }}</td>
            <td>{{ entry.filesystem }}</td>
            <td>{{ entry.size // 1024}}</td>
            <td>{{ entry.image }}</td>
        </tr>
    {% endfor %}
    </tbody>
</table>
{% endif %}

{% include 'cache_inspector.html' %}

{% endblock %}