{% 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>

{% if message %}
  <section class="notice{% if message_kind == 'error' %} notice-error{% endif %}" role="status">
    <p>{{ message }}</p>
  </section>
{% endif %}

<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>

<section class="notice workspace-create-panel">
  <h2>Create a database folder here</h2>
  <p class="subtle">Creates a subfolder inside the selected location and switches Grax Web to it.</p>
  <form class="workspace-create-form" method="post" action="{{ url_for('create_workspace_folder') }}">
    <input type="hidden" name="parent_path" value="{{ current_path }}">
    <label>
      New folder name
      <input name="folder_name" type="text" required maxlength="128" autocomplete="off" placeholder="e.g. My simulations">
    </label>
    <button class="button primary" type="submit">Create and use folder</button>
  </form>
</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 %}