{% extends "base.html" %}

{% block title %}Settings Module{% endblock %}

{% block content %}
<div class="container-fluid py-5">
    <div class="row mb-4">
        <div class="col-12">
            <h1 class="mb-2">
                <i class="fas fa-cog"></i> Settings
            </h1>
            <p class="text-muted">Configure application settings and preferences</p>
        </div>
    </div>
    
    <div class="row">
        <div class="col-md-3">
            <div class="list-group">
                <a href="{{ url_for('settings.general_settings') }}" class="list-group-item list-group-item-action active">
                    <i class="fas fa-sliders-h"></i> General Settings
                </a>
                <a href="{{ url_for('settings.user_management') }}" class="list-group-item list-group-item-action">
                    <i class="fas fa-users"></i> User Management
                </a>
                <a href="{{ url_for('settings.app_keys') }}" class="list-group-item list-group-item-action">
                    <i class="fas fa-key"></i> App Keys
                </a>
                <a href="{{ url_for('settings.database_management') }}" class="list-group-item list-group-item-action">
                    <i class="fas fa-cogs"></i> Database Management
                </a>
                <a href="{{ url_for('settings.database_settings') }}" class="list-group-item list-group-item-action">
                    <i class="fas fa-database"></i> Database Info
                </a>
            </div>
        </div>
        <div class="col-md-9">
            <div class="card shadow-sm">
                <div class="card-header bg-light">
                    <h5 class="mb-0">Settings Overview</h5>
                </div>
                <div class="card-body">
                    <p class="text-muted">
                        Select a settings category from the left menu to configure.
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}