{% extends "main.html" %}

{% block title %}Base de données{% endblock %}

{% block content %}
<div class="default-container">
    <h1>Gestion de votre base de données</h1>

    {% for message in messages %}
    <div {% if message.tags %} class="alert {{ message.tags }}" {% endif %}>{{ message }}
</div>
{% endfor %}

{% if bdd_creee %}
Votre base de données contient {{ nb_tables }} table{{ nb_tables|pluralize }}, occupant
{{ taille_donnees|filesizeformat }}.<br />
Pour vous y connecter, utilisez les paramères suivants :
<ul>
    <li>Adresse du serveur : <tt>mysql.bde.inp</tt></li>
    <li>Nom d’utilisateur : <tt>{{ user.username }}</tt></li>
    <li>Nom de la base de données : <tt>user_{{ user.username }}</tt></li>
</ul>

<form method="post" action="" autocomplete="off">
    <fieldset>
        <legend>Options</legend>
        Utilisez le formulaire suivant pour changer le mot de passe de votre base de données :
        <br />
        <label for="mdp_bdd">Mot de passe</label>
        <input type="password" id="mdp_bdd" name="mdp_bdd" size="8" />
        <input type="submit" name="mod_mdp_bdd" class="btn btn-primary" value="Modifier" />
        <section class="barre_boutons">
        <a href="https://pma.inpt.fr/" class="btn btn-secondary">Administrer ma base de données</a>
        <a href="{% url 'gestion_bdd:suppression' %}" class="btn btn-secondary">Supprimer ma base de données…</a>
        </section>
    </fieldset>
</form>

{% else %}
<form method="post" action="">
    <fieldset>
        <legend>Créer la base de données</legend>
        <p>
            Utilisez le formulaire suivant pour créer votre base de données. Vous devez spécifier un mot de
            passe qui permettra d’y accéder ; ce mot de passe sera indépendant de votre mot de passe INP-net.
        </p>
        <br />
        <label for="mdp_bdd">Mot de passe</label>
        <input type="password" id="mdp_bdd" name="mdp_bdd" size="8" />
        <input type="submit" name="creer_bdd" class="btn btn-primary" value="Créer la base de données" />
    </fieldset>
</form>
{% endif %}
</div>
{% endblock %}