{% extends "base.html" %}
{% block title %}Wikis — Waikiki{% endblock %}
{% block content %}
  <div class="article-head">
    <h1>Wikis</h1>
    <div class="tools">
      <button class="btn" type="button" id="open-file">Open wiki file…</button>
    </div>
  </div>
  {% if error %}<div class="banner err">{{ error }}</div>{% endif %}
  <p class="muted">Each wiki is a fully isolated database file — pages, search, and
    <code>[[links]]</code> never cross between them. Save a wiki to a file to back
    it up or move it; open one to bring it in.</p>

  {# Browser fallback for Open (the desktop app uses a native dialog instead). #}
  <form id="import-form" method="post" action="/wikis/import"
        enctype="multipart/form-data" class="addmodel" style="display:none">
    <input type="file" name="file" accept=".wiki,.db" required>
    <button class="btn primary" type="submit">Open</button>
  </form>

  <table class="modeltable">
    <tbody>
    {% for w in wikis %}
      <tr>
        <td><strong>{{ w.name }}</strong> <span class="muted">/{{ w.slug }}</span>
          {% if w.slug == current_wiki %}<span class="badge human">active</span>{% endif %}
          {% set s = stats[w.slug] %}
          {% if s.unreadable %}
            {# A file SQLite can't open. Say so here rather than 500 the page:
               this is where someone comes to open a backup or move to a wiki
               that works, so it has to render. See issue #71. #}
            <span class="badge ai">can’t be read</span>
            <div class="muted wikistats">
              {{ s.reason }} · {{ (s.bytes / 1048576) | round(1) }} MB on disk,
              left untouched
            </div>
            {# The restore route, spelled out where the damage is reported.
               Settings explains it too, but Settings reads the active wiki —
               which may be this one. #}
            <details class="muted wikistats">
              <summary>How to get this wiki back</summary>
              <ol>
                {% if restore.latest %}
                  <li>Open <code>{{ restore.dir }}</code> and take the newest
                    folder — <strong>{{ restore.latest.when }}</strong>.</li>
                {% else %}
                  <li>Open <code>{{ restore.dir }}</code>: one folder per date,
                    each holding a <code>{{ w.slug }}.db</code>.
                    {% if not restore.enabled %}Automatic backups are currently
                    switched off, so there may be none — any <code>.wiki</code>
                    file you exported works here too.{% endif %}</li>
                {% endif %}
                <li>Use <em>Open wiki file…</em> above on its
                  <code>{{ w.slug }}.db</code>.</li>
                <li>It opens as a separate wiki, so you can compare before
                  deciding anything. The damaged file is left as it is.</li>
              </ol>
            </details>
          {% else %}
          <div class="muted wikistats">
            {{ s.articles }} article{{ '' if s.articles == 1 else 's' }} ·
            {{ s.links }} link{{ '' if s.links == 1 else 's' }}
            {% if s.links_broken %}(<a class="broken" href="/broken-links">{{ s.links_broken }} broken</a>){% endif %} ·
            {{ (s.bytes / 1048576) | round(1) }} MB
            {% if s.trashed %} · {{ s.trashed }} in trash{% endif %}
          </div>
          {% endif %}
        </td>
        <td>
          <form method="post" action="/switch-wiki">
            <input type="hidden" name="wiki" value="{{ w.slug }}">
            <button class="btn" type="submit">Switch to</button>
          </form>
        </td>
        <td>
          <button class="btn" type="button" data-save="{{ w.slug }}"
                  {{ 'disabled' if s.unreadable }}>Save to file…</button>
          {% if s.unreadable %}
            <span class="btn" aria-disabled="true">Export .md</span>
          {% else %}
            <a class="btn" href="/wikis/{{ w.slug }}/export-md">Export .md</a>
          {% endif %}
        </td>
        <td>
          <form method="post" action="/wikis/{{ w.slug }}/delete"
                onsubmit="return confirm('Delete the {{ w.name }} wiki and all its pages? This cannot be undone.')">
            <button class="btn danger" type="submit">Delete</button>
          </form>
        </td>
      </tr>
    {% endfor %}
    </tbody>
  </table>

  <h4>Create a wiki</h4>
  <form method="post" action="/wikis/create" class="addmodel">
    <input type="text" name="name" placeholder="e.g. Beaconlight" required>
    <button class="btn primary" type="submit">Create wiki</button>
  </form>

  <script>
    function native() { return window.pywebview && window.pywebview.api; }

    document.querySelectorAll('[data-save]').forEach(function (btn) {
      btn.addEventListener('click', function () {
        var slug = btn.getAttribute('data-save');
        if (native()) {
          window.pywebview.api.save_wiki(slug).then(function (r) {
            if (r.ok) alert('Saved to ' + r.path);
            else if (!r.cancelled) alert('Save failed: ' + r.error);
          });
        } else {
          window.location = '/wikis/' + slug + '/export';   // browser: download
        }
      });
    });

    document.getElementById('open-file').addEventListener('click', function () {
      if (native()) {
        window.pywebview.api.open_wiki().then(function (r) {
          if (r.ok) {
            document.cookie = 'waikiki_wiki=' + r.slug + ';path=/;max-age=31536000';
            window.location = '/';
          } else if (!r.cancelled) {
            alert('Open failed: ' + r.error);
          }
        });
      } else {
        document.getElementById('import-form').style.display = 'flex';  // browser: upload
      }
    });
  </script>
{% endblock %}