{% extends "repo.html" %}
{% set active_page = "settings" %}

{% block title %}
    {% trans username=username, repository=repository %}Settings of {{ username }}/{{ repository }}{% endtrans %}
{% endblock %}
{% block content %}
<x-vbox>
    <x-frame style="--width: 896px;" class="flexible-space">
        <x-vbox>
            <article class="card">
                <section class="card-main vbox">
                    <form method="post" class="vbox">
                        <x-hbox>
                            <label>{% trans %}Visibility:{% endtrans %}</label>
                            <label>
                                <input type="radio" name="visibility" value="2" {% if repo_data.visibility == 2 %}checked{% endif %}>
                                {% trans %}Public{% endtrans %}
                            </label>
                            <label>
                                <input type="radio" name="visibility" value="1" {% if repo_data.visibility == 1 %}checked{% endif %}>
                                {% trans %}Unlisted{% endtrans %}
                            </label>
                            <label>
                                <input type="radio" name="visibility" value="0" {% if repo_data.visibility == 0 %}checked{% endif %}>
                                {% trans %}Private{% endtrans %}
                            </label>
                        </x-hbox>
                        <label for="description">
                            {% trans %}Description{% endtrans %}
                            <textarea id="description" name="description" rows="4">{% if repo_data.info %}{{ repo_data.info }}{% endif %}</textarea>
                        </label>
                        <label for="url">
                            {% trans %}Homepage{% endtrans %}
                            <input id="url" name="url" type="url" value="{% if repo_data.url %}{{ repo_data.url }}{% endif %}">
                        </label>
                        <label for="default-branch">
                            {% trans %}Default branch{% endtrans %}
                            <select id="default-branch" name="default_branch">
                                {% for branch in branches %}
                                    <option value="{{ branch }}" {% if branch == repo_data.default_branch %}selected{% endif %}>{{ branch }}</option>
                                {% endfor %}
                            </select>
                            {% trans %}This is the branch the application will redirect to automatically if one is not specified.
Note that only branch names are supported, not other references like tags or commit hashes.{% endtrans %}
                        </label>
                        <label for="site-branch">
                            {% trans %}Site branch{% endtrans %}
                            <select id="site-branch" name="site_branch">
                                <option value="">{% trans %}No sites{% endtrans %}</option>
                                {% for branch in branches %}
                                    <option value="{{ branch }}" {% if branch == repo_data.site_branch %}selected{% endif %}>{{ branch }}</option>
                                {% endfor %}
                            </select>
                        </label>
                        <label>
                            <input type="checkbox" name="primary_site" {% if repo_data.has_site == 2 %}checked{% endif %}>
                            {% trans %}Make this the primary site{% endtrans %}
                        </label>
                        <p>
                            {% trans link=site_link, primary_link=primary_site_link %}
                                Host static sites for your projects, for free. The files in your site branch will be served at
                                {{ site_link }} or {{ primary_site_link }} if you make this the primary site.
                            {% endtrans %}
                        </p>
                        <p>
                            {% trans %}Even if this repository is private, the site will not have access control.{% endtrans %}
                        </p>
                        <h3>{% trans %}Forum labels{% endtrans %}</h3>
                        <dialog id="edit-label">
                            <article class="card">
                                <section class="card-main">
                                    <form method="dialog" id="close-edit-label"></form>
                                    <form method="POST" action="/{{ username }}/{{ repository }}/settings/edit-label">
                                        <input type="hidden" name="id" id="edit-label-id">
                                        <x-vbox>
                                            <label>
                                                {% trans %}Label name{% endtrans %}
                                                <input type="text" id="edit-label-name" name="label" required>
                                            </label>
                                            <label>
                                                {% trans %}Label colour{% endtrans %}
                                                <input type="color" id="edit-label-colour" name="colour" value="#009688" required>
                                            </label>
                                            <x-buttonbox>
                                                <button type="submit">{% trans %}Save{% endtrans %}</button>
                                                <button type="submit" formaction="/{{ username }}/{{ repository }}/settings/delete-label">{% trans %}Delete{% endtrans %}</button>
                                                <button type="submit" form="close-edit-label">{% trans %}Cancel{% endtrans %}</button>
                                            </x-buttonbox>
                                        </x-vbox>
                                    </form>
                                </section>
                            </article>
                        </dialog>
                        <ul>
                            {% for label in repo_data.labels %}
                                <li>
                                    <span class="post-label editable" onclick="document.getElementById('edit-label').showModal(); document.getElementById('edit-label-id').value = '{{ label.identifier }}'; document.getElementById('edit-label-name').value = '{{ label.name }}'; document.getElementById('edit-label-colour').value = '{{ label.colour_hex }}';" style="background-color: {{ label.colour_hex }}">{{ label.name }}</span>
                                </li>
                            {% endfor %}
                        </ul>
                        <dialog id="add-label">
                            <article class="card">
                                <section class="card-main">
                                    <form method="dialog" id="close-add-label"></form>
                                    <form method="POST" action="/{{ username }}/{{ repository }}/settings/add-label">
                                        <x-vbox>
                                            <label>
                                                {% trans %}Label name{% endtrans %}
                                                <input type="text" name="label" required>
                                                {% trans %}Label colour{% endtrans %}
                                                <input type="color" name="colour" value="#009688">
                                            </label>
                                            <x-buttonbox>
                                                <button type="submit">{% trans %}Add label{% endtrans %}</button>
                                                <button type="submit" form="close-add-label">{% trans %}Cancel{% endtrans %}</button>
                                            </x-buttonbox>
                                        </x-vbox>
                                    </form>
                                </section>
                            </article>
                        </dialog>
                        <button type="button" onclick="document.getElementById('add-label').showModal()">{% trans %}Add label{% endtrans %}</button>
                        <button type="submit">{% trans %}Update{% endtrans %}</button>
                    </form>
                    {% if logged_in_user == username %}
                        <form action="/{{ username }}/{{ repository }}/settings/delete" method="post" class="vbox">
                            <h2>{% trans %}Delete repository{% endtrans %}</h2>
                            <p>
                                {% trans %}Deleting a repository will permanently remove its git database, forum, settings and other associated data. THIS CANNOT BE UNDONE IN ANY WAY!{% endtrans %}
                            </p>
                            <label>
                                {% trans %}Account password{% endtrans %}
                                <input type="password" name="password" placeholder="{% trans %}Write your password to confirm deletion{% endtrans %}" required>
                            </label>
                            <button type="submit">{% trans %}Delete repository{% endtrans %}</button>
                        </form>
                    {% endif %}
                </section>
            </article>
        </x-vbox>
    </x-frame>
</x-vbox>
{% endblock %}