{% extends "base.html" %}
{# Database hub: the desktop Database Manager's saved connections, status
   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-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 %}<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 connections saved in AidaIDE on this PC. Add or edit them on the PC under Preview &gt; Database &gt; DB Connections.</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 %}