{% extends "base.html" %}

{% block title %}{{ title }} - AsapLoads POS{% endblock %}

{% block header_title %}{{ title }}{% endblock %}

{% block content %}
<div class="card">
    <div class="card-header">
        <h5 class="card-title mb-0">{{ title }}</h5>
    </div>
    <div class="card-body">
        <form method="post">
            {% csrf_token %}
            
            <div class="row mb-3">
                <div class="col-md-6">
                    <label for="{{ form.email.id_for_label }}" class="form-label">Email</label>
                    {{ form.email }}
                    {% if form.email.errors %}
                        <div class="text-danger">
                            {{ form.email.errors.0 }}
                        </div>
                    {% endif %}
                </div>
                <div class="col-md-6">
                    <label for="{{ form.password.id_for_label }}" class="form-label">Password</label>
                    {{ form.password }}
                    {% if form.password.errors %}
                        <div class="text-danger">
                            {{ form.password.errors.0 }}
                        </div>
                    {% endif %}
                    {% if user_obj %}
                        <small class="form-text text-muted">Leave empty to keep current password.</small>
                    {% endif %}
                </div>
            </div>
            
            <div class="row mb-3">
                <div class="col-md-6">
                    <label for="{{ form.first_name.id_for_label }}" class="form-label">First Name</label>
                    {{ form.first_name }}
                    {% if form.first_name.errors %}
                        <div class="text-danger">
                            {{ form.first_name.errors.0 }}
                        </div>
                    {% endif %}
                </div>
                <div class="col-md-6">
                    <label for="{{ form.last_name.id_for_label }}" class="form-label">Last Name</label>
                    {{ form.last_name }}
                    {% if form.last_name.errors %}
                        <div class="text-danger">
                            {{ form.last_name.errors.0 }}
                        </div>
                    {% endif %}
                </div>
            </div>
            
            <div class="row mb-3">
                <div class="col-md-6">
                    <label for="{{ form.role.id_for_label }}" class="form-label">Role</label>
                    {{ form.role }}
                    {% if form.role.errors %}
                        <div class="text-danger">
                            {{ form.role.errors.0 }}
                        </div>
                    {% endif %}
                </div>
                <div class="col-md-6">
                    <label for="{{ form.branch.id_for_label }}" class="form-label">Branch</label>
                    {{ form.branch }}
                    {% if form.branch.errors %}
                        <div class="text-danger">
                            {{ form.branch.errors.0 }}
                        </div>
                    {% endif %}
                </div>
            </div>
            
            <div class="form-check mb-3">
                {{ form.is_active }}
                <label class="form-check-label" for="{{ form.is_active.id_for_label }}">
                    Active
                </label>
                {% if form.is_active.errors %}
                    <div class="text-danger">
                        {{ form.is_active.errors.0 }}
                    </div>
                {% endif %}
            </div>
            
            <div class="d-flex justify-content-between">
                <a href="{% url 'user_list' %}" class="btn btn-secondary">Cancel</a>
                <button type="submit" class="btn btn-primary">Save</button>
            </div>
        </form>
    </div>
</div>
{% endblock %}