{% extends "base.html.twig" %}

{% block title %}Accounts{% endblock %}

{% block content %}
    <h2>Accounts</h2>

    <p>
        <b>Actions:</b>
        <span>List accounts</span> |
        <a href="/accounts/new">Create account</a>
    </p>

    <h3>List of accounts</h3>

    <div class="filter_options">
        <form action="/accounts" method="GET">
            <h4>Filter:</h4>
            <label for="filter_domain">Domain: </label>
            <input name="domain" id="filter_domain" value="{{ filterDomain | default('') }}"/>
            <button type="submit">Apply</button>
            <button type="reset" onclick="location.href='/accounts'">Clear</button>
        </form>
    </div>

    <input type="checkbox" id="show_details_checkbox"><label for="show_details_checkbox"> Show detail columns</label>

    <table class="bordered_table">
        <tr>
            <th style="min-width: 15em">Username</th>
            <th style="min-width: 10em">Domain</th>
            <th>Aliases</th>
            <th>Active</th>
            <th class="detail_column">Home directory</th>
            <th class="detail_column" style="min-width: 10em">Memo</th>
            <th>Created</th>
            <th class="detail_column">Last modified</th>
        </tr>
        {% if accountList %}
            {% for account in accountList -%}
                <tr{% if not account.isActive() %} class="inactive"{% endif %}>
                    <td><a href="/accounts/{{ account.getId() }}">{{ account.getUsername() }}</a></td>
                    <td><a href="/accounts?domain={{ account.getDomain() }}">{{ account.getDomain() }}</a></td>
                    <td>{{ account.getAliasCount() }}</td>
                    <td>{{ account.isActive() ? 'Yes' : 'No' }}</td>
                    <td class="detail_column"><span class="gray">vmail/</span>{{ account.getHomeDir() }}</td>
                    <td class="detail_column">{{ account.getMemo() }}</td>
                    <td>{{ account.getCreatedAt() | date }}</td>
                    <td class="detail_column">{{ account.getModifiedAt() | date }}</td>
                </tr>
            {% endfor %}
        {% else %}
            <tr>
                <td colspan="100" style="text-align: center">No accounts found.</td>
            </tr>
        {% endif %}
    </table>
{% endblock %}