{% 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] %}
          <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>
        </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 }}">Save to file…</button>
          <a class="btn" href="/wikis/{{ w.slug }}/export-md">Export .md</a>
        </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 %}