{% if profile.type == "databricks" %}
<form class="profile-form"
      hx-post="/api/profiles/{{ name }}/edit"
      hx-target="#modal-body"
      hx-swap="innerHTML"
      hx-indicator="#profile-edit-spinner"
      hx-disabled-elt="find button[type='submit']">

  {% if error %}
  <div class="form-error">{{ error }}</div>
  {% endif %}

  <div class="form-group">
    <label>Profile name</label>
    <input type="text" value="{{ name }}" disabled />
  </div>

  <div class="form-group">
    <label>Host</label>
    <input type="text" name="host" value="{{ form.host if form else profile.host }}" required />
  </div>

  <div class="form-group">
    <label>HTTP path</label>
    <input type="text" name="http_path" value="{{ form.http_path if form else profile.http_path }}" required />
  </div>

  <div class="form-group">
    <label>Access token</label>
    <input type="password" name="token" placeholder="Leave blank to keep existing" />
  </div>

  <div class="form-row">
    <div class="form-group">
      <label>Catalog</label>
      <input type="text" name="catalog" value="{{ form.catalog if form else profile.catalog }}" />
    </div>
    <div class="form-group">
      <label>Default schema</label>
      <input type="text" name="schema" value="{{ form.schema if form else profile.schema_ }}" />
    </div>
  </div>

  <div class="form-group">
    <label>Access</label>
    <div class="form-radio-row">
      <label class="form-check">
        <input type="radio" name="read_only" value="false"
               {{ "checked" if not (form.read_only if form else profile.read_only) else "" }}> Read/Write
      </label>
      <label class="form-check">
        <input type="radio" name="read_only" value="true"
               {{ "checked" if (form.read_only if form else profile.read_only) else "" }}> Read-only
      </label>
    </div>
  </div>

  <label class="form-check">
    <input type="checkbox" name="sync_databrickscfg" value="true">
    Also save to ~/.databrickscfg (so Databricks CLI / VS Code / dbt-databricks can use this too)
  </label>

  <div class="form-actions">
    <label class="form-check">
      <input type="checkbox" name="test_connection" value="true"> Test before saving
    </label>
    <span id="profile-edit-spinner" class="form-spinner"><span class="spinner"></span>Saving…</span>
    <button type="button" class="btn-secondary" onclick="closeModal()">Cancel</button>
    <button type="submit" class="btn-primary">Save changes</button>
  </div>
</form>
{% else %}
<div class="profile-form">
  <div class="form-group"><label>Type</label><input type="text" value="{{ profile.type }}" disabled /></div>
  <div class="form-group"><label>Host</label><input type="text" value="{{ profile.host }}" disabled /></div>
  <div class="form-group"><label>Database</label><input type="text" value="{{ profile.dbname }}" disabled /></div>
  <div class="form-group"><label>User</label><input type="text" value="{{ profile.user }}" disabled /></div>
  <p class="dim">Editing non-Databricks connections isn't supported in the web UI yet — edit
    <code>~/.config/dbst/config.yaml</code> directly.</p>
  <div class="form-actions">
    <button type="button" class="btn-secondary" onclick="closeModal()">Close</button>
  </div>
</div>
{% endif %}