{#
  ─────────────────────────────────────────────
   SPB Git — Personal Git Platform
  ─────────────────────────────────────────────
   Author  : Simon-Pierre Boucher
   Contact : contact@spboucher.ai
   File    : src/web/views/blob.njk
   Purpose : File view — sticky header, shiki code, line anchors
   License : MIT © Simon-Pierre Boucher
  ─────────────────────────────────────────────
#}{% extends "layout.njk" %}
{% block content %}
{% include "partials/repo-header.njk" %}

<div class="blob-card">
  <div class="blob-header">
    <nav class="path-breadcrumb" aria-label="Path">
      <a href="/{{ overview.name }}">{{ overview.name }}</a>
      {% for crumb in crumbs %}
      <span class="crumb-sep">/</span>{% if loop.last %}<strong>{{ crumb.name }}</strong>{% else %}<a href="{{ crumb.href | replace('/blame/', '/tree/') | replace('/blob/', '/tree/') }}">{{ crumb.name }}</a>{% endif %}
      {% endfor %}
    </nav>
    <div class="blob-meta">
      <span class="muted">{{ blobSize | bytes }}</span>
      {% if view.lines %}<span class="muted">· {{ view.lines | num }} lines</span>{% endif %}
      {% if view.lang %}<span class="chip">{{ view.lang }}</span>{% endif %}
    </div>
    <div class="blob-actions">
      {% if view.isMarkdown %}
        {% if view.kind == 'markdown' %}
        <a class="btn btn-sm" href="?plain=1" rel="nofollow">View source</a>
        {% else %}
        <a class="btn btn-sm" href="/{{ overview.name }}/blob/{{ currentRef }}/{{ path }}" rel="nofollow">Rendered</a>
        {% endif %}
      {% endif %}
      {% if view.kind == 'code' %}
      <button class="btn btn-sm code-copy" type="button" data-code-copy data-code-target="#code-view" title="Copy file contents">
        <span class="code-copy-label">Copy file</span>
      </button>
      {% endif %}
      <a class="btn btn-sm" href="{{ rawUrl }}" rel="nofollow">Raw</a>
      <a class="btn btn-sm" href="/{{ overview.name }}/blame/{{ currentRef }}/{{ path }}" rel="nofollow">Blame</a>
      <a class="btn btn-sm" href="/{{ overview.name }}/commits/{{ currentRef }}?path={{ path | urlencode }}" rel="nofollow">History</a>
      <button class="btn btn-sm copy-btn" type="button"
              data-copy="{{ publicUrl }}/{{ overview.name }}/blob/{{ refSha }}/{{ path }}"
              title="Copy permalink (pinned to {{ refSha | truncate(7, true, '') }})">Permalink</button>
    </div>
  </div>

  {% if view.notebookNote %}
  <p class="notice">Jupyter notebook shown as formatted JSON. Download the <a href="{{ rawUrl }}">raw file</a> to open it in Jupyter.</p>
  {% endif %}

  {% if view.kind == 'pdf' %}
  <div class="pdf-viewer">
    <object class="pdf-frame" data="{{ rawUrl }}" type="application/pdf" aria-label="PDF viewer — {{ fileName }}">
      <div class="pdf-fallback">
        <p>Your browser cannot display PDFs inline.</p>
        <a class="btn btn-primary" href="{{ rawUrl }}" download>Download {{ fileName }}</a>
      </div>
    </object>
  </div>
  {% elif view.kind == 'binary' %}
    {% if view.isImage %}
    <div class="blob-image"><img src="{{ rawUrl }}" alt="{{ fileName }}"></div>
    {% else %}
    <div class="blob-binary">
      <p>Binary file — {{ blobSize | bytes }}.</p>
      <a class="btn btn-primary" href="{{ rawUrl }}" download>Download</a>
    </div>
    {% endif %}
  {% elif view.kind == 'toolarge' %}
  <div class="blob-binary">
    <p>This file is {{ blobSize | bytes }} — too large to display.</p>
    <a class="btn btn-primary" href="{{ rawUrl }}">View raw</a>
  </div>
  {% elif view.kind == 'markdown' %}
  <article class="markdown-body blob-markdown">{{ view.html | safe }}</article>
  {% else %}
  <div class="code-view" id="code-view">{{ view.html | safe }}</div>
  {% endif %}
</div>
{% endblock %}