{% extends "base_layout.html" %}

{% block title %}Team - InterroGen{% endblock %}

{% block page_content %}
<div class="heading-container">
    <h1 class="h3">Team Management</h1>
</div>

<div class="card">
    <div class="card-header">
        <i class="bi bi-people-fill me-2"></i>Team Members
    </div>
    <div class="card-body">
        <p class="text-muted">This section will allow for managing team members, roles, and permissions within the InterroGen application.</p>
        
        <h5 class="mt-4">Features to be Implemented:</h5>
        <ul>
            <li>View list of team members.</li>
            <li>Add new team members.</li>
            <li>Edit team member details and roles.</li>
            <li>Define user roles and permissions.</li>
        </ul>
        <p><em>This page is currently under development. Full functionality will be available soon.</em></p>
    </div>
</div>

{% endblock %}

{% block scripts %}
<script>
    // Add any team page specific JS here if needed
    console.log("Team page loaded");
</script>
{% endblock %}