feat: Home Assistant integration — live status + auto-sync print slots

templates/settings.html

@@ -239,6 +239,42 @@
       </div>
     </div>
 
+    <!-- Home Assistant -->
+    <div class="col-12">
+      <div class="card">
+        <div class="card-header py-3"><i class="bi bi-house-heart me-2"></i>Home Assistant — Sync imprimantes</div>
+        <div class="card-body">
+          <div class="row g-3">
+            <div class="col-md-6">
+              <label class="form-label fw-semibold">URL Home Assistant</label>
+              <input type="url" name="ha_url" class="form-control"
+                     placeholder="https://homeassistant.tondomain.com"
+                     value="{{ settings.get('ha_url','') }}">
+              <div class="form-text">Sans slash final. Ex : <code>https://homeassistant.lespatas.ovh</code></div>
+            </div>
+            <div class="col-md-6">
+              <label class="form-label fw-semibold">Token longue durée</label>
+              <input type="password" name="ha_token" class="form-control font-monospace"
+                     placeholder="••••••••••••••••••••"
+                     value="{{ settings.get('ha_token','') }}">
+              <div class="form-text">Profil HA → Sécurité → Jetons d'accès longue durée.</div>
+            </div>
+            <div class="col-12">
+              <button type="button" class="btn btn-sm btn-outline-secondary" id="testHaBtn">
+                <i class="bi bi-plug me-1"></i>Tester la connexion HA
+              </button>
+              <span id="testHaResult" class="ms-3 small"></span>
+              <div class="form-text mt-1">
+                <i class="bi bi-info-circle me-1"></i>
+                Configurez ensuite le <strong>Préfixe entité HA</strong> pour chaque imprimante (ex&nbsp;: <code>patabambulab01</code>) dans la page <a href="{{ url_for('printers_page') }}">Imprimantes</a>.
+                Le planning se synchronise alors automatiquement toutes les 2&nbsp;min.
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
     <!-- iCal -->
     <div class="col-12">
       <div class="card">
@@ -307,5 +343,22 @@ document.getElementById('testNcBtn').addEventListener('click', async function ()
     res.innerHTML = `<span class="text-danger"><i class="bi bi-x-circle me-1"></i>${e.message}</span>`;
   }
 });
+
+document.getElementById('testHaBtn').addEventListener('click', async function () {
+  const res = document.getElementById('testHaResult');
+  res.textContent = 'Test en cours…';
+  try {
+    const r = await fetch('/api/ha/status');
+    const d = await r.json();
+    if (d.error) {
+      res.innerHTML = `<span class="text-danger"><i class="bi bi-x-circle me-1"></i>${d.error}</span>`;
+    } else {
+      const count = Object.keys(d.printers).length;
+      res.innerHTML = `<span class="text-success"><i class="bi bi-check-circle me-1"></i>Connexion OK — ${count} imprimante(s) avec préfixe HA</span>`;
+    }
+  } catch (e) {
+    res.innerHTML = `<span class="text-danger"><i class="bi bi-x-circle me-1"></i>${e.message}</span>`;
+  }
+});
 </script>
 {% endblock %}