{% extends "base.html" %}
{% block content %}
<div class="repo-layout">
  <aside class="category-sidebar">
    <div class="side-title">Categories</div>
    <a class="category-link {% if not category %}active{% endif %}" href="{{ url_for('index', q=q) }}">
      <span>All files</span><span class="count">{{ total_files }}</span>
    </a>
    {% for c in categories %}
    <a class="category-link {% if category|string==c.id|string %}active{% endif %}" href="{{ url_for('index', category=c.id, q=q) }}">
      <span>{{ c.name }}</span><span class="count">{{ c.file_count }}</span>
    </a>
    {% endfor %}
  </aside>

  <section class="repo-main">
    <div class="pagehead compact-head">
      <div><h1>Files</h1><p class="meta">Browse file groups and choose Windows, macOS, Linux or other download/version options on each file page.</p></div>
      {% if is_admin %}<a class="btn" href="{{ url_for('upload') }}">Upload file</a>{% endif %}
    </div>

    <form class="search" method="get">
      {% if category %}<input type="hidden" name="category" value="{{ category }}">{% endif %}
      <input name="q" value="{{q}}" placeholder="Search names, notes, keywords or extracted metadata">
      <button>Search</button>
      {% if q %}<a class="btn secondary" href="{{ url_for('index', category=category) }}">Clear</a>{% endif %}
    </form>

    <div class="grid">
    {% for x in items %}
      <article class="card">
        {% if x.icon_filename %}
          <img class="file-art" src="{{ url_for('icon',file_id=x.id) }}" alt="">
        {% else %}
          <div class="fileicon">{{ (x.original_name or x.display_name).split('.')[-1][:4]|upper }}</div>
        {% endif %}
        <div class="grow">
          <h2><a href="{{url_for('file_detail',file_id=x.id)}}">{{x.display_name}}</a></h2>
          <div class="meta">
            Download: {{x.version_label or 'No version'}}
            {% if x.size_bytes %} · {{ '%.1f' % (x.size_bytes / 1048576) }} MB{% endif %}
          </div>
          <div class="platforms">
            {% if x.windows_supported %}<span class="platform">Windows{% if x.windows_version %}: {{x.windows_version}}{% endif %}</span>{% endif %}
            {% if x.mac_supported %}<span class="platform">macOS{% if x.mac_version %}: {{x.mac_version}}{% endif %}</span>{% endif %}
            {% if x.linux_supported %}<span class="platform">Linux{% if x.linux_version %}: {{x.linux_version}}{% endif %}</span>{% endif %}
          </div>
          {% if x.category_names %}<div class="tags category-tags">{% for c in x.category_names.split('||') if c %}<span>{{c}}</span>{% endfor %}</div>{% endif %}
          {% if x.keywords %}<div class="tags">{% for k in x.keywords.split(',') if k.strip() %}<span>{{k.strip()}}</span>{% endfor %}</div>{% endif %}
          {% if x.notes %}<p>{{x.notes}}</p>{% endif %}
        </div>
        <div class="actions">
          {% if x.version_id %}
            {% if x.mime_type=='application/pdf' or (x.original_name and x.original_name.lower().endswith('.pdf')) %}<a class="btn secondary" target="_blank" href="{{url_for('view',version_id=x.version_id)}}">Read PDF</a>{% endif %}
            <a class="btn" href="{{url_for('download',version_id=x.version_id)}}">Download</a>
          {% endif %}
        </div>
      </article>
    {% else %}
      <div class="empty">No files found.</div>
    {% endfor %}
    </div>
  </section>
</div>
{% endblock %}