{% extends "base.html" %}

{% block content %}
<div>
    <div id="repoSelect">
        <h1>REPOSITORY:</h1>
        <input id="repoSelectInput" type="text" size="32" placeholder="<user>/<repository>">
        <input class="enabled" id="repoSelectButton" type="submit" value="Select">
        <p id="repoSelectError"></p>
    </div>
    <div id="repoInfo">
        <h1>ACTIONS:</h1>
        <div id="repoActions">
            <input class="enabled" id="repoCreate" type="submit" value="Create">
            <input id="repoDelete" type="submit" value="Delete">
            <input id="repoSecret" type="submit" value="Regenerate Secret">
        </div>
        <div id="repoFeatures">
            <h1>LINK:</h1>
            <input id="repoLinkInput" type="text" size="32" readonly>
            <input class="enabled" id="repoLinkButton" type="submit" value="Copy">
            <h1>FEATURES:</h1>
            <div id="featureBox">
                {% for feature in features %}
                    <input class="feature" type="submit" data-tag="{{ feature | lower }}" value="{{ feature }}">
                {% endfor %}
            </div>
        </div>
    </div>
</div>
<div id="confirmOverlay">
    <div>
        <div>
            <h1>CONFIRMATION:</h1>
            <input id="confirmInput" type="text" size="32" placeholder="<user>/<repository>">
            <input class="enabled" id="confirmButtonYes" type="submit" value="Confirm">
            <input class="enabled" id="confirmButtonNo" type="submit" value="Cancel">
            <p>This will (irreversibly) delete all associated files! Please type in the full repository name to confirm.</p>
        </div>
    </div>
</div>
{% endblock %}

{% block script %}
{% include "js/token.js" %}
{% include "js/default.js" %}
{% endblock %}