{% load static %}
<!DOCTYPE html>
<html lang="es" class="clean-layout">
<head>
    <meta charset="UTF-8">
    <title>{{ title|default:'Django Sh' }}</title>

    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <link rel="icon" href="https://admintotal.com/site_media_central/favicon.png" type="image/png" />
    
    <link href="//fonts.googleapis.com/css?family=Lato:100,300,400,700,900" rel="stylesheet"> 
    
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

    <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>

    <style>
    html, body{
        background-color: #1e1f1b;
        color: #b5b5b5;
    }
    .table,
    .table a{
        color: #b5b5b5;
    }
    .table td, 
    .table th {
        border-color: rgba(255,255,255,.2) !important;
    }
    .CodeMirror{
        font-size: .95em;
        position: relative;
        height: auto;
    }
    .top-filters{
        background-color: #fff;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
        position: relative;
        z-index: 0;
    }
    .texto_respuesta {
        opacity: .8;
        font-size: .9em;
    }
    </style>
    {% block extra_head %}
    {% endblock extra_head %}
</head>
<body>
    <div class="container-fluid">
        <div class="d-flex flex-wrap justify-content-between align-items-center py-2">
            <div>
                <a href="{% url "sh:command" %}" class="btn btn-sm btn-link mr-2 text-light font-weight-bold"> 
                    Django sh
                </a>
            </div>

            <div>
                <a href="{% url "sh:command" %}" class="btn btn-sm btn-dark mr-2">
                    Nuevo comando
                </a>
                <a href="{% url "sh:command_history" %}" class="btn btn-sm btn-dark mr-2">
                    Historial de comandos
                </a>
                <a href="{% url "sh:saved_commands" %}" class="btn btn-sm btn-dark mr-2">
                    Comandos guardados
                </a>
                <a href="{% url "sh:settings" %}" class="btn btn-sm btn-dark mr-2">
                    Configuración
                </a>
            </div>
        </div>
        {% block contenido %}
        {% endblock contenido %}
    </div>

    {% block js %}
    {% endblock js %}
</body>
</html>