{% extends "base.html" %}{% block title %}{{ file_path }} – {{ repo_name }}{% endblock %}
{% block head %}
<style>
.ln-file { display: flex; font-family: var(--mono); font-size: 0.8rem; line-height: 1.55; overflow-x: auto; background: var(--bg); border: 1px solid var(--border); border-radius: var(--radius-sm); }
.ln-gutter { flex-shrink: 0; padding: 0.5rem 0.6rem; text-align: right; color: var(--muted); background: rgba(255,255,255,0.02); border-right: 1px solid var(--border); user-select: none; min-width: 3rem; font-size: 0.72rem; }
.ln-gutter span { display: block; }
.ln-content { flex: 1; padding: 0.5rem 0.75rem; overflow-x: auto; }
.ln-content pre { background: transparent!important; border: none!important; padding: 0!important; margin: 0!important; }
.ln-content.highlight { background: transparent!important; }
.git-img-wrap { padding: 1.2rem; text-align: center; background: var(--bg); border-top: 1px solid var(--border); }
.git-img-wrap img { max-width: 100%; max-height: 70vh; border-radius: var(--radius-sm); box-shadow: 0 8px 30px rgba(0,0,0,0.35); }
.git-img-meta { font-size: 0.75rem; color: var(--muted); margin-top: 0.6rem; }
</style>
{% endblock %}
{% block content %}
{% if (git_readonly or repo_readonly) and not can_edit %}
<div class="card" style="margin-bottom:1rem;border-left:3px solid var(--accent);padding:0.6rem 1rem;font-size:0.85rem;color:var(--muted)">{{ t('git_readonly_notice') }}</div>
{% endif %}
<div class="card">
 <div class="card-header"><h2>{% if is_markdown %}{% else %}{% endif %} {{ repo_name }}/{{ file_path }} {% if branch %}<span class="badge badge-info"> {{ branch }}</span>{% endif %}</h2>
 <div style="display:flex;gap:0.5rem">
 {% if not is_image %}<span class="text-xs text-muted" style="display:flex;align-items:center">{{ line_count }} linii</span>{% endif %}
 {% if can_edit and not is_image %}<a href="{{ subpath('/git/' ~ repo_name ~ '/edit') }}?path={{ file_path }}" class="btn btn-sm btn-primary"> Edytuj</a>{% endif %}
 {% if can_edit %}<a href="{{ subpath('/git/' ~ repo_name ~ '/rename') }}?path={{ file_path }}{% if branch %}&branch={{ branch }}{% endif %}" class="btn btn-sm">↔ {{ t('rename_btn') }}</a>{% endif %}
 {% if can_edit %}<form method="POST" action="{{ subpath('/git/' ~ repo_name ~ '/delete') }}" onsubmit="return confirm('Usunąć {{ file_path }}? Ta operacja tworzy commit.')" style="display:inline;margin:0">
 <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
 <input type="hidden" name="path" value="{{ file_path }}">
 <button class="btn btn-sm btn-danger"> Usuń</button>
 </form>{% endif %}
 <a href="{{ subpath('/git/' ~ repo_name ~ '/raw') }}?path={{ file_path }}&branch={{ branch }}" class="btn btn-sm"> Raw</a>
 {% set parent = file_path.rsplit('/', 1)[0] if '/' in file_path else '' %}
 {% if parent %}
 <a href="{{ subpath('/git/' ~ repo_name ~ '/tree/' ~ parent) }}{% if branch %}?branch={{ branch }}{% endif %}" class="btn btn-sm">← Powrót</a>
 {% else %}
 <a href="{{ subpath('/git/' ~ repo_name) }}{% if branch %}?branch={{ branch }}{% endif %}" class="btn btn-sm">← Powrót</a>
 {% endif %}
 </div>
 </div>
 {% if is_image %}
 <div class="git-img-wrap">
  <img src="{{ subpath('/git/' ~ repo_name ~ '/raw') }}?path={{ file_path }}&branch={{ branch }}" alt="{{ file_path }}" loading="lazy">
  <div class="git-img-meta">{{ file_path }} · podgląd – otwórz „Raw”, aby pobrać oryginał</div>
 </div>
 {% elif is_markdown %}
 {{ content_html|safe }}
 {% else %}
 <div class="ln-file">
 <div class="ln-gutter">
 {% for i in range(1, line_count + 1) %}<span>{{ i }}</span>{% endfor %}
 </div>
 <div class="ln-content">{{ content_html|safe }}</div>
 </div>
 {% endif %}
</div>{% endblock %}