<?php
/* Smarty version 3.1.30, created on 2026-06-27 05:56:50
  from "/var/www/clients/client1/web17/web/includes/templates/templates/pacim/_api.tpl" */

/* @var Smarty_Internal_Template $_smarty_tpl */
if ($_smarty_tpl->_decodeProperties($_smarty_tpl, array (
  'version' => '3.1.30',
  'unifunc' => 'content_6a3f4a029c5118_41719465',
  'has_nocache_code' => false,
  'file_dependency' => 
  array (
    'e66faefce2d9bcb647aef2543b21d37ad95ed5a6' => 
    array (
      0 => '/var/www/clients/client1/web17/web/includes/templates/templates/pacim/_api.tpl',
      1 => 1781838992,
      2 => 'file',
    ),
  ),
  'includes' => 
  array (
  ),
),false)) {
function content_6a3f4a029c5118_41719465 (Smarty_Internal_Template $_smarty_tpl) {
?>

<div class="card mb-3">
  <div class="card-header d-flex justify-content-between align-items-center">
    <span class="fw-bold">API-Schlüssel</span>
    <span class="d-flex gap-2">
      <a class="btn btn-sm btn-outline-secondary" href="<?php echo @constant('SITE_URL');?>
/api-docs.php" target="_blank" rel="noopener"><i class="material-icons sm">description</i> Dokumentation</a>
      <button class="btn btn-sm btn-primary" id="akAddBtn"><i class="material-icons sm">add</i> Schlüssel anlegen</button>
    </span>
  </div>
  <div class="card-body">
    <div class="text-muted small mb-2">
      Schlüssel für den externen Zugriff auf die API. Basis-URL: <code id="akBaseUrl">…/api.php</code>.
      Authentifizierung per Header <code>Authorization: Bearer &lt;Schlüssel&gt;</code>. Der Klartext-Schlüssel wird nur einmal bei der Erstellung angezeigt.
    </div>
    <div class="table-responsive">
      <table class="table table-hover align-middle mb-0">
        <thead><tr><th>Name</th><th>Schlüssel</th><th>Berechtigungen</th><th>Status</th><th>Zuletzt genutzt</th><th class="text-end">Aktion</th></tr></thead>
        <tbody id="akBody"><tr><td colspan="6" class="text-center text-muted py-4">Wird geladen …</td></tr></tbody>
      </table>
    </div>
  </div>
</div>


<div class="card mb-3">
  <div class="card-header d-flex justify-content-between align-items-center flex-wrap gap-2">
    <span class="fw-bold">Zugriffsprotokoll</span>
    <span class="d-flex gap-2 align-items-center flex-wrap">
      <div class="btn-group btn-group-sm" role="group">
        <button type="button" class="btn btn-light border alog-filter active" data-kind="all">Alle <span class="badge bg-secondary ms-1" id="alogCAll">0</span></button>
        <button type="button" class="btn btn-light border alog-filter" data-kind="write">Änderungen <span class="badge bg-primary ms-1" id="alogCWrite">0</span></button>
        <button type="button" class="btn btn-light border alog-filter" data-kind="read">Zugriffe <span class="badge bg-secondary ms-1" id="alogCRead">0</span></button>
      </div>
      <div class="input-group input-group-sm" style="max-width:220px;">
        <span class="input-group-text"><i class="material-icons sm">search</i></span>
        <input type="text" class="form-control" id="alogSearch" placeholder="Aktion / Quelle / IP …">
      </div>
    </span>
  </div>
  <div class="card-body p-0">
    <div class="text-muted small px-3 pt-2">Vollständiges Protokoll der API-Zugriffe: <em>was wurde abgefragt</em> und <em>was wurde geändert</em>. Feldgenaue Vorher/Nachher-Werte und die Rückgängig-Funktion stehen je Buchung im Tab <strong>Historie</strong> der Buchungsansicht.</div>
    <div class="table-responsive">
      <table class="table table-hover align-middle mb-0">
        <thead><tr><th>Zeit</th><th>Quelle</th><th>Aktion</th><th>Ziel</th><th>Status</th><th class="text-end">Buchung</th></tr></thead>
        <tbody id="alogBody"><tr><td colspan="6" class="text-center text-muted py-4">Wird geladen …</td></tr></tbody>
      </table>
    </div>
  </div>
</div>


<div class="modal fade" id="akModal" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header"><h5 class="modal-title">API-Schlüssel anlegen</h5><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div>
      <form id="akForm" autocomplete="off">
        <div class="modal-body">
          <div class="mb-3">
            <label class="form-label">Name *</label>
            <input class="form-control" id="akName" required placeholder="z. B. Reisebüro-Schnittstelle">
          </div>
          <label class="form-label">Berechtigungen *</label>
          <div id="akScopes" class="d-flex flex-column gap-2"></div>
          <div class="js-status small mt-2" id="akFormMsg"></div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-light" data-bs-dismiss="modal">Abbrechen</button>
          <button class="btn btn-primary" type="submit"><i class="material-icons sm">vpn_key</i> Schlüssel erzeugen</button>
        </div>
      </form>
    </div>
  </div>
</div>


<div class="modal fade" id="akEditModal" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header"><h5 class="modal-title">Berechtigungen bearbeiten</h5><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div>
      <form id="akEditForm" autocomplete="off">
        <div class="modal-body">
          <input type="hidden" id="akEditId">
          <div class="mb-3">
            <label class="form-label">Name *</label>
            <input class="form-control" id="akEditName" required>
          </div>
          <label class="form-label">Berechtigungen *</label>
          <div id="akEditScopes" class="d-flex flex-column gap-2"></div>
          <div class="js-status small mt-2" id="akEditMsg"></div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-light" data-bs-dismiss="modal">Abbrechen</button>
          <button class="btn btn-primary" type="submit"><i class="material-icons sm">save</i> Speichern</button>
        </div>
      </form>
    </div>
  </div>
</div>


<div class="modal fade" id="akShowModal" tabindex="-1" aria-hidden="true" data-bs-backdrop="static">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header"><h5 class="modal-title"><i class="material-icons sm align-middle me-1">vpn_key</i> Schlüssel erstellt</h5><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div>
      <div class="modal-body">
        <div class="alert alert-warning small mb-2"><strong>Jetzt kopieren!</strong> Dieser Schlüssel wird aus Sicherheitsgründen nur dieses eine Mal angezeigt.</div>
        <div class="input-group">
          <input class="form-control font-monospace" id="akNewKey" readonly>
          <button class="btn btn-outline-secondary" type="button" id="akCopyBtn"><i class="material-icons sm">content_copy</i></button>
        </div>
        <div class="small text-success mt-1" id="akCopyMsg"></div>
      </div>
      <div class="modal-footer"><button type="button" class="btn btn-primary" data-bs-dismiss="modal">Fertig</button></div>
    </div>
  </div>
</div>
<?php }
}