{% load static %}

 <!DOCTYPE html>
<html lang="en"> 
<head>
    <title>Django tutorial</title>
    
    <!-- Meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <meta name="description" content="Portal - Bootstrap 5 Admin Dashboard Template For Developers">
    <meta name="author" content="Celestino Rey" >    
    <link rel="shortcut icon" href="{% static 'images/favicon.ico' %}"> 
    
    <!-- FontAwesome JS-->
    <script defer src="{% static 'plugins/fontawesome/js/all.min.js' %}"></script>
    
    <!-- App CSS -->  
    <link id="theme-style" rel="stylesheet" href="{% static 'css/portal.css' %}">

 </head> 
 <body>
    <div class="container-xl">
    <h1 class="app-page-title">ENTORNO</h1>
    <h2>Variables de Entorno y Configuración</h2>
    <p><strong>Nota:</strong> Asegúrate de que esta página solo esté accesible para administradores, ya que contiene información sensible.</p>
    
    <h3>Variables de entorno</h3>
    <table class="table table-striped">
        <thead>
            <tr>
                <th>Variable</th>
                <th>Valor</th>
            </tr>
        </thead>
        <tbody>
            {% for key, value in entorno.items %}
                <tr>
                    <td>{{ key }}</td>
                    <td>{{ value }}</td>
                </tr>
            {% endfor %}
        </tbody>
    </table>
    
    <h3>Variables de configuración (settings.py)</h3>
    <table class="table table-striped">
        <thead>
            <tr>
                <th>Variable</th>
                <th>Valor</th>
            </tr>
        </thead>
        <tbody>
            {% for key, value in configuracion.items %}
                <tr>
                    <td>{{ key }}</td>
                    <td>{{ value }}</td>
                </tr>
            {% endfor %}
        </tbody>
    </table>
    </div>
 </body>
