{% extends "base.html" %}

{% block title %}Edit User - SMTP Management{% endblock %}

{% block content %}
<div class="row">
    <div class="col-md-8">
        <div class="card">
            <div class="card-header">
                <h5 class="mb-0">
                    <i class="bi bi-person-fill-gear me-2"></i>
                    Edit User
                </h5>
            </div>
            <div class="card-body">
                <form method="POST">
                    <div class="mb-3">
                        <label for="email" class="form-label">Email Address</label>
                        <input type="email" 
                               class="form-control" 
                               id="email" 
                               name="email" 
                               value="{{ user.email }}"
                               required>
                    </div>
                    
                    <div class="mb-3">
                        <label for="password" class="form-label">Password</label>
                        <input type="password" 
                               class="form-control" 
                               id="password" 
                               name="password" 
                               placeholder="Leave blank to keep current password">
                        <div class="form-text">
                            Only enter a password if you want to change it
                        </div>
                    </div>
                    
                    <div class="mb-3">
                        <label for="domain_id" class="form-label">Domain</label>
                        <select class="form-select" id="domain_id" name="domain_id" required>
                            <option value="">Select a domain</option>
                            {% for domain in domains %}
                                <option value="{{ domain.id }}" 
                                        {% if domain.id == user.domain_id %}selected{% endif %}>
                                    {{ domain.domain_name }}
                                </option>
                            {% endfor %}
                        </select>
                    </div>
                    
                    <div class="mb-3">
                        <div class="form-check">
                            <input class="form-check-input" 
                                   type="checkbox" 
                                   id="can_send_as_domain" 
                                   name="can_send_as_domain"
                                   {% if user.can_send_as_domain %}checked{% endif %}>
                            <label class="form-check-label" for="can_send_as_domain">
                                <strong>Can send as domain</strong>
                            </label>
                            <div class="form-text">
                                Allow this user to send emails using any address within their domain
                            </div>
                        </div>
                    </div>
                    
                    <div class="d-flex gap-2">
                        <button type="submit" class="btn btn-primary">
                            <i class="bi bi-check-lg me-1"></i>
                            Update User
                        </button>
                        <a href="{{ url_for('email.users_list') }}" class="btn btn-secondary">
                            <i class="bi bi-x-lg me-1"></i>
                            Cancel
                        </a>
                    </div>
                </form>
            </div>
        </div>
    </div>
    
    <div class="col-md-4">
        <div class="card">
            <div class="card-header">
                <h6 class="mb-0">
                    <i class="bi bi-info-circle me-2"></i>
                    Current User Details
                </h6>
            </div>
            <div class="card-body">
                <dl class="row mb-0">
                    <dt class="col-sm-4">Email:</dt>
                    <dd class="col-sm-8">
                        <code>{{ user.email }}</code>
                    </dd>
                    <dt class="col-sm-4">Domain:</dt>
                    <dd class="col-sm-8">
                        {% for domain in domains %}
                            {% if domain.id == user.domain_id %}
                                <span class="badge bg-secondary">{{ domain.domain_name }}</span>
                            {% endif %}
                        {% endfor %}
                    </dd>
                    <dt class="col-sm-4">Status:</dt>
                    <dd class="col-sm-8">
                        {% if user.is_active %}
                            <span class="badge bg-success">
                                <i class="bi bi-check-circle me-1"></i>
                                Active
                            </span>
                        {% else %}
                            <span class="badge bg-danger">
                                <i class="bi bi-x-circle me-1"></i>
                                Inactive
                            </span>
                        {% endif %}
                    </dd>
                    <dt class="col-sm-4">Domain Sender:</dt>
                    <dd class="col-sm-8">
                        {% if user.can_send_as_domain %}
                            <span class="badge bg-success">
                                <i class="bi bi-check-circle me-1"></i>
                                Yes
                            </span>
                        {% else %}
                            <span class="badge bg-secondary">
                                <i class="bi bi-x-circle me-1"></i>
                                No
                            </span>
                        {% endif %}
                    </dd>
                    <dt class="col-sm-4">Created:</dt>
                    <dd class="col-sm-8">
                        <small class="text-muted">
                            {{ user.created_at.strftime('%Y-%m-%d %H:%M') }}
                        </small>
                    </dd>
                </dl>
            </div>
        </div>
        
        <div class="card mt-3">
            <div class="card-header">
                <h6 class="mb-0">
                    <i class="bi bi-shield-check me-2"></i>
                    User Permissions
                </h6>
            </div>
            <div class="card-body">
                <div class="alert alert-info mb-0">
                    <h6 class="alert-heading">
                        <i class="bi bi-info-circle me-2"></i>
                        Domain Sender Permission
                    </h6>
                    <ul class="mb-0 small">
                        <li><strong>Enabled:</strong> User can send emails using any address in their domain (e.g., admin@domain.com, support@domain.com)</li>
                        <li><strong>Disabled:</strong> User can only send emails from their own email address</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block extra_js %}
<script>
document.addEventListener('DOMContentLoaded', function() {
    // Auto-focus on email field
    document.getElementById('email').focus();
    
    // Password confirmation
    const passwordField = document.getElementById('password');
    let originalPlaceholder = passwordField.placeholder;
    
    passwordField.addEventListener('focus', function() {
        if (this.value === '') {
            this.placeholder = 'Enter new password to change';
        }
    });
    
    passwordField.addEventListener('blur', function() {
        if (this.value === '') {
            this.placeholder = originalPlaceholder;
        }
    });
});
</script>
{% endblock %}