{% extends "base.html" %}
{# Database hub: the desktop Database Manager's saved connections, status
   profile management and a query editor that runs read-only unless changes are turned on. #}
{% block title %}Databases{% endblock %}
{% block page_id %}database{% endblock %}
{% block head %}
<style>
  .d-conn { cursor: pointer; }
  .d-sql { min-height: 150px; font-size: 13px; }
  .d-results .a-table-wrap { max-height: 60vh; }
  .d-json { max-height: 50vh; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; }
  .d-json-input { min-height: 70px; font-family: monospace; }
  .d-value-input { min-height: 180px; }
  .d-key-list { max-height: 35vh; overflow: auto; margin: 12px 0; }
  .d-transactions { margin-bottom: 8px; }
  .d-write-on { border-color: var(--bad) !important; box-shadow: 0 0 0 3px var(--bad-soft); }
</style>
{% endblock %}
{% block content %}
<div class="a-page-head">
  <h1><i class="fa-solid fa-database" aria-hidden="true"></i> Databases</h1>
  {% if not locked and is_owner %}<button class="a-btn a-btn--primary" type="button" id="d-add"><i class="fa-solid fa-plus" aria-hidden="true"></i><span>Add connection</span></button>{% endif %}
  {% if not locked %}<button class="a-btn" type="button" id="d-check"><i class="fa-solid fa-heart-pulse" aria-hidden="true"></i><span>Check status</span></button>{% endif %}
  <div class="a-sub">The same saved connections as AidaIDE on this PC. {% if is_owner %}Add, edit or remove a connection here.{% else %}The owner manages saved connections.{% endif %}</div>
</div>
<div id="d-root" data-locked="{{ 'yes' if locked else 'no' }}"></div>
{% endblock %}
{% block scripts %}
<script src="{{ aida_rel('static/js/database.js') }}"></script>
{% endblock %}