{% extends "layout.html" %}

{% block title %}{{ 'Edit User' if user else 'New User' }} - Flask MVC App{% endblock %}

{% block content %}
<div class="page-header">
    <h1>{{ 'Edit User' if user else 'Create New User' }}</h1>
    <a href="{{ url_for('user.index') }}" class="btn btn-secondary">Back to List</a>
</div>

<div class="form-container">
    <form method="POST" action="{{ url_for('user.update', user_id=user.id) if user else url_for('user.create') }}" 
          class="user-form">
        {% if user %}
            <input type="hidden" name="_method" value="PUT">
        {% endif %}

        <div class="form-group">
            <label for="username">Username *</label>
            <input type="text" id="username" name="username" 
                   value="{{ user.username if user else '' }}" 
                   required 
                   {% if user %}readonly{% endif %}
                   class="form-control">
            <small class="form-text">3-20 characters, alphanumeric and underscores only</small>
        </div>

        <div class="form-group">
            <label for="email">Email *</label>
            <input type="email" id="email" name="email" 
                   value="{{ user.email if user else '' }}" 
                   required 
                   class="form-control">
        </div>

        <div class="form-group">
            <label for="first_name">First Name</label>
            <input type="text" id="first_name" name="first_name" 
                   value="{{ user.first_name if user else '' }}" 
                   class="form-control">
        </div>

        <div class="form-group">
            <label for="last_name">Last Name</label>
            <input type="text" id="last_name" name="last_name" 
                   value="{{ user.last_name if user else '' }}" 
                   class="form-control">
        </div>

        <div class="form-actions">
            <button type="submit" class="btn btn-primary">
                {{ 'Update User' if user else 'Create User' }}
            </button>
            <a href="{{ url_for('user.index') }}" class="btn btn-secondary">Cancel</a>
        </div>
    </form>
</div>
{% endblock %}