# ==============================================================================
#   Formeleon - Multi-tenant Form Generator
#   Author: Björn Runden <br@runden.net>
#   Template: admin/users/view.html
#   Description: View and edit user details with role management.
# ============================================================================== #}

{% extends "base.html" %}

{% block title %}{{ target_user.name }} - Formeleon{% endblock %}

{% block content %}
<div class="container">
    <div class="row mb-4">
        <div class="col-12 d-flex justify-content-between align-items-center">
            <div>
                <h1><i class="bi bi-person"></i> {{ target_user.name }}</h1>
                <p class="text-muted mb-0">
                    Email: {{ target_user.email }} | 
                    Role: <span class="badge bg-{{ 'primary' if target_user.role.value == 'admin' else 'success' if target_user.role.value == 'tenant_admin' else 'info' if target_user.role.value == 'user' else 'secondary' }}">
                        {{ target_user.role.value }}
                    </span>
                </p>
            </div>
            <div>
                <a href="{{ url_for('admin.list_users') }}" class="btn btn-outline-secondary">
                    <i class="bi bi-arrow-left"></i> Back to Users
                </a>
                <a href="{{ url_for('admin.manage_user_tenants', user_id=target_user.id) }}" class="btn btn-outline-info">
                    <i class="bi bi-buildings"></i> Manage Tenants
                </a>
            </div>
        </div>
    </div>
    
    <div class="row">
        {# User Details Card #}
        <div class="col-lg-6 mb-4">
            <div class="card">
                <div class="card-header bg-light">
                    <h5><i class="bi bi-info-circle"></i> User Details</h5>
                </div>
                <div class="card-body">
                    <dl class="row mb-0">
                        <dt class="col-sm-4">User ID:</dt>
                        <dd class="col-sm-8"><code>{{ target_user.id }}</code></dd>
                        
                        <dt class="col-sm-4">Email:</dt>
                        <dd class="col-sm-8">{{ target_user.email }}</dd>
                        
                        <dt class="col-sm-4">Name:</dt>
                        <dd class="col-sm-8">{{ target_user.name }}</dd>
                        
                        <dt class="col-sm-4">OIDC Subject:</dt>
                        <dd class="col-sm-8"><code>{{ target_user.sub or 'N/A' }}</code></dd>
                        
                        <dt class="col-sm-4">Role:</dt>
                        <dd class="col-sm-8">
                            <form method="POST" action="{{ url_for('admin.update_user_role', user_id=target_user.id) }}" class="d-inline">
                                <select name="role" class="form-select form-select-sm d-inline-block" style="width: 200px;" 
                                        onchange="this.form.submit()">
                                    {% for role in ['admin', 'tenant_admin', 'user', 'viewer'] %}
                                    <option value="{{ role }}" {% if target_user.role.value == role %}selected{% endif %}>{{ role }}</option>
                                    {% endfor %}
                                </select>
                            </form>
                        </dd>
                        
                        <dt class="col-sm-4">Created:</dt>
                        <dd class="col-sm-8">{{ target_user.created_at.strftime('%Y-%m-%d %H:%M:%S') if target_user.created_at else 'N/A' }}</dd>
                        
                        <dt class="col-sm-4">Last Updated:</dt>
                        <dd class="col-sm-8">{{ target_user.updated_at.strftime('%Y-%m-%d %H:%M:%S') if target_user.updated_at else 'N/A' }}</dd>
                        
                        <dt class="col-sm-4">Last Login:</dt>
                        <dd class="col-sm-8">{{ target_user.last_login.strftime('%Y-%m-%d %H:%M:%S') if target_user.last_login else 'Never' }}</dd>
                    </dl>
                </div>
            </div>
        </div>
        
        {# Associated Tenants Card #}
        <div class="col-lg-6 mb-4">
            <div class="card">
                <div class="card-header bg-light d-flex justify-content-between align-items-center">
                    <h5><i class="bi bi-buildings"></i> Associated Tenants ({{ tenants|length }})</h5>
                    <a href="{{ url_for('admin.manage_user_tenants', user_id=target_user.id) }}" class="btn btn-sm btn-outline-primary">
                        <i class="bi bi-pencil"></i> Manage
                    </a>
                </div>
                <div class="card-body">
                    {% if tenants %}
                    <div class="table-responsive">
                        <table class="table table-hover mb-0">
                            <thead class="table-light">
                                <tr>
                                    <th>Name</th>
                                    <th>ID</th>
                                    <th>Status</th>
                                    <th>Forms</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for tenant in tenants %}
                                <tr>
                                    <td>{{ tenant.name }}</td>
                                    <td><code>{{ tenant.id }}</code></td>
                                    <td>
                                        <span class="badge bg-{{ 'success' if tenant.status.value == 'active' else 'warning' if tenant.status.value == 'suspended' else 'danger' }}">
                                            {{ tenant.status.value }}
                                        </span>
                                    </td>
                                    <td>{{ tenant.forms|length }}</td>
                                </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                    {% else %}
                    <p class="text-muted mb-0">No tenants assigned.</p>
                    <a href="{{ url_for('admin.manage_user_tenants', user_id=target_user.id) }}" class="btn btn-primary btn-sm">
                        <i class="bi bi-plus"></i> Assign Tenants
                    </a>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
    
    {# Edit User Modal #}
    <div class="modal fade" id="editUserModal" tabindex="-1" aria-labelledby="editUserModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="editUserModalLabel"><i class="bi bi-pencil"></i> Edit User</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <form method="POST" action="{{ url_for('admin.view_user', user_id=target_user.id) }}">
                    <div class="modal-body">
                        <div class="row g-3">
                            <div class="col-12">
                                <label for="edit_email" class="form-label">Email *</label>
                                <input type="email" class="form-control" id="edit_email" name="email" 
                                       value="{{ target_user.email }}" required>
                            </div>
                            
                            <div class="col-12">
                                <label for="edit_name" class="form-label">Name *</label>
                                <input type="text" class="form-control" id="edit_name" name="name" 
                                       value="{{ target_user.name }}" required>
                            </div>
                            
                            <div class="col-12">
                                <label for="edit_role" class="form-label">Role</label>
                                <select class="form-select" id="edit_role" name="role">
                                    {% for role in UserRole %}
                                    <option value="{{ role.value }}" {% if target_user.role.value == role.value %}selected{% endif %}>{{ role.value }}</option>
                                    {% endfor %}
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">
                            <i class="bi bi-x"></i> Cancel
                        </button>
                        <button type="submit" class="btn btn-primary">
                            <i class="bi bi-check"></i> Save Changes
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
{% endblock %}