{% extends 'base.html' %}

{% block title %}Dashboard - Django Boilerplate{% endblock %}

{% block content %}
<div class="row">
    <div class="col-md-12">
        <h1>Welcome to Your Dashboard</h1>
        <p class="lead">Hello, <strong>{{ user.full_name|default:user.email }}</strong>!</p>
    </div>
</div>

<div class="row mt-4">
    <div class="col-md-6">
        <div class="card">
            <div class="card-header">
                <h5>Account Information</h5>
            </div>
            <div class="card-body">
                <p><strong>Email:</strong> {{ user.email }}</p>
                <p><strong>Name:</strong> {{ user.full_name|default:"Not set" }}</p>
                <p><strong>Username:</strong> {{ user.username }}</p>
                <p><strong>Member since:</strong> {{ user.date_joined|date:"M d, Y" }}</p>
                <p><strong>Email verified:</strong> 
                    {% if user.is_verified %}
                        <span class="badge bg-success">Yes</span>
                    {% else %}
                        <span class="badge bg-warning">No</span>
                    {% endif %}
                </p>
                <a href="{% url 'accounts:profile_edit' %}" class="btn btn-primary">Edit Profile</a>
            </div>
        </div>
    </div>
    
    <div class="col-md-6">
        <div class="card">
            <div class="card-header">
                <h5>Your Roles</h5>
            </div>
            <div class="card-body">
                {% if user_groups %}
                    {% for group in user_groups %}
                        <span class="badge bg-secondary me-1">{{ group.name|title }}</span>
                    {% endfor %}
                {% else %}
                    <p class="text-muted">No roles assigned</p>
                {% endif %}
                
                <hr>
                
                <h6>Access Levels:</h6>
                <ul class="list-unstyled">
                    <li>
                        <i class="text-success">✓</i> User Dashboard
                    </li>
                    {% if user.has_role:'staff' or user.has_role:'admin' %}
                        <li>
                            <i class="text-success">✓</i> 
                            <a href="{% url 'core:staff_dashboard' %}">Staff Dashboard</a>
                        </li>
                    {% else %}
                        <li>
                            <i class="text-muted">✗</i> Staff Dashboard
                        </li>
                    {% endif %}
                    
                    {% if user.has_role:'admin' %}
                        <li>
                            <i class="text-success">✓</i> 
                            <a href="{% url 'core:admin_dashboard' %}">Admin Dashboard</a>
                        </li>
                    {% else %}
                        <li>
                            <i class="text-muted">✗</i> Admin Dashboard
                        </li>
                    {% endif %}
                </ul>
            </div>
        </div>
    </div>
</div>
{% endblock %}