{% set ssh = true %}
{% include "base.html" %}
<div class="section">
    {%for keys in ssh_keys %}
        {% for key_name, key_value in keys %}
        <article class="message is-primary">
            <div class="message-header">
                <div>{{ key_name }}</div>
            </div>
            <div class="message-body is-family-monospace">
                {{ key_value }} </br></br>
                <form method="post" accept-charset="UTF-8" action="delsshkey">
                <button type="submit" name="key_to_delete" value="{{ key_value }}" class="button is-danger">Delete</button>
                </form>
            </div>
        </article>
        {% endfor %}
    {% endfor %}
</div>
<div class="section">
    <form method="post" accept-charset="UTF-8" action="addsshkey" class="box">
        <div class="field">
            <label for="new_ssh_key" class="label">New SSH key</label>
            <div class="control">
            <input id="new_ssh_key" type="text" name="new_ssh_key" class="input is-rounded is-primary">
            </div>
        </div>

        <button class="button is-primary">Add</button>
    </form>
</div>
{% if error_message %}
    <div class="container">
        <div class="box notification is-warning">{{ error_message }}</div>
    </div>
{% endif %}