{% extends "workspace_base.html" %}
{% block workspace_content_class %}editor-screen{% endblock %}
{% block workspace_content %}
<form id="editor-form" method="post" action="/w/{{ workspace.id }}/edit/{{ snapshot.relative_path | urlencode }}">
  <input type="hidden" name="_csrf" value="{{ csrf_token }}">
  <input type="hidden" name="digest" value="{{ snapshot.digest }}">
  <input type="hidden" name="mtime_ns" value="{{ snapshot.mtime_ns }}">
  <input type="hidden" name="newline" value="{{ newline_style }}">
  <input type="hidden" name="file_run_idempotency_key" value="{{ file_run_idempotency_key }}">
  <header class="editor-header">
    <a class="editor-back" href="/w/{{ workspace.id }}/files?path={{ (snapshot.relative_path.rsplit('/', 1)[0] if '/' in snapshot.relative_path else '.') | urlencode }}">←</a>
    <span class="editor-file-title">
      <strong class="truncate">{{ snapshot.relative_path.rsplit('/', 1)[-1] }}</strong>
      <small class="truncate">{{ snapshot.relative_path }}</small>
    </span>
    <span class="editor-header-actions">
      {% if terminal_editor_supported %}
      <button class="secondary-button editor-terminal-link"
              type="submit"
              name="intent"
              value="save_and_vim">{{ t('terminal_editor.open') }}</button>
      {% endif %}
      <button class="secondary-button" type="submit" name="intent" value="save">{{ t('common.save') }}</button>
      {% if file_run_supported %}
        {% if active_file_run %}
        <button class="primary-button" type="button" data-file-run-submit disabled>{{ t('file_run.running') }}</button>
        {% else %}
        <button class="primary-button"
                type="submit"
                name="intent"
                value="save_and_run"
                data-file-run-submit>{{ t('file_run.run_again') if latest_file_run else t('file_run.run') }}</button>
        {% endif %}
      {% endif %}
    </span>
  </header>
  {% if saved %}
  <div class="notice success editor-saved-notice">
    <span>{{ t('editor.saved') }}</span>
    <a href="/w/{{ workspace.id }}/terminal">{{ t('editor.back_terminal') }}</a>
  </div>
  {% endif %}
  {% if conflict %}
  <div class="notice error conflict-notice">
    <strong>{{ t('editor.conflict') }}</strong>
    <span>{{ t('editor.conflict_copy') }}</span>
  </div>
  {% endif %}
  {% if save_error %}
  <div class="notice error conflict-notice">
    <strong>{{ t('editor.save_failed') }}</strong>
    <span>{{ save_error }}</span>
  </div>
  {% endif %}
  {% if run_error %}
  <div class="notice error conflict-notice" role="alert">
    <strong>{{ t('file_run.could_not_start') }}</strong>
    <span>{{ run_error }}</span>
  </div>
  {% endif %}
  {% if terminal_editor_error %}
  <div class="notice error conflict-notice" role="alert">
    <strong>{{ t('terminal_editor.could_not_open') }}</strong>
    <span>{{ terminal_editor_error }}</span>
  </div>
  {% endif %}
  <div class="editor-toolbar" role="toolbar" aria-label="{{ t('editor.tools') }}">
    <button type="button" data-editor-action="undo">{{ t('editor.undo') }}</button>
    <button type="button" data-editor-action="redo">{{ t('editor.redo') }}</button>
    <button type="button" data-editor-action="find">{{ t('editor.find') }}</button>
    <button type="button" id="show-diff" data-diff-url="/w/{{ workspace.id }}/diff/{{ snapshot.relative_path | urlencode }}">{{ t('editor.diff') }}</button>
    <button type="button" data-editor-action="indent">{{ t('editor.indent') }}</button>
    <button type="button" data-editor-action="outdent">{{ t('editor.outdent') }}</button>
  </div>
  <div id="find-bar" class="find-bar" hidden>
    <input id="find-input" type="search" placeholder="{{ t('editor.search_placeholder') }}">
    <button type="button" id="find-next">{{ t('editor.next') }}</button>
  </div>
  <textarea id="editor-content"
            name="content"
            aria-label="{{ t('editor.content') }}"
            data-unsaved="{{ '1' if editor_unsaved else '0' }}"
            spellcheck="false"
            autocapitalize="off"
            autocorrect="off">{{ submitted_content if submitted_content is defined else snapshot.content }}</textarea>
</form>
{% set shown_file_run = active_file_run or latest_file_run %}
{% if shown_file_run %}
<aside class="file-run-bar {{ shown_file_run.display_state }}"
       data-file-run
       data-state="{{ shown_file_run.state }}"
       data-status-url="{{ shown_file_run.status_url }}"
       data-started-at="{{ shown_file_run.started_at or '' }}">
  <span class="file-run-summary">
    <span class="state-chip {% if shown_file_run.active %}running{% endif %}">
      <span class="status-dot" aria-hidden="true"></span>
      <strong data-file-run-state>{{ shown_file_run.state_label }}</strong>
    </span>
    <code title="{{ shown_file_run.relative_path }}">{{ shown_file_run.relative_path }}</code>
    <small data-file-run-duration>
      {% if shown_file_run.duration_seconds is not none %}{{ t('file_run.duration', seconds=shown_file_run.duration_seconds) }}{% endif %}
    </small>
    <small data-file-run-exit>
      {% if shown_file_run.exit_code is not none %}{{ t('file_run.exit_code', code=shown_file_run.exit_code) }}{% endif %}
    </small>
    {% if active_file_run and active_file_run.relative_path != snapshot.relative_path %}
    <small>{{ t('file_run.other_file_running') }}</small>
    {% endif %}
    {% if shown_file_run.source_changed %}
    <small data-file-run-stale>{{ t('file_run.source_changed_since_run') }}</small>
    {% endif %}
    <small class="file-run-error" data-file-run-error {% if not shown_file_run.error_detail %}hidden{% endif %}>{{ shown_file_run.error_detail or '' }}</small>
  </span>
  <span class="file-run-actions">
    {% if shown_file_run.terminal_url %}
    <a class="secondary-button" href="{{ shown_file_run.terminal_url }}">{{ t('file_run.open_terminal') }}</a>
    {% endif %}
    <form method="post"
          action="{{ shown_file_run.stop_url }}"
          data-file-run-stop
          {% if not shown_file_run.active or shown_file_run.needs_force %}hidden{% endif %}>
      <input type="hidden" name="_csrf" value="{{ csrf_token }}">
      <input type="hidden" name="return_to" value="editor">
      <button class="secondary-button" type="submit">{{ t('file_run.stop') }}</button>
    </form>
    <form method="post"
          action="{{ shown_file_run.kill_url }}"
          data-file-run-force
          {% if not shown_file_run.needs_force %}hidden{% endif %}>
      <input type="hidden" name="_csrf" value="{{ csrf_token }}">
      <input type="hidden" name="return_to" value="editor">
      <button class="danger-button" type="submit" data-confirm="{{ t('file_run.force_confirm') }}">{{ t('file_run.force_stop') }}</button>
    </form>
  </span>
</aside>
{% endif %}
<dialog id="diff-dialog" class="diff-dialog">
  <header><strong>{{ t('editor.diff') }}</strong><button type="button" data-close-dialog>{{ t('common.close') }}</button></header>
  <pre id="diff-output"></pre>
</dialog>
{% endblock %}