{% extends "base.html" %}
{% block content %}
<p class="modal-meta">
  Currently connected to <code>{{ current_uri_display }}</code>.
  Switching the URI rebinds the admin app to a new target without
  restarting — open WebSocket clients (dashboard metrics, change-stream
  tail) keep their queues and start streaming from the new server on
  the next tick.
</p>

{% if error %}<div class="error">{{ error }}</div>{% endif %}
{% if flash %}<div class="flash flash-ok">{{ flash }}</div>{% endif %}
{% if embedded_flash %}
  <div class="flash flash-{{ embedded_flash.kind }}">{{ embedded_flash.msg }}</div>
{% endif %}
{% if embedded_error %}<div class="error">{{ embedded_error }}</div>{% endif %}

<h2 class="section-title">Embedded SecantusDB server</h2>
<section class="embedded-panel">
  <div class="embedded-row">
    <div>
      {% if embedded.running %}
        <div class="tile-value">
          <span class="server-badge-dot" aria-hidden="true"></span>
          <code>{{ embedded.uri }}</code>
        </div>
        <div class="tile-hint">
          Storage at <code>{{ embedded.storage_path }}</code> ·
          the admin app is connected to it.
        </div>
      {% else %}
        <div class="tile-value tile-value-quiet">stopped</div>
        <div class="tile-hint">
          Click <strong>Start</strong> to spin up an in-process server;
          the admin app will switch its target to it automatically.
        </div>
      {% endif %}
    </div>
    <div class="embedded-actions">
      {% if embedded.running %}
        <form method="post" action="/embedded/stop" class="inline-form">
          <button type="submit" class="btn-danger">Stop</button>
        </form>
      {% else %}
        <form method="post" action="/embedded/start" class="filter-form embedded-form">
          <label class="filter-label">
            Storage path (optional)
            <input
              type="text"
              name="storage_path"
              placeholder="{{ embedded_default_path }}"
              value="{{ pending_storage }}"
              autocomplete="off"
            />
          </label>
          <div class="modal-actions">
            <button type="submit">Start</button>
          </div>
        </form>
      {% endif %}
    </div>
  </div>
</section>

<h2 class="section-title">Switch to a new target</h2>
<form class="filter-form" method="post" action="/server/switch">
  <label class="filter-label">
    MongoDB URI
    <input
      type="text"
      name="uri"
      autocomplete="off"
      inputmode="url"
      placeholder="mongodb://127.0.0.1:27017/"
      value="{{ pending_uri }}"
      pattern="mongodb(\+srv)?://.*"
      title="URI must start with mongodb:// or mongodb+srv://"
      required
    />
  </label>
  <p class="modal-meta">
    Same URI grammar as <code>--uri</code> at launch. Credentials embed
    in the URI: <code>mongodb://alice:secret@host:27017/?authSource=admin</code>.
  </p>
  <div class="modal-actions">
    <button type="submit">Switch</button>
  </div>
</form>

<h2 class="section-title">Recently used</h2>

{% if targets %}
  <table class="data-table">
    <thead>
      <tr>
        <th>URI</th>
        <th class="doc-actions-col">Actions</th>
      </tr>
    </thead>
    <tbody>
      {% for t in targets %}
        <tr>
          <td>
            <code>{{ t.display_uri }}</code>
            {% if t.is_current %}<span class="badge">current</span>{% endif %}
          </td>
          <td class="doc-actions">
            {% if not t.is_current %}
              <form method="post" action="/server/switch" class="inline-form">
                <input type="hidden" name="uri" value="{{ t.uri }}" />
                <button type="submit" class="btn-secondary">Switch</button>
              </form>
              <form method="post" action="/server/forget" class="inline-form">
                <input type="hidden" name="uri" value="{{ t.uri }}" />
                <button type="submit" class="btn-danger">Forget</button>
              </form>
            {% else %}
              <span class="muted">—</span>
            {% endif %}
          </td>
        </tr>
      {% endfor %}
    </tbody>
  </table>
{% else %}
  <p class="empty">No saved targets yet — switch to one above and it'll show up here.</p>
{% endif %}
{% endblock %}