{% extends "base.html" %}
{% load humanize %}
{% block title %}{% if current_dir %}{{ current_dir }} — {% endif %}Code — {{ project.name }} — Fossilrepo{% endblock %}

{% block content %}
<h1 class="text-2xl font-bold text-gray-100 mb-2">{{ project.name }}</h1>
{% include "fossil/_project_nav.html" %}

<div class="overflow-hidden rounded-lg bg-gray-800 shadow border border-gray-700">
  <!-- Breadcrumb + commit bar -->
  <div class="px-4 py-3 border-b border-gray-700">
    <!-- Breadcrumbs -->
    <div class="flex items-center justify-between">
      <div class="flex items-center gap-1 text-sm min-w-0">
        <a href="{% url 'fossil:code' slug=project.slug %}" class="text-brand-light hover:text-brand font-medium">{{ project.name }}</a>
        {% for crumb in breadcrumbs %}
        <span class="text-gray-600">/</span>
        {% if forloop.last %}
        <span class="text-gray-200 font-medium">{{ crumb.name }}</span>
        {% else %}
        <a href="{% url 'fossil:code_dir' slug=project.slug dirpath=crumb.path %}" class="text-brand-light hover:text-brand">{{ crumb.name }}</a>
        {% endif %}
        {% endfor %}
      </div>
      {% if metadata %}
      <div class="flex items-center gap-2 flex-shrink-0 text-xs text-gray-500">
        <svg class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 11-18 0 9 9 0 0118 0z" />
        </svg>
        {{ metadata.checkin_count }} commit{{ metadata.checkin_count|pluralize }}
      </div>
      {% endif %}
    </div>

    <!-- Latest commit info -->
    {% if latest_commit %}
    <div class="flex items-center gap-3 mt-2 text-xs text-gray-500">
      <a href="{% url 'fossil:user_activity' slug=project.slug username=latest_commit.user %}" class="font-medium text-gray-300 hover:text-brand-light">{{ latest_commit.user }}</a>
      <a href="{% url 'fossil:checkin_detail' slug=project.slug checkin_uuid=latest_commit.uuid %}" class="text-gray-400 truncate hover:text-brand-light">{{ latest_commit.comment|truncatechars:80 }}</a>
      <a href="{% url 'fossil:checkin_detail' slug=project.slug checkin_uuid=latest_commit.uuid %}" class="font-mono text-brand-light hover:text-brand">{{ latest_commit.uuid|truncatechars:10 }}</a>
      <span>{{ latest_commit.timestamp|date:"Y-m-d H:i" }}</span>
    </div>
    {% endif %}
  </div>

  <!-- File table -->
  {% include "fossil/partials/file_tree.html" %}
</div>

{% if readme_html %}
<div class="mt-4 rounded-lg bg-gray-800 border border-gray-700">
  <div class="px-4 py-3 border-b border-gray-700 text-sm font-medium text-gray-300">README</div>
  <div class="px-6 py-5">
    <div class="prose prose-invert prose-gray max-w-none">
      {{ readme_html }}
    </div>
  </div>
</div>
{% endif %}
{% endblock %}