{% extends "app.html" %}

{% block header_text %}{{ username }}/{{ repo_name }}{% endblock %}

{% block sidebar %}{% endblock %}

{% block main %}
<div class="container">
  {% if repo.description %}
  <p>{{ repo.description }}</p>
  {% endif %}

  <p>
    <strong>Branch:</strong>
    <select onchange="window.location.href='/repository/{{ username }}/{{ repo_name }}?branch=' + this.value">
      {% for branch in branches %}
      <option value="{{ branch }}" {% if branch == current_branch %}selected{% endif %}>{{ branch }}</option>
      {% endfor %}
    </select>
  </p>

  <p><strong>Clone URL:</strong></p>
  <pre>{{ clone_url }}</pre>

  <h2>Recent Commits</h2>
  {% if commits %}
  <ul>
    {% for commit in commits %}
    <li>
      <code>{{ commit.short_hash }}</code> {{ commit.message }} - {{ commit.author }} ({{ commit.date }})
    </li>
    {% endfor %}
  </ul>
  {% else %}
  <p>No commits found.</p>
  {% endif %}

  <h2>Files</h2>
  <ul>
    {% if items %}
      {% for item in items %}
      <li>
        <a href="/repository/{{ username }}/{{ repo_name }}/{{ item.path }}?branch={{ current_branch }}">
          {% if item.is_dir %}📁{% else %}📄{% endif %} {{ item.name }}
        </a>
        {% if not item.is_dir %}({{ item.size }} bytes){% endif %}
      </li>
      {% endfor %}
    {% else %}
      <p>No files found.</p>
    {% endif %}
  </ul>

  {% if readme_content %}
  <h2>README</h2>
  <div>{{ readme_content|safe }}</div>
  {% endif %}
</div>
{% endblock %}