{% extends "admin/umbrellas.html" %}
{% block table %}
<div class="data-table-container">
    <table class="data">
        <thead>
            <tr>
                <th>#</th>
                <th>Status</th>
                <th>Tenant</th>
                <th>ID</th>
                <th>Phone</th>
                <th colspan=2>Lent at</th>
            </tr>
        </thead>
        <tbody>
            {% for umb in umbrellas %}
            <tr id="{{ umb.id }}" class="{{ umb.status }}">
            {% if umb.id == edit %}
            <form method="post" action="/admin/umbrellas/edit">
                <input name="id" type="number" value="{{ umb.id }}" hidden/>
                <td>{{ umb.id }}</td>
                <td>{{ status_dropdown(umb) }}</td>
                <td><input name="tenant_name" value="{{ umb.tenant_name }}" class="db-edit" /></td>
                <td><input name="tenant_id" type="number" value="{{ umb.tenant_id }}" class="db-edit" /></td>
                <td><input name="tenant_phone" type="tel" value="{{ umb.tenant_phone }}" class="db-edit" /></td>
                <td><input name="lent_at" type="datetime-local" value="{{ umb.lent_at }}"/></td>
                <td></td>
                <td>
                    <input type="submit" value="Submit" />
                </td>
            </form>
            {% else %}
                <td>{{ umb.id }}</td>
                <td>{{ umb.status }}</td>
                <td>{{ umb.tenant_name }}</td>
                <td>{{ umb.tenant_id }}</td>
                <td>{{ umb.tenant_phone }}</td>
                <td>{{ umb.lent_at }}</td>
                <td>{{ umb.lent_time_ago }}</td>
                <td>
                    <a href="/admin/umbrellas?edit={{ umb.id }}#{{ umb.id }}">Edit</a>
                </td>
            {% endif %}
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% endblock %}