{% extends "base.html" %}

{% block title %}Add User - Plutus{% endblock %}

{% block content %}
<div class="columns is-centered">
    <div class="column is-6">
        <div class="box">
            <h1 class="title">Add New User</h1>
            
            <form method="POST">
                <div class="field">
                    <label class="label">Username</label>
                    <div class="control has-icons-left">
                        <input class="input" type="text" name="username" placeholder="Username" required>
                        <span class="icon is-small is-left">
                            <i class="fas fa-user"></i>
                        </span>
                    </div>
                </div>

                <div class="field">
                    <label class="label">Full Name</label>
                    <div class="control has-icons-left">
                        <input class="input" type="text" name="full_name" placeholder="Full Name" required>
                        <span class="icon is-small is-left">
                            <i class="fas fa-id-card"></i>
                        </span>
                    </div>
                </div>

                <div class="field">
                    <label class="label">Email</label>
                    <div class="control has-icons-left">
                        <input class="input" type="email" name="email" placeholder="Email Address" required>
                        <span class="icon is-small is-left">
                            <i class="fas fa-envelope"></i>
                        </span>
                    </div>
                </div>

                <div class="field">
                    <label class="label">Password</label>
                    <div class="control has-icons-left">
                        <input class="input" type="password" name="password" placeholder="Password" required>
                        <span class="icon is-small is-left">
                            <i class="fas fa-lock"></i>
                        </span>
                    </div>
                </div>

                <div class="field">
                    <label class="label">Permissions</label>
                    <div class="control">
                        <input class="input" type="text" name="permissions" placeholder="Permissions (optional)">
                    </div>
                </div>

                <div class="field is-grouped">
                    <div class="control">
                        <button class="button is-primary" type="submit">
                            <span class="icon">
                                <i class="fas fa-plus"></i>
                            </span>
                            <span>Add User</span>
                        </button>
                    </div>
                    <div class="control">
                        <a class="button is-light" href="{{ url_for('auth.list_users') }}">Cancel</a>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
{% endblock %}