{% extends "base.html" %}

{% block content %}
<section class="dashboard-section">
  <div class="section-heading">
    <div>
      <p class="eyebrow">Dashboard</p>
      <h2>Graphs</h2>
      <p class="section-tagline">All graphs across all managed instances.</p>
      {% if current_user %}
      <p class="section-tagline">Signed in as {{ current_user.display_name }}.</p>
      {% endif %}
    </div>
    {% if current_user.is_owner %}
    <a class="button" href="{{ mount_prefix }}{{ web_app.url_path_for('graph_create_page') }}">Add graph</a>
    {% endif %}
  </div>

  <div class="card-grid">
    {% for graph in graphs %}
    <article class="resource-card">
      <div class="resource-header">
        <div>
          <h3>{{ graph.display_name }}</h3>
          <p class="resource-subtitle">{{ graph.instance_display_name }}</p>
        </div>
        <span class="status-pill status-{{ graph.status }}">{{ graph.status }}</span>
      </div>
      <dl class="resource-meta">
        <div>
          <dt>Prefix</dt>
          <dd>{{ graph.table_prefix if graph.table_prefix else "(default)" }}</dd>
        </div>
        <div>
          <dt>Instance</dt>
          <dd>{{ graph.instance_slug }}</dd>
        </div>
        <div>
          <dt>Source</dt>
          <dd>{{ graph.source }}</dd>
        </div>
        <div>
          <dt>Present</dt>
          <dd>{{ "yes" if graph.exists_in_instance else "no" }}</dd>
        </div>
      </dl>
      {% if graph.status_message %}
      <p class="resource-note">{{ graph.status_message }}</p>
      {% endif %}
      {% if current_user.is_owner %}
      <div class="button-row">
        <a class="button button-secondary"
          href="{{ mount_prefix }}{{ web_app.url_path_for('graph_overview_page', graph_id=graph.id) }}">Open</a>
        <a class="button button-secondary"
          href="{{ mount_prefix }}{{ web_app.url_path_for('graph_edit_page', graph_id=graph.id) }}">Edit</a>
        {% if graph.table_prefix %}
        <form action="{{ mount_prefix }}{{ web_app.url_path_for('graph_delete', graph_id=graph.id) }}" method="post">
          <button class="button button-danger" type="submit">Delete</button>
        </form>
        {% endif %}
      </div>
      {% endif %}
    </article>
    {% else %}
    <article class="resource-card resource-card-empty">
      <h3>No graphs yet</h3>
      <p class="resource-note">
        Managed graphs will appear here once an instance is reachable and its GPDB
        tables are discovered.
      </p>
    </article>
    {% endfor %}
  </div>
</section>

<section class="dashboard-section">
  <div class="section-heading">
    <div>
      <p class="eyebrow">Connections</p>
      <h2>Instances</h2>
    </div>
    {% if current_user.is_owner %}
    <a class="button" href="{{ mount_prefix }}{{ web_app.url_path_for('instance_create_page') }}">Add instance</a>
    {% endif %}
  </div>

  <div class="card-grid">
    {% for instance in instances %}
    <article class="resource-card">
      <div class="resource-header">
        <div>
          <h3>{{ instance.display_name }}</h3>
          <p class="resource-subtitle">{{ instance.slug }}</p>
        </div>
        <span class="status-pill status-{{ instance.status }}">{{ instance.status }}</span>
      </div>
      <dl class="resource-meta">
        <div>
          <dt>Mode</dt>
          <dd>{{ instance.mode }}</dd>
        </div>
        <div>
          <dt>Database</dt>
          <dd>{{ instance.database or "runtime-managed" }}</dd>
        </div>
        <div>
          <dt>Host</dt>
          <dd>{{ instance.host or "runtime-managed" }}</dd>
        </div>
        <div>
          <dt>Active</dt>
          <dd>{{ "yes" if instance.is_active else "no" }}</dd>
        </div>
      </dl>
      {% if instance.description %}
      <p class="resource-note">{{ instance.description }}</p>
      {% endif %}
      {% if instance.status_message %}
      <p class="resource-note">{{ instance.status_message }}</p>
      {% endif %}
      {% if current_user.is_owner %}
      <div class="button-row">
        <a class="button button-secondary"
          href="{{ mount_prefix }}{{ web_app.url_path_for('instance_edit_page', instance_id=instance.id) }}">Edit</a>
        {% if not instance.is_builtin %}
        <form action="{{ mount_prefix }}{{ web_app.url_path_for('instance_delete', instance_id=instance.id) }}"
          method="post">
          <button class="button button-danger" type="submit">Delete</button>
        </form>
        {% endif %}
      </div>
      {% endif %}
    </article>
    {% endfor %}
  </div>
</section>
{% endblock %}

{% block scripts %}
<script>
  // Show info strap on page load if error/success query params exist
  const urlParams = new URLSearchParams(window.location.search);
  const error = urlParams.get('error');
  const success = urlParams.get('success');
  if (error) {
    showInfoStrap(error, 'error');
  } else if (success) {
    showInfoStrap(success, 'success');
  }
</script>
{% endblock %}