{% extends "admin/umbrellas.html" %}
{% block table %}
<div class="data-table-container">
    <table class="data">
        {% for umb in umbrellas %}
        {% if umb.id == edit %}
        <form method="post" action="/admin/umbrellas/edit">
            <input name="id" type="number" value="{{ umb.id }}" hidden />
            <tr id="{{ umb.id }}" class="{{ umb.status }}">
                <th rowspan=4>
                    {{ umb.id }} <br />
                    {{ status_dropdown(umb) }} <br />
                    <input type="submit" value="Submit" />
                </th>
                <td><input name="tenant_name" value="{{ umb.tenant_name }}" /></td>
            </tr>
            <tr class="{{ umb.status }}">
                <td><input name="tenant_id" type="number" value="{{ umb.tenant_id }}" /></td>
            </tr>
            <tr class="{{ umb.status }}">
                <td><input name="tenant_phone" type="tel" value="{{ umb.tenant_phone }}" /></td>
            </tr>
            <tr class="{{ umb.status }}">
                <td><input name="lent_at" type="datetime-local" value="{{ umb.lent_at }}" /></td>
            </tr>
        </form>
        {% else %}
        {# not edit mode #}
        {% if umb.status in ["lent", "overdue"] %}
        <tr id="{{ umb.id }}" class="{{ umb.status }}">
                <th rowspan=5>
                    {{ umb.id }} <br />
                    {{ umb.status }} <br />
                    <a href="/admin/umbrellas?edit={{ umb.id }}">Edit</a>
                </th>
                <td>{{ umb.tenant_name }}</td>
            </tr>
            <tr class="{{ umb.status }}"><td>{{ umb.tenant_id }}</td></tr>
            <tr class="{{ umb.status }}"><td>{{ umb.tenant_phone }}</td></tr>
            <tr class="{{ umb.status }}"><td>{{ umb.lent_at }}</td></tr>
            <tr class="{{ umb.status }}"><td>
                {{ umb.lent_time_ago }}
            </td></tr>
        {% else %}
        <tr id="{{ umb.id }}" class="{{ umb.status }}">
                <th colspan=2>
                    {{ umb.id }} <br />
                    {{ umb.status }} <br />
                    <a href="/admin/umbrellas?edit={{ umb.id }}#{{ umb.id }}">Edit</a>
                </th>
            </tr>
        {% endif %}
        {% endif %}
        {% endfor %}
    </table>
</div>
{% endblock %}