{# One job call: the Enterprise Manager block, plus the files it answered with.

   The block is the same text the job call monitor shows for a selected call
   (services/execute.format_block builds it from the monitor's own renderers).
   It carries the .result-view markup so output.js upgrades the pre to an
   editable Monaco pane and copy/download take the edits, exactly like the
   other text formats. #}
<div class="result-view d-flex flex-column h-100"
     data-title="execute {{ outcome.job }}" data-icon-kind="execute" data-icon-id="0"
     data-format="jobcall" data-extension="txt" data-media-type="text/plain">
  <div class="result-toolbar d-flex align-items-center gap-2 px-2 py-1">
    {% if outcome.ok %}
      <span class="badge text-bg-success">{{ t("execute.ok") }}</span>
    {% else %}
      <span class="badge text-bg-danger">{{ outcome.return_code }}</span>
    {% endif %}
    <span class="text-secondary small font-monospace">{{ outcome.job }}</span>
    <span class="text-secondary small">{{ "%.1f"|format(outcome.duration_ms) }} ms</span>
    <span class="flex-grow-1"></span>
    <button type="button" class="btn btn-sm btn-outline-secondary copy-output">
      <i class="ph ph-copy" aria-hidden="true"></i> {{ t("export.copy") }}
    </button>
    <button type="button" class="btn btn-sm btn-outline-secondary download-output">
      <i class="ph ph-download-simple" aria-hidden="true"></i> {{ t("export.download") }}
    </button>
  </div>
  <pre class="result-output flex-grow-1 mb-0 p-2">{{ outcome.text }}</pre>
  {% if outcome.files %}
    {# preview-group makes previous/next in the modal walk the files. #}
    <div class="execute-files preview-group border-top px-2 py-1">
      <table class="table table-sm mb-0 align-middle">
        <caption class="visually-hidden">{{ t("execute.files") }}</caption>
        <thead>
          <tr>
            <th scope="col">{{ t("execute.file_name") }}</th>
            <th scope="col">{{ t("execute.file_kind") }}</th>
            <th scope="col" class="text-end">{{ t("execute.file_size") }}</th>
            <th scope="col" class="text-end">
              {# One archive beats a click per file once there are several. #}
              {% if outcome.run_id and outcome.files | length > 1 %}
                <a class="btn btn-sm btn-link p-0"
                   href="/api/execute/runs/{{ outcome.run_id }}/files.zip" download
                   aria-label="{{ t('execute.download_all', count=outcome.files | length) }}"
                   title="{{ t('execute.download_all', count=outcome.files | length) }}">
                  <i class="ph ph-file-zip" aria-hidden="true"></i>
                </a>
              {% else %}
                <span class="visually-hidden">{{ t("results.actions") }}</span>
              {% endif %}
            </th>
          </tr>
        </thead>
        <tbody>
          {% for file in outcome.files %}
            {% set url = "/api/execute/runs/" ~ outcome.run_id ~ "/files/" ~ file.index %}
            <tr>
              <td class="font-monospace">{{ file.name }}</td>
              <td class="text-secondary">{{ file.kind }}</td>
              <td class="text-end text-secondary">{{ file.size }}</td>
              <td class="text-end">
                {# No run id means the bytes were not kept, so there is
                   nothing to preview or download; the row still names them. #}
                {% if outcome.run_id and file.previewable %}
                  <button type="button" class="btn btn-sm btn-link p-0 row-preview"
                          data-preview-url="{{ url }}/preview" data-text-url="{{ url }}/text"
                          data-download-url="{{ url }}"
                          data-ext="{{ file.extension }}" data-name="{{ file.name }}"
                          aria-label="{{ t('details.preview') }}" title="{{ t('details.preview') }}">
                    <i class="ph ph-eye" aria-hidden="true"></i>
                  </button>
                {% endif %}
                {% if outcome.run_id %}
                  <a class="btn btn-sm btn-link p-0" href="{{ url }}" download
                     aria-label="{{ t('results.download') }}"
                     title="{{ t('results.download') }} (.{{ file.extension }})">
                    <i class="ph ph-download-simple" aria-hidden="true"></i>
                  </a>
                {% endif %}
              </td>
            </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  {% endif %}
</div>