Skoda: Schluessel in den Einstellungen, Ladungen am Stueck, Wallbox in kW

- neuer Reiter "Fahrzeug": API-Schluessel eintragen und pruefen, ohne dass
  ein Wert je an den Browser zurueckgeht (restricted/skodaKeys.php)
- ajax/skoda.php trennt Ladungen am Zustand statt an 30 Minuten Pause und
  rahmt sie mit der Zeile davor und danach ein
- solarLog_skoda_ladepunkte.sql: Wallbox-Verlauf waehrend einer Ladung
- Kachelformat "leistung_kw" fuer Quellen, die schon Kilowatt melden
- Steckersymbol versteht evPlug als 1/0

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

restricted/settings.php

@@ -22,6 +22,9 @@
 require_once(__DIR__ . "/costs.php");
 require_once(__DIR__ . "/kacheln.php");
 require_once(__DIR__ . "/reiter.php");
+// Nur wegen SKODA_APP_LINK - der Weg zu den Schlüsseln gehört neben das Feld,
+// in das sie eingetragen werden, und der Link soll nur an einer Stelle stehen.
+require_once(__DIR__ . "/skodaKeys.php");
 
 /*
  * Die Reiter. Reihenfolge ist Anzeigereihenfolge; der erste ist der offene,
@@ -31,6 +34,7 @@ $reiter = [
     ["id" => "preise",  "titel" => "Preise",       "symbol" => "bi-currency-euro"],
     ["id" => "kacheln", "titel" => "Home-Kacheln", "symbol" => "bi-grid-1x2"],
     ["id" => "geraete", "titel" => "Geräte",       "symbol" => "bi-house-gear"],
+    ["id" => "fahrzeug", "titel" => "Fahrzeug",    "symbol" => "bi-ev-front"],
 ];
 // "merken": der offene Reiter steht in der Adresse und uebersteht ein
 // Neuladen - siehe reiterMerken() in js/solar/common.js.
@@ -192,6 +196,51 @@ try {
           </div>
         </div>
       <?= reiterFlaecheZu() ?><!-- /Geräte -->
+
+      <!-- =================================================== Fahrzeug ==== -->
+      <!-- Die Zugangsschlüssel der MyŠkoda-Anbindung. Sie laufen ab und
+           müssen dann getauscht werden - vorher hieß das: per SSH auf die NAS
+           und skoda.conf im Editor öffnen.
+
+           Die Zeilen zeichnet js/solar/settings.js aus dem, was
+           ajax/settings.php?action=skoda-keys liefert. Was dort NICHT
+           mitkommt, sind die Schlüssel selbst: die Seite steht im Heimnetz
+           ohne Anmeldung offen, und ein solcher Schlüssel steuert das
+           Fahrzeug von überall auf der Welt. Zu sehen ist nur, ob einer
+           hinterlegt ist und auf welche vier Zeichen er endet. -->
+      <?= reiterFlaecheAuf("fahrzeug", $reiterOpt) ?>
+        <div class="row">
+          <div class="col-12 col-xxl-8">
+            <div class="card mb-4" id="skodaKarte">
+              <div class="card-header pb-2 pt-2">
+                <h3 class="card-title"><i class="bi bi-key me-2"></i>Zugang zum Fahrzeug</h3>
+                <div class="card-tools">
+                  <button type="button" class="btn btn-tool" id="skodaNeuLaden" title="Neu laden">
+                    <i class="bi bi-arrow-counterclockwise"></i>
+                  </button>
+                </div>
+              </div>
+              <div class="card-body">
+                <p class="text-secondary small mb-3">
+                  Die Schlüssel werden in der MyŠkoda-App erzeugt, gelten nur für die
+                  dort ausgewählten Fahrzeuge und laufen nach einiger Zeit ab. Ein neuer
+                  wird hier eingetragen und sofort einmal ausprobiert – was die API
+                  ablehnt, landet gar nicht erst in der Konfiguration.
+                </p>
+                <p class="mb-3">
+                  <a class="btn btn-sm btn-outline-primary"
+                     href="<?= SKODA_APP_LINK ?>" target="_blank" rel="noopener">
+                    <i class="bi bi-box-arrow-up-right me-1"></i>Schlüssel in der MyŠkoda-App verwalten
+                  </a>
+                </p>
+                <div id="skodaListe">
+                  <p class="text-secondary small mb-0">Wird geladen …</p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      <?= reiterFlaecheZu() ?><!-- /Fahrzeug -->
       </div><!-- /tab-content -->
 
     </div>