{% extends "base.html" %}

{% block content %}
  <div class="d-flex flex-column gap-3">
    <div class="d-flex flex-column flex-md-row align-items-md-center justify-content-between gap-3">
      {% include "partials/repo_heading.html" %}
      {% set repo_tab = "files" %}
      {% set repo_tab_label = "Branches" %}
      {% include "partials/repo_tabs.html" %}
    </div>

    <div class="card">
      <div class="card-header d-flex align-items-center justify-content-between">
        <span class="fw-semibold">Branches</span>
        <span class="text-muted small">Default: {{ repo.default_branch }}</span>
      </div>
      <div class="card-body">
        {% if branches | length == 0 %}
          <p class="text-muted mb-0">No branches yet.</p>
        {% else %}
          <div class="table-responsive">
            <table class="table table-sm align-middle mb-0">
              <thead>
                <tr>
                  <th scope="col">Branch</th>
                  <th scope="col" class="text-end">Status</th>
                </tr>
              </thead>
              <tbody>
                {% for branch in branches %}
                  <tr>
                    <td>
                      <a class="font-monospace text-decoration-none" href="{{ repo_path }}/branches/{{ branch.name }}">
                        {{ branch.name }}
                      </a>
                    </td>
                    <td class="text-end">
                      {% if branch.name == repo.default_branch %}
                        <span class="badge text-bg-primary">Default</span>
                      {% elif branch.is_merged %}
                        <span class="badge text-bg-success">Merged</span>
                      {% endif %}
                    </td>
                  </tr>
                {% endfor %}
              </tbody>
            </table>
          </div>
        {% endif %}
      </div>
    </div>
  </div>
{% endblock %}