{% extends 'settings/index.html' %}

{% block header_text %}<h2 style="color:#fff">Repositories</h2>{% endblock %}

{% block main %}
<section style="padding: 20px;">
    <div class="settings-topbar">
        <h2>Your Repositories</h2>
        <a href="/settings/repositories/create.html" class="btn btn-primary">
            <i class="fa-solid fa-plus"></i> New Repository
        </a>
    </div>

    {% if repositories %}
    <div class="settings-list">
        {% for repo in repositories %}
        <div class="settings-list-item">
            <div class="settings-list-info">
                <div class="settings-list-title">
                    <i class="fa-solid fa-book"></i>
                    {{ repo.name }}
                </div>
                {% if repo.description %}
                <div class="settings-list-meta">{{ repo.description }}</div>
                {% endif %}
                <div class="settings-list-meta">
                    <span class="settings-list-badge">
                        <i class="fa-solid {% if repo.is_private %}fa-lock{% else %}fa-lock-open{% endif %}"></i>
                        {% if repo.is_private %}Private{% else %}Public{% endif %}
                    </span>
                </div>
            </div>
            <div class="settings-list-actions">
                <a class="btn btn-sm" href="/repository/{{ user.username.value }}/{{ repo.name }}" target="_blank">
                    <i class="fa-solid fa-folder-open"></i> Browse
                </a>
                <button class="btn btn-sm" onclick="navigator.clipboard.writeText(window.location.protocol + '//' + window.location.host + '/git/{{ user.username.value }}/{{ repo.name }}.git'); alert('Clone URL copied to clipboard!')">
                    <i class="fa-solid fa-code-branch"></i> Clone URL
                </button>
                <a class="btn btn-sm btn-secondary" href="/settings/repositories/repository/{{ repo.name }}/update.html">
                    <i class="fa-solid fa-pen"></i> Edit
                </a>
                <a class="btn btn-sm btn-danger" href="/settings/repositories/repository/{{ repo.name }}/delete.html">
                    <i class="fa-solid fa-trash"></i> Delete
                </a>
            </div>
        </div>
        {% endfor %}
    </div>
    {% else %}
    <div class="settings-empty">
        <p>You haven't created any repositories yet.</p>
        <a href="/settings/repositories/create.html" class="btn btn-primary">
            <i class="fa-solid fa-plus"></i> Create Your First Repository
        </a>
    </div>
    {% endif %}
</section>
{% endblock %}