{% extends "base.html" %}

{% block title %}Database Settings{% 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-database"></i> Database Settings
            </h1>
        </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">
                    <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 active">
                    <i class="fas fa-database"></i> Database Info
                </a>
                <a href="{{ url_for('settings.logs_explorer') }}" class="list-group-item list-group-item-action">
                    <i class="fas fa-file-alt"></i> Logs Explorer
                </a>
            </div>
        </div>
        <div class="col-md-9">
            <div class="card shadow-sm">
                <div class="card-header bg-light">
                    <h5 class="mb-0">Database Configuration</h5>
                </div>
                <div class="card-body">
                    <div class="alert alert-info">
                        <i class="fas fa-info-circle"></i>
                        Database configuration is managed through environment variables and Docker. 
                        Please check the .env file for current settings.
                    </div>
                    
                    <h6>Current Database Status</h6>
                    <table class="table table-hover">
                        <thead>
                            <tr>
                                <th>Parameter</th>
                                <th>Value</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>Host</td>
                                <td><code>{{ config.DB_HOST }}</code></td>
                            </tr>
                            <tr>
                                <td>Port</td>
                                <td><code>{{ config.DB_PORT }}</code></td>
                            </tr>
                            <tr>
                                <td>Database</td>
                                <td><code>{{ config.DB_NAME }}</code></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}