{% extends "base_layout.html" %}

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

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

<div class="card">
    <div class="card-header">
        <i class="bi bi-gear-fill me-2"></i>Configuration
    </div>
    <div class="card-body">
        <p class="text-muted">This section will allow administrators to configure various aspects of the InterroGen application.</p>
        
        <h5 class="mt-4">Potential Settings:</h5>
        <ul>
            <li>User management and authentication settings.</li>
            <li>LLM provider and model selection (if applicable in the future).</li>
            <li>Default country/region settings.</li>
            <li>Notification preferences.</li>
            <li>Data retention policies.</li>
        </ul>
        <p><em>This page is currently under development. Full settings management will be available soon.</em></p>
    </div>
</div>

{% endblock %}

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