{%- import "partials/_ui.html" as ui -%}
{% if git_enabled %}
<div id="tab-project-code-cfg" hidden data-project-id="{{ project.id }}" data-project-slug="{{ project.slug }}"></div>
<div class="tab-docs"><a href="/docs/git">Docs: Git &rarr;</a> <a href="/dashboard#tab-ssh-keys" class="proj-code-docs-link">Manage SSH Keys &rarr;</a></div>

<div class="form-section" id="git-repos-section">
    <h2 class="subsection-title">Git Repositories</h2>

    {% if !linked_repos.is_empty() %}
    <div class="proj-code-linked-list">
        <label>Linked Repositories</label>
        {% for repo in &linked_repos %}
        <div class="proj-code-repo">
            <div class="proj-code-repo-row">
                <a href="/git/{{ repo.name }}" class="proj-code-repo-link">{{ repo.name }}</a>
                <button class="btn-danger"
                        hx-delete="/api/projects/{{ project.id }}/repos/{{ repo.name }}"
                        hx-target="#git-repos-section"
                        hx-swap="outerHTML"
                        hx-confirm="Unlink '{{ repo.name }}' from this project?">Unlink</button>
            </div>
            {% if !repo.collaborators.is_empty() %}
            <div class="proj-code-collab-block">
                <label class="proj-code-collab-label">Collaborators</label>
                {% for c in &repo.collaborators %}
                <div class="proj-code-collab-row">
                    <span class="proj-code-collab-name">@{{ c.username }}{% if !c.can_push %} <span class="proj-code-collab-readonly">(read only)</span>{% endif %}</span>
                    <button class="btn-danger small"
                            hx-delete="/api/repos/{{ repo.id }}/collaborators/{{ c.user_id }}"
                            hx-target="#git-repos-section"
                            hx-swap="outerHTML"
                            hx-confirm="Remove @{{ c.username }} from {{ repo.name }}?">Remove</button>
                </div>
                {% endfor %}
            </div>
            {% endif %}
            <div class="proj-code-collab-block">
                <div class="proj-code-add-collab-row">
                    <input type="text" placeholder="Username" class="collab-username-input" data-repo-id="{{ repo.id }}">
                    <button class="btn-secondary small collab-add-btn" data-repo-id="{{ repo.id }}">Add Collaborator</button>
                </div>
            </div>
        </div>
        {% endfor %}
    </div>
    <script src="/static/tab-project-code-collab.js?v=0623"></script>
    {% endif %}

    {% if !available_repos.is_empty() %}
    <div>
        <label for="link-repo-select">Link a Repository</label>
        <div class="proj-code-link-row">
            <select id="link-repo-select">
                <option value="">Select a repository...</option>
                {% for repo in &available_repos %}
                <option value="{{ repo.name }}">{{ repo.name }}</option>
                {% endfor %}
            </select>
            <button class="btn-secondary" id="link-repo-btn">Link</button>
        </div>
        <div class="hint">Choose from your unlinked repositories.</div>
    </div>
    <script src="/static/tab-project-code-link.js?v=0623"></script>
    {% else if linked_repos.is_empty() %}
    {% call ui::empty_state("", "No repositories available. Create one below or push to the server.") %}{% endcall %}
    {% endif %}

    <div class="proj-code-create-section">
        <label for="create-repo-name">Create Repository</label>
        <div class="proj-code-link-row">
            <input type="text" id="create-repo-name" placeholder="repo-name" pattern="[a-zA-Z0-9._-]+" title="Letters, numbers, hyphens, underscores, and dots">
            <button class="btn-secondary" id="create-repo-btn">Create</button>
        </div>
        <div class="hint">Creates a bare git repository on the server.</div>
        <div id="create-repo-status" class="proj-code-create-status"></div>
    </div>
    <script src="/static/tab-project-code-create.js?v=0623"></script>
</div>
{% else %}
<div class="proj-code-disabled">
    <p>Git hosting is not configured on this server.</p>
</div>
{% endif %}