{% extends "base.html" %}
{% set remote_run = workspace.remote_run | default(none) %}
{% set server_terminal = workspace.is_server_terminal | default(false) %}
{% set remote_run_state_key = ('remote_run.state.' ~ remote_run.state) if remote_run else '' %}
{% set remote_run_terminal = remote_run and remote_run.state in ('finished', 'stopped', 'failed', 'lost') %}
{% if remote_run %}
  {% set workspace_kind_label = 'remote_run.workspace_mode' %}
{% elif server_terminal %}
  {% set workspace_kind_label = 'server_terminal.mode' %}
{% elif workspace.backend_kind == 'ssh' %}
  {% set workspace_kind_label = 'workspace.kind.ssh' %}
{% else %}
  {% set workspace_kind_label = 'workspace.kind.local' %}
{% endif %}
{% set workspace_sidebar_status = t('server_terminal.mode') if server_terminal else t(session_status_label) %}
{% set workspace_sidebar_detail = t('common.terminal') ~ ' ' ~ terminal_count %}
{% block body_class %}workspace-page{% endblock %}
{% block body %}
<header class="workspace-header">
  <div class="workspace-brand-row">
    <a class="workspace-brand" href="/" aria-label="{{ t('app.home') }}">
      <span class="brand-mark" aria-hidden="true">
        <svg viewBox="0 0 24 24"><path d="M6 7l5 5-5 5M13 17h5"/></svg>
      </span>
      <span>Termroom</span>
    </a>
    <span class="workspace-brand-actions">
      <span class="workspace-mode">{{ workspace.connection_label or t('home.this_computer') }} · {{ t(workspace_kind_label) }}</span>
      <label class="workspace-language-select workspace-language-desktop" aria-label="{{ t('app.language') }}">
        <select data-language-select>
          {% for code, label in languages.items() %}
          <option value="{{ code }}" {% if code == locale %}selected{% endif %}>{{ code | upper }}</option>
          {% endfor %}
        </select>
      </label>
    </span>
  </div>
  <div class="workspace-project-row">
    <a class="workspace-home-button" href="{% if server_terminal %}/computers/{{ workspace.computer_id }}{% else %}/{% endif %}" aria-label="{% if server_terminal %}{{ t('server_terminal.settings') }}{% else %}{{ t('common.home') }}{% endif %}">
      <span aria-hidden="true">←</span>
    </a>
    <div class="workspace-title">
      <strong title="{{ workspace.display_name }}">{{ workspace.display_name }}</strong>
      <small title="{{ workspace.canonical_path }}">{{ workspace.connection_label or t('home.this_computer') }} · {{ t(workspace_kind_label) }}</small>
    </div>
    <span class="workspace-mobile-actions">
      <span class="workspace-mobile-mode">
        <strong>{{ workspace.connection_label or t('home.this_computer') }}</strong>
        <small>{{ t(workspace_kind_label) }}</small>
      </span>
      <label class="workspace-language-select workspace-language-mobile" aria-label="{{ t('app.language') }}">
        <select data-language-select>
          {% for code, label in languages.items() %}
          <option value="{{ code }}" {% if code == locale %}selected{% endif %}>{{ code | upper }}</option>
          {% endfor %}
        </select>
      </label>
    </span>
  </div>
