{% extends 'layout.html' %}

{% block title %} Панель администратора {% endblock %}

{% block style %}
    body {
        font-family: Arial, sans-serif;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }
    .jumbotron {
        background-color: #f8f9fa;
        padding: 20px;
        margin: 20px;
        border-radius: 5px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }
    .jumbotron h1 {
        color: #ff7077;
    }
    .jumbotron h2 {
        color: #007bff;
    }
    .info-block {
        margin: 10px;
        padding: 10px;
        background-color: #f1f1f1;
        border-radius: 5px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }
    .tile-container {
        display: flex;
        flex-wrap: nowrap; /* Ensure tiles stay in a single line */
    }
    .info-block.stable-version {
        flex: 1; /* Distribute space equally among tiles */
    }
    table {
        width: 100%;
        border-collapse: collapse;
    }
    th, td {
        padding: 8px;
        text-align: left;
        border-bottom: 1px solid #ddd;
    }
    th {
        background-color: #f2f2f2;
        color: #333;
    }
{% endblock %}

{% block body %}
    <table>
        <thead>
            <tr>
                <th>Имя</th>
                <th>UserName</th>
                <th>Email</th>
                <th>Дата регистрации</th>
                <th>Последний успешный вход</th>
                <th>Последний IP</th>
                <th>Админ?</th>
                <th>Действия</th>
            </tr>
        </thead>
        <tbody>
            {% for user in all_user %}
                <tr>
                    <td><a href="/user_info/{{ user.username }}">{{ user.name }}</a></td>
                    <td>{{ user.username }}</td>
                    <td>{{ user.email }}</td>
                    <td>{{ user.registration_date }}</td>
                    <td>{{ user.last_successful_entry }}</td>
                    <td>{{ user.last_address }}</td>
                    <td>{{ user.is_admin }}</td>
                    {% if user.is_admin %}
                        <td>Админа не удалять!</td>
                    {% else %}
                         <td><button class="action-button restart" onclick="confirmAction('{{ url_for('user.delete_user', username=user.username) }}', 'Вы уверены, что хотите удалить пользователя  {{ user.username }}?')">Удалить</button></td>
                    {% endif %}
                </tr>
            {% endfor %}
        </tbody>
    </table>



<script>
    function confirmAction(url, message) {
        if (confirm(message)) {
            var form = document.createElement('form');
            form.setAttribute('method', 'post');
            form.setAttribute('action', url);
            document.body.appendChild(form);
            form.submit();
        }
    }
</script>
{% endblock %}