{# plugins/homeassistant/templates/homeassistant/form.html — where Home Assistant
   is, the read-only token Steward reads it with, and the automation to add so
   Steward can install updates. A secret is never sent back in a field; a blank
   one keeps what's saved. #}
{% extends "base.html" %}
{% from "_macros.html" import crumbs, page_header %}
{% block title %}Home Assistant connection — Steward{% endblock %}
{% block breadcrumb %}{{ crumbs([("Home Assistant", "/plugins/homeassistant/"), ("Connection", "")]) }}{% endblock %}
{% block content %}
{{ page_header("Home Assistant connection") }}

<div class="form-page">
{% if error %}<p class="field-error" role="alert">{{ error }}</p>{% endif %}
<form method="post" id="ha-form" action="/plugins/homeassistant/connection">{{ csrf_field() }}
  <section class="card form-section" aria-labelledby="ha-where">
    <h2 id="ha-where" class="section-title">Reading it</h2>
    <div class="form-pair">
      <div class="field">
        <label class="field-label" for="ha-url">Address</label>
        <input class="input mono" id="ha-url" name="url" required maxlength="500" value="{{ v.url or '' }}" placeholder="http://homeassistant.local:8123" autocomplete="off">
        <span class="field-hint">Its address on your local network, not a public one: the webhook only answers local requests.</span>
      </div>
      <div class="field">
        <label class="field-label" for="ha-token">Read-only token</label>
        <input class="input" id="ha-token" name="token" type="password" autocomplete="new-password"
               placeholder="{{ 'kept; type to change' if v.has_token else 'a long-lived access token' }}">
        <span class="field-hint">Use a long-lived token of a user in Home Assistant's read-only group, so nothing Steward holds can act on your house.</span>
      </div>
    </div>
    <label style="display:flex;gap:0.5rem;align-items:center;cursor:pointer;margin-bottom:0.9rem;">
      <input type="checkbox" name="verify_tls" value="on"{% if v.verify_tls %} checked{% endif %}> Check its HTTPS certificate
    </label>
    <div style="display:flex;align-items:center;gap:0.75rem;flex-wrap:wrap;">
      <button type="button" class="btn btn-sm btn-ghost"
              hx-post="/plugins/homeassistant/connection/test" hx-include="#ha-form" hx-target="#ha-test"
              hx-indicator="#ha-testing">Test</button>
      <span id="ha-testing" class="field-hint htmx-indicator">Reading…</span>
      <span class="field-hint">Reads Home Assistant once with what's typed here. Nothing is saved.</span>
    </div>
    <div id="ha-test" aria-live="polite"></div>
  </section>

  <section class="card form-section" aria-labelledby="ha-install">
    <h2 id="ha-install" class="section-title">Installing updates</h2>
    <div class="field">
      <label class="field-label" for="ha-webhook">Webhook id</label>
      <input class="input" id="ha-webhook" name="webhook_id" type="password" autocomplete="new-password"
             placeholder="{{ 'kept; type to change' if v.has_webhook else 'blank makes a new one' }}">
      <span class="field-hint">Steward makes one when you first save. Type one only if the automation in Home Assistant already has its own.</span>
    </div>
    {% if automation %}
    <p class="field-hint">Add this automation in Home Assistant (Settings → Automations → Create → Edit in YAML). It can take a backup or install a Core, OS or add-on update, and nothing else. It contains the webhook id, so treat it like a password.</p>
    <pre class="mono" id="ha-automation" style="overflow-x:auto;font-size:0.8rem;">{{ automation }}</pre>
    <button type="button" class="btn btn-sm btn-ghost"
            onclick="navigator.clipboard.writeText(document.getElementById('ha-automation').textContent).then(()=>this.textContent='Copied')">Copy</button>
    {% else %}
    <p class="field-hint" style="margin-bottom:0;">Once saved, this shows the automation to add to Home Assistant.</p>
    {% endif %}
  </section>

  <div class="form-actions">
    <button type="submit" class="btn">Save</button>
    <a href="/plugins/homeassistant/" class="btn btn-ghost">Cancel</a>
  </div>
</form>

{% if connection %}
<section class="card danger-zone" aria-labelledby="ha-remove">
  <div>
    <h2 id="ha-remove" class="section-title">Remove this connection</h2>
    <p class="field-hint">Steward stops reading Home Assistant and forgets its token. Remove the automation in Home Assistant too.</p>
  </div>
  <form method="post" action="/plugins/homeassistant/connection/delete"
        data-confirm="Remove the Home Assistant connection? Steward stops reading it and forgets its token.">{{ csrf_field() }}
    <button class="btn btn-danger" type="submit">Remove connection</button>
  </form>
</section>
{% endif %}
</div>
{% endblock %}