{% extends 'base.html' %}

{% block title %}User Analysis - Yatra Booking System{% endblock %}

{% block content %}
<div class="test-section">
    <h2>👥 User Management</h2>
    <p>Manually test user registration, authentication, and profile management features.</p>
    
    <div class="test-controls">
        <a href="/admin/testing_app/role/add/" class="btn btn-primary" target="_blank">➕ Add User Role</a>
        <a href="/admin/testing_app/user/add/" class="btn btn-primary" target="_blank">👤 Add New User</a>
        <a href="/admin/testing_app/user/" class="btn" target="_blank">⚙️ Manage Users</a>
        <button class="btn" onclick="location.reload()">🔄 Refresh Data</button>
    </div>
    

    
    <div class="table-container">
        <h3>Users in Database (Latest 50 Records)</h3>
        {% if users %}
        <table>
            <thead>
                <tr>
                    <th>ID</th>
                    <th>Name</th>
                    <th>Email</th>
                    <th>Phone</th>
                    <th>Role</th>
                    <th>Status</th>
                    <th>Email Verified</th>
                    <th>Created</th>
                </tr>
            </thead>
            <tbody>
                {% for user in users %}
                <tr>
                    <td>{{ user.id }}</td>
                    <td>{{ user.full_name }}</td>
                    <td>{{ user.email }}</td>
                    <td>{{ user.phone|default:"N/A" }}</td>
                    <td>{{ user.role.name }}</td>
                    <td>
                        <span class="status-badge status-{% if user.status == 'ACTIVE' %}active{% else %}inactive{% endif %}">
                            {{ user.status }}
                        </span>
                    </td>
                    <td>
                        {% if user.email_verified %}
                            <span style="color: green;">✅ Verified</span>
                        {% else %}
                            <span style="color: red;">❌ Not Verified</span>
                        {% endif %}
                    </td>
                    <td>{{ user.created_at|date:"M d, Y" }}</td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
        {% else %}
        <div style="text-align: center; padding: 40px; background: #f8f9fa; border-radius: 10px;">
            <h4>📭 No Users Found</h4>
            <p>Your database doesn't contain any user records yet.</p>
            <p>Users will appear here once they register through your application.</p>
        </div>
        {% endif %}
    </div>
    
    <div style="background: #f8f9fa; padding: 20px; border-radius: 10px; margin-top: 20px;">
        <h3>🔍 Manual Testing Checklist</h3>
        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin-top: 15px;">
            <div>
                <h4>Registration Testing</h4>
                <ul style="line-height: 1.8;">
                    <li>✅ User registration form validation</li>
                    <li>✅ Email uniqueness enforcement</li>
                    <li>✅ Phone number validation</li>
                    <li>✅ Password security requirements</li>
                    <li>✅ Role assignment accuracy</li>
                </ul>
            </div>
            <div>
                <h4>Authentication Testing</h4>
                <ul style="line-height: 1.8;">
                    <li>✅ Login functionality</li>
                    <li>✅ Password verification</li>
                    <li>✅ Email verification workflow</li>
                    <li>✅ Account lockout mechanism</li>
                    <li>✅ Session management</li>
                </ul>
            </div>
            <div>
                <h4>Profile Management</h4>
                <ul style="line-height: 1.8;">
                    <li>✅ Profile update functionality</li>
                    <li>✅ Status change workflow</li>
                    <li>✅ Data integrity validation</li>
                    <li>✅ Audit trail logging</li>
                    <li>✅ Role-based permissions</li>
                </ul>
            </div>
        </div>
    </div>
</div>

{% endblock %}