{% extends "layout.html" %}

{% block title %}Users - Flask MVC App{% endblock %}

{% block content %}
<div class="page-header">
    <h1>Users</h1>
    <a href="{{ url_for('user.new') }}" class="btn btn-primary">Add New User</a>
</div>

<div class="search-bar">
    <form method="GET" action="{{ url_for('user.index') }}">
        <input type="text" name="search" placeholder="Search users..." value="{{ search_query or '' }}"
            class="search-input">
        <button type="submit" class="btn btn-secondary">Search</button>
        {% if search_query %}
        <a href="{{ url_for('user.index') }}" class="btn btn-link">Clear</a>
        {% endif %}
    </form>
</div>

<div class="users-table">
    <table>
        <thead>
            <tr>
                <th>ID</th>
                <th>Username</th>
                <th>Email</th>
                <th>Full Name</th>
                <th>Status</th>
                <th>Created At</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            {% if users %}
            {% for user in users %}
            <tr>
                <td>{{ user.id }}</td>
                <td>{{ user.username }}</td>
                <td>{{ user.email }}</td>
                <td>{{ user.first_name }} {{ user.last_name }}</td>
                <td>
                    <span class="badge badge-{{ 'success' if user.is_active else 'danger' }}">
                        {{ 'Active' if user.is_active else 'Inactive' }}
                    </span>
                </td>
                <td>{{ user.created_at[:10] if user.created_at else 'N/A' }}</td>
                <td class="actions">
                    <a href="{{ url_for('user.show', user_id=user.id) }}" class="btn btn-sm btn-info">View</a>
                    <a href="{{ url_for('user.edit', user_id=user.id) }}" class="btn btn-sm btn-warning">Edit</a>
                    <form method="POST" action="{{ url_for('user.delete', user_id=user.id) }}" style="display: inline;"
                        onsubmit="return confirm('Are you sure?');">
                        <button type="submit" class="btn btn-sm btn-danger">Delete</button>
                    </form>
                </td>
            </tr>
            {% endfor %}
            {% else %}
            <tr>
                <td colspan="7" class="text-center">No users found</td>
            </tr>
            {% endif %}
        </tbody>
    </table>
</div>

{% if pages > 1 %}
<div class="pagination">
    {% if page > 1 %}
    <a href="{{ url_for('user.index', page=page-1) }}" class="btn">Previous</a>
    {% endif %}

    <span>Page {{ page }} of {{ pages }}</span>

    {% if page < pages %} <a href="{{ url_for('user.index', page=page+1) }}" class="btn">Next</a>
        {% endif %}
</div>
{% endif %}

<div class="stats">
    <p>Total Users: <strong>{{ total }}</strong></p>
</div>
{% endblock %}