{% extends "base.html" %}

{% block title %}Users{% endblock %}

{% block content %}

<div class="page-header">

    <div>

        <h1>
            Users
        </h1>

        <p class="text-muted">
            Manage system users
        </p>

    </div>

    <a href="{{ url_for('add_user') }}"
       class="btn btn-primary">

        + Add User

    </a>

</div>


<div class="card">

    <div class="card-body">

        <div class="table-responsive">

            <table class="table table-hover align-middle">

                <thead>

                    <tr>

                        <th>#</th>
                        <th>Full Name</th>
                        <th>Username</th>
                        <th>Email</th>
                        <th>Role</th>
                        <th>Status</th>
                        <th>Created</th>
                        <th>Actions</th>

                    </tr>

                </thead>

                <tbody>

                {% for user in users %}

                    <tr>

                        <td>
                            {{ user.id }}
                        </td>

                        <td>
                            {{ user.full_name }}
                        </td>

                        <td>
                            {{ user.username }}
                        </td>

                        <td>
                            {{ user.email }}
                        </td>

                        <td>
                            {{ user.role }}
                        </td>

                        <td>

                            {% if user.status %}

                                <span class="badge bg-success">
                                    Active
                                </span>

                            {% else %}

                                <span class="badge bg-secondary">
                                    Inactive
                                </span>

                            {% endif %}

                        </td>

                        <td>
                            {{ user.created_at.strftime('%Y-%m-%d') }}
                        </td>

                        <td>

                            {% if user.id != session.get('user_id') %}

                            <div class="d-flex gap-1">

                                <form
                                    method="POST"
                                    action="{{ url_for('toggle_user', user_id=user.id) }}">

                                    <button
                                        type="submit"
                                        class="btn btn-sm btn-warning">

                                        {% if user.status %}
                                            Disable
                                        {% else %}
                                            Enable
                                        {% endif %}

                                    </button>

                                </form>


                                <form
                                    method="POST"
                                    action="{{ url_for('delete_user', user_id=user.id) }}"
                                    onsubmit="return confirm('Delete this user?');">

                                    <button
                                        type="submit"
                                        class="btn btn-sm btn-danger">

                                        Delete

                                    </button>

                                </form>

                            </div>

                            {% else %}

                                <span class="text-muted">
                                    Current user
                                </span>

                            {% endif %}

                        </td>

                    </tr>

                {% endfor %}

                </tbody>

            </table>

        </div>

    </div>

</div>

{% endblock %}