{% extends "app/templates/base.tmpl" %}

{% block title %}
Debug Main Page
{% endblock %}

{% block content %}
<nav>
  <h1>Debug INDEX:</h1>
  <div>[<a href="/dbg/error">ERRORS</a>]</div>
</nav>
<main class="index">
  <section class="widget">
    <fieldset>
      <legend>Download file data:</legend>
      <desc>Given an FILE-ID, downloads the file data as file. The file data is encoded using transit.</desc>
      <form method="get" action="/dbg/file/data">
        <div class="row">
          <input type="text" style="width:300px" name="file-id" placeholder="file-id" />
        </div>
        <div class="row">
          <input type="submit" name="download" value="Download" />
          <input type="submit" name="clone" value="Clone" />
        </div>
      </form>
    </fieldset>

    <fieldset>
      <legend>Upload File Data:</legend>
      <desc>Create a new file on your draft projects using the file downloaded from the previous section.</desc>
      <form method="post" enctype="multipart/form-data" action="/dbg/file/data">
        <div class="row">
          <input type="file" name="file" value="" />
        </div>
        <div class="row">
          <label>Import with same id?</label>
          <input type="checkbox" name="reuseid" />
        </div>

        <input type="submit" value="Upload" />
      </form>
    </fieldset>
  </section>

  <section class="widget">
    <fieldset>
      <legend>Export binfile:</legend>
      <desc>Given an FILE-ID, downloads the file and optionally all
      the related libraries in a single custom formatted binary
      file.</desc>

      <form method="get" action="/dbg/file/export">
        <div class="row set-of-inputs">
          <input type="text" style="width:300px" name="file-ids" placeholder="file-id" />
          <input type="text" style="width:300px" name="file-ids" placeholder="file-id" />
          <input type="text" style="width:300px" name="file-ids" placeholder="file-id" />
          <input type="text" style="width:300px" name="file-ids" placeholder="file-id" />
        </div>

        <div class="row">
          <label>Include libraries?</label>
          <input type="checkbox" name="includelibs" />
        </div>

        <div class="row">
          <label>Embed assets?</label>
          <input type="checkbox" name="embedassets" checked/>
        </div>

        <div class="row">
          <input type="submit" name="download" value="Download" />
          <input type="submit" name="clone" value="Clone" />
        </div>
      </form>
    </fieldset>
    <fieldset>
      <legend>Import binfile:</legend>
      <desc>Import penpot file in binary
      format. If <strong>overwrite</strong> is checked, all files will
      be overwritten using the same ids found in the file instead of
      generating a new ones.</desc>

      <form method="post" enctype="multipart/form-data" action="/dbg/file/import">
        <div class="row">
          <input type="file" name="file" value="" />
        </div>

        <div class="row">
          <label>Overwrite?</label>
          <input type="checkbox" name="overwrite" />
          <br />
          <small>
            Instead of creating a new file with all relations remapped,
            reuses all ids and updates/overwrites the objects that are
            already exists on the database.
            <strong>Warning, this operation should be used with caution.</strong>
          </small>
        </div>

        <div class="row">
          <label>Migrate?</label>
          <input type="checkbox" name="migrate" />
          <br />
          <small>
            Applies the file migrations on the importation process.
          </small>
        </div>

        <div class="row">
          <label>Ignore index errors?</label>
          <input type="checkbox" name="ignore-index-errors" checked/>
          <br />
          <small>
            Do not break on index lookup errors (remap operation).
            Useful when importing a broken file that has broken
            relations or missing pieces.
          </small>
        </div>

        <div class="row">
          <input type="submit" name="upload" value="Upload" />
        </div>
      </form>
    </fieldset>
  </section>
</main>
{% endblock %}