{% extends "base.html" %}
{% block title %}Select database folder{% endblock %}
{% block body %}
<section class="section-head">
  <div>
    <h1>Select database folder</h1>
    <p>Choose the folder where Grax Web should read and save its database.</p>
  </div>
  <a class="button" href="{{ url_for('index') }}">Cancel</a>
</section>

<section class="notice">
  <nav class="export-breadcrumbs" aria-label="Folder path">
    {% for crumb in breadcrumbs %}
      {% if not loop.first %}<span>/</span>{% endif %}
      <a href="{{ url_for('browse_workspace', path=crumb.path) }}">{{ crumb.name }}</a>
    {% endfor %}
  </nav>
  <p class="subtle"><code>{{ current_path }}</code></p>
  <div class="actions" style="margin-top: 14px">
    <form method="post" action="{{ url_for('switch_workspace') }}">
      <input type="hidden" name="workspace_root" value="{{ current_path }}">
      <button class="button primary" type="submit">Use this folder</button>
    </form>
    {% if parent_path %}<a class="button" href="{{ url_for('browse_workspace', path=parent_path) }}">Up</a>{% endif %}
  </div>
</section>

<div class="list compact">
  {% for entry in entries %}
    <div class="row">
      <strong>{{ entry.name }}</strong>
      <a class="button" href="{{ url_for('browse_workspace', path=entry.path) }}">Open</a>
    </div>
  {% else %}
    <p class="empty">No visible subfolders here.</p>
  {% endfor %}
</div>
{% endblock %}