</header>
{% if remote_run %}
<aside class="remote-workspace-bar{% if remote_run_terminal %} is-terminal{% endif %}"
       aria-label="{{ t('remote_run.workspace_mode') }}"
       data-remote-run-workspace
       data-status-url="/api/remote-runs/{{ remote_run.id }}/status"
       data-state="{{ remote_run.state }}">
  <span>
    <span class="state-chip {% if remote_run.state == 'running' %}running{% endif %}">
      <span class="status-dot" aria-hidden="true"></span>
      <span data-run-workspace-state>{{ t(remote_run_state_key) }}</span>
    </span>
    {% if remote_run.exit_code is not none %}<strong>{{ t('remote_run.exit_code', code=remote_run.exit_code) }}</strong>{% endif %}
    <code title="{{ remote_run.command }}">{{ remote_run.command.splitlines()[0] }}</code>
    {% if remote_run_terminal and remote_run.expires_at %}
    <small class="remote-run-retention"
           data-run-retention
           data-expires-at="{{ remote_run.expires_at }}"
           data-template="{{ t('remote_run.retention_until', time='{time}') }}"
           title="{{ t('remote_run.retention_copy', computer=workspace.connection_label) }}">{{ t('remote_run.retention_until', time=remote_run.expires_at) }}</small>
    <span class="sr-only">{{ t('remote_run.retention_copy', computer=workspace.connection_label) }}</span>
    {% endif %}
  </span>
  <span class="remote-workspace-actions">
    {% if remote_run.state in ('preparing', 'running') %}
    {% if remote_run.stop_requested_at %}
    <span class="remote-run-stop-waiting">{{ t('remote_run.stop_waiting') }}</span>
    <form method="post"
          action="/remote-runs/{{ remote_run.id }}/kill"
          data-run-force-stop
          data-stop-requested-at="{{ remote_run.stop_requested_at }}"
          hidden>
      <input type="hidden" name="_csrf" value="{{ csrf_token }}">
      <button class="danger-button" type="submit" data-confirm="{{ t('remote_run.stop_waiting_copy') }}">{{ t('remote_run.force_stop') }}</button>
    </form>
    {% else %}
    <form method="post" action="/remote-runs/{{ remote_run.id }}/stop">
      <input type="hidden" name="_csrf" value="{{ csrf_token }}">
      <button class="secondary-button" type="submit">{{ t('remote_run.stop') }}</button>
    </form>
    {% endif %}
    {% else %}
    <form method="post" action="/remote-runs/{{ remote_run.id }}/delete">
      <input type="hidden" name="_csrf" value="{{ csrf_token }}">
      <button class="danger-button" type="submit" data-confirm="{{ t('remote_run.delete_confirm') }}">{{ t('remote_run.delete_now') }}</button>
    </form>
    {% endif %}
  </span>
</aside>
{% endif %}
<main class="workspace-content {% block workspace_content_class %}{% endblock %}">
  {% block workspace_content %}{% endblock %}
</main>
<nav class="bottom-nav" aria-label="{% if server_terminal %}{{ t('server_terminal.title') }}{% else %}{{ t('common.workspace') }}{% endif %}">
  <span class="workspace-nav-label">{% if server_terminal %}{{ t('server_terminal.title') }}{% else %}{{ t('common.workspace') }}{% endif %}</span>
  <a class="{% if active_tab == 'terminal' %}active{% endif %}" href="/w/{{ workspace.id }}/terminal">
    <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M5 7l4 5-4 5M11 17h8"/></svg>
    <span>{{ t('common.terminal') }}</span>
  </a>
  {% if server_terminal %}
  <a href="/open/{{ workspace.computer_id }}">
    <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M4 6h6l2 2h8v10H4z"/></svg>
    <span>{{ t('server_terminal.workspaces') }}</span>
  </a>
  <a href="/computers/{{ workspace.computer_id }}">
    <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 8a4 4 0 1 0 0 8 4 4 0 0 0 0-8M12 3v2M12 19v2M3 12h2M19 12h2M5.6 5.6 7 7M17 17l1.4 1.4M18.4 5.6 17 7M7 17l-1.4 1.4"/></svg>
    <span>{{ t('server_terminal.settings') }}</span>
  </a>
  {% else %}
  <a class="{% if active_tab == 'files' %}active{% endif %}" href="/w/{{ workspace.id }}/files">
    <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M4 6h6l2 2h8v10H4z"/></svg>
    <span>{{ t('common.files') }}</span>
  </a>
  <a class="{% if active_tab == 'recent' %}active{% endif %}" href="/w/{{ workspace.id }}/recent">
    <svg viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="8"/><path d="M12 7v5l3 2"/></svg>
    <span>{{ t('common.recent') }}</span>
  </a>
  {% endif %}
</nav>
<footer class="workspace-sidebar-footer" aria-label="{% if server_terminal %}{{ t('server_terminal.title') }}{% else %}{{ t('common.workspace') }}{% endif %}">
  <span class="status-dot {% if session_active %}is-active{% endif %}"></span>
  <span class="workspace-sidebar-copy">
    <strong title="{{ workspace_sidebar_status }}">{{ workspace_sidebar_status }}</strong>
    <small title="{{ workspace_sidebar_detail }}">{{ workspace_sidebar_detail }}</small>
  </span>
</footer>
{% block workspace_scripts %}{% endblock %}
{% if remote_run %}<script src="{{ url_for('static', path='remote_run.js') }}?v=9" defer></script>{% endif %}
{% endblock %}