{% if current_repo_path %}
{% set parent_path = current_repo_path.rsplit('/', 1)[0] if '/' in current_repo_path else '' %}
<tr class="file-row transition-colors hover:bg-zinc-800/50">
    <td class="px-4 py-2.5 w-10 checkbox-column"></td>
    <td class="px-4 py-2.5">
        <div class="flex items-center space-x-3">
            <i data-lucide="corner-left-up" class="h-5 w-5 text-zinc-400 flex-shrink-0"></i>
            <a href="{{ url_for('git.view_repository', repo_owner=repo_owner, repo_name=repo_name, branch=branch, path=parent_path) }}"
                class="file-link dir-link dynamic-link" data-path="{{ parent_path }}">..</a>
        </div>
    </td>
    <td class="px-4 py-2.5 text-zinc-400 text-sm truncate"></td>
    <td class="px-4 py-2.5 text-zinc-500 text-sm text-right whitespace-nowrap"></td>
</tr>
{% endif %}

{% for file in files %}
<tr class="file-row transition-colors hover:bg-zinc-800/50">
    <td class="px-4 py-3 align-middle w-10 checkbox-column">
        <label class="checkbox-hitbox flex items-center justify-center p-3 cursor-pointer select-none">
            <input type="checkbox"
                class="file-checkbox w-4 h-4 rounded border-zinc-700 bg-zinc-900 text-blue-600 focus:ring-blue-500/20 focus:ring-offset-0 transition-all cursor-pointer">
        </label>
    </td>
    <td class="px-4 py-2.5 w-full max-w-0">
        <div class="flex items-center space-x-3 w-full min-w-0">
            {# --- Icon logic is correct --- #}
            {% set icon_name, icon_class = file.icon %}
            <i data-lucide="{{ icon_name }}" class="h-5 w-5 {{ icon_class }} flex-shrink-0"></i>

            {% set mid = (file.name|length) // 2 + (file.name|length) % 2 %}
            {% if file.is_dir %}
            <a href="{{ url_for('git.view_repository', repo_owner=repo_owner, repo_name=repo_name, branch=branch, path=file.path) }}"
                class="file-link dir-link dynamic-link inline-flex min-w-0 items-center max-w-full text-zinc-300 hover:text-white transition-colors group"
                data-path="{{ file.path }}" title="{{ file.name }}">
                <span class="truncate min-w-0 group-hover:text-blue-400 transition-colors">{{ file.name[:mid] }}</span>
                <span class="flex-shrink-0 whitespace-nowrap group-hover:text-blue-400 transition-colors">{{
                    file.name[mid:] }}</span>
            </a>
            {% else %}
            <a href="#"
                class="file-link file-link-clickable inline-flex min-w-0 items-center max-w-full text-zinc-300 hover:text-white transition-colors group"
                data-path="{{ file.path }}" title="{{ file.name }}">
                <span class="truncate min-w-0 group-hover:text-amber-400 transition-colors">{{ file.name[:mid] }}</span>
                <span class="flex-shrink-0 whitespace-nowrap group-hover:text-amber-400 transition-colors">{{
                    file.name[mid:] }}</span>
            </a>
            {% endif %}
        </div>
    </td>
    <td class="px-4 py-2.5 text-zinc-400 text-sm truncate">
        <a href="#" class="commit-link" data-path="{{ file.path }}">{{ file.last_commit_title }}</a>
    </td>
    <td class="px-4 py-2.5 text-zinc-500 text-sm text-right whitespace-nowrap">
        {{ file.last_commit_timeago }}
    </td>
</tr>
{% endfor %}

{% if not files and not current_repo_path %}
<tr class="file-row">
    <td colspan="3" class="px-4 py-8 text-center text-zinc-500">
        This repository is empty.
    </td>
</tr>
{% endif %}