| Server IP : 202.61.199.114 / Your IP : 216.73.217.139 Web Server : nginx/1.22.1 System : Linux de.arni-solutions.de 6.1.0-49-amd64 #1 SMP PREEMPT_DYNAMIC Debian 6.1.174-1 (2026-05-26) x86_64 User : web20 ( 1018) PHP Version : 8.4.23 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /proc/3951574/root/tmp/ |
Upload File : |
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="favicon.ico">
<title>Buchungssystem - Parken-am-Schiff.de</title>
<!-- Theme vor dem Paint setzen (kein FOUC) -->
<script>(function(){try{var t=localStorage.getItem('pacim:theme');if(t){document.documentElement.setAttribute('data-theme',t);}}catch(e){}})();</script>
<!-- Fonts: Inter (Gentelella v4) -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<!-- Bootstrap 5 (Content-Komponenten) + Plugins -->
<link href="https://seaside.pacim.de/assets/css/bootstrap.min.css" rel="stylesheet">
<link href="https://seaside.pacim.de/assets/css/fonts/material-icon-font.css" rel="stylesheet">
<link href="https://seaside.pacim.de/assets/css/plugins/quill.snow.min.css" rel="stylesheet">
<link href="https://seaside.pacim.de/assets/css/plugins/choices.min.css" rel="stylesheet">
<link href="https://seaside.pacim.de/assets/css/styles.css" rel="stylesheet">
<!-- Gentelella v4 Shell + Akzente (zuletzt, überschreibt) -->
<link href="https://seaside.pacim.de/assets/css/gentelella.css?v=1780513076" rel="stylesheet">
<link href="https://seaside.pacim.de/assets/css/gentelella-accents.css?v=1780439034" rel="stylesheet">
<link href="https://seaside.pacim.de/assets/css/search.css?v=1780917534" rel="stylesheet">
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="57x57" href="https://seaside.pacim.de/assets/favico/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="76x76" href="https://seaside.pacim.de/assets/favico/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="120x120" href="https://seaside.pacim.de/assets/favico/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="152x152" href="https://seaside.pacim.de/assets/favico/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="https://seaside.pacim.de/assets/favico/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://seaside.pacim.de/assets/favico/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://seaside.pacim.de/assets/favico/favicon-16x16.png">
<link rel="manifest" href="https://seaside.pacim.de/assets/favico/manifest.json">
<meta name="theme-color" content="#ffffff">
</head>
<body data-page="booking/view">
<a class="skip-link" href="#main-content">Zum Inhalt springen</a>
<style>
.nav-link .nav-count{ margin-left:auto; background:var(--red,#d63939); color:#fff; font-size:11px; font-weight:600; line-height:1; padding:3px 7px; border-radius:999px; min-width:18px; text-align:center; }
.nav-link .nav-count.nav-count-warn{ background:var(--yellow,#f59f00); color:#fff; }
</style>
<aside class="sidebar" id="sidebar" aria-label="Hauptnavigation">
<div class="sidebar-brand">
<a class="brand-link" href="https://seaside.pacim.de/" aria-label="Zum Cockpit">
<div class="brand-icon">P</div>
<div class="brand-name">PaCIM <small>v4</small></div>
</a>
</div>
<nav class="sidebar-nav">
<div class="nav-group">
<div class="nav-label">Übersicht</div>
<a class="nav-link" href="https://seaside.pacim.de/">
<svg class="icon" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="3" y="3" width="7" height="7" rx="1.5"/><rect x="14" y="3" width="7" height="4" rx="1.5"/><rect x="3" y="14" width="7" height="7" rx="1.5"/><rect x="14" y="10" width="7" height="11" rx="1.5"/></svg>
<span class="nav-text">Cockpit</span>
</a>
<a class="nav-link" href="https://seaside.pacim.de/tasks/dashboard/">
<svg class="icon" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="3" y="4" width="18" height="16" rx="2"/><path d="M3 10h18M8 4v6M16 4v6"/></svg>
<span class="nav-text">Kalender</span>
</a>
<a class="nav-link" href="https://seaside.pacim.de/events/">
<svg class="icon" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="3" y="5" width="18" height="16" rx="2"/><path d="M16 3v4M8 3v4M3 11h18M8 15h.01M12 15h.01M16 15h.01"/></svg>
<span class="nav-text">Events</span>
</a>
<a class="nav-link" href="https://seaside.pacim.de/requests/">
<svg class="icon" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"/></svg>
<span class="nav-text">Anfragen</span>
</a>
</div>
<div class="nav-group">
<div class="nav-label">Reports</div>
<a class="nav-link" href="https://seaside.pacim.de/accounting/dashboard/">
<svg class="icon" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M5 21V3h14v18l-3-2-3 2-3-2-3 2-2-2z"/><path d="M9 8h6M9 12h6M9 16h4"/></svg>
<span class="nav-text">Buchhaltung</span>
</a>
<a class="nav-link" href="https://seaside.pacim.de/reports/yearly/">
<svg class="icon" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M4 19V5M8 19v-8M12 19V9M16 19v-5M20 19v-9"/></svg>
<span class="nav-text">Buchungen nach Jahren</span>
</a>
<div class="nav-tree">
<button type="button" class="nav-link nav-toggle" aria-expanded="false">
<svg class="icon" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
<span class="nav-text">Zeiterfassung</span>
<svg class="nav-chev" width="12" height="12" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path d="M6 4l4 4-4 4"/></svg>
</button>
<div class="nav-sub"><div class="nav-sub-inner">
<a class="nav-sublink" href="https://seaside.pacim.de/worktime/dashboard/">Übersicht</a>
<a class="nav-sublink" href="https://seaside.pacim.de/worktime/employees/">Mitarbeiter</a>
<a class="nav-sublink" href="https://seaside.pacim.de/worktime/create/">Zeitnachweise</a>
</div></div>
</div>
</div>
<div class="nav-group">
<div class="nav-label">System</div>
<a class="nav-link" href="https://seaside.pacim.de/mailing/">
<svg class="icon" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><rect x="3" y="5" width="18" height="14" rx="2"/><path d="M3 7l9 6 9-6"/></svg>
<span class="nav-text">Mailing</span>
</a>
<a class="nav-link" href="https://seaside.pacim.de/partner/">
<svg class="icon" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M17 20v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 20v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75"/></svg>
<span class="nav-text">Partnerprogramm</span>
</a>
<div class="nav-tree">
<button type="button" class="nav-link nav-toggle" aria-expanded="false">
<svg class="icon" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="12" cy="12" r="3"/><path d="M12 2v3M12 19v3M2 12h3M19 12h3M5.6 5.6l2.1 2.1M16.3 16.3l2.1 2.1M5.6 18.4l2.1-2.1M16.3 7.7l2.1-2.1"/></svg>
<span class="nav-text">Einstellungen</span>
<svg class="nav-chev" width="12" height="12" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path d="M6 4l4 4-4 4"/></svg>
</button>
<div class="nav-sub"><div class="nav-sub-inner">
<a class="nav-sublink" href="https://seaside.pacim.de/pacim/system/">System</a>
<a class="nav-sublink" href="https://seaside.pacim.de/pacim/products/">Produkte</a>
<a class="nav-sublink" href="https://seaside.pacim.de/imports/manager/">Import-Manager</a>
<a class="nav-sublink" href="https://seaside.pacim.de/pacim/debug/">Debug</a>
</div></div>
</div>
</div>
</nav>
<div class="sidebar-footer">
<div class="sidebar-user">
<div class="avatar">P<span class="online"></span></div>
<div class="sidebar-user-info">
<div class="name">Daniel Großklags</div>
<div class="role">Administrator</div>
</div>
</div>
</div>
</aside>
<main class="main">
<header class="topbar">
<div class="topbar-left">
<button class="sidebar-toggle" type="button" aria-label="Menü umschalten" aria-controls="sidebar" aria-expanded="false">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path d="M4 6h16M4 12h16M4 18h16"/></svg>
</button>
<nav class="breadcrumb" aria-label="Breadcrumb"><span>PaCIM</span><span class="sep" aria-hidden="true">›</span><span class="current" aria-current="page">booking/view</span></nav>
</div>
<div class="search-box" id="global-search">
<svg class="s-icon" width="14" height="14" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><circle cx="7" cy="7" r="5"/><path d="M11 11l3.5 3.5"/></svg>
<input type="text" id="searchform" placeholder="Suche: Kunde, Buchung, Kennzeichen …" aria-label="Suche" autocomplete="off" role="combobox" aria-expanded="false" aria-controls="search-overlay" aria-autocomplete="list">
<div class="search-overlay" id="search-overlay" role="listbox" hidden></div>
</div>
<div class="topbar-right">
<button class="tb-btn theme-toggle" type="button" title="Design umschalten" aria-label="Design umschalten" aria-pressed="false">
<svg class="theme-icon-light" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41"/></svg>
<svg class="theme-icon-dark" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/></svg>
</button>
<a class="tb-btn" href="https://seaside.pacim.de/logout.php" title="Abmelden" aria-label="Abmelden">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path d="M9 21H5a2 2 0 01-2-2V5a2 2 0 012-2h4"/><path d="M16 17l5-5-5-5M21 12H9"/></svg>
</a>
<div class="dropdown">
<button class="tb-avatar" type="button" id="userMenu" data-bs-toggle="dropdown" aria-expanded="false" title="Benutzerkonto" aria-label="Benutzerkonto">DA</button>
<ul class="dropdown-menu dropdown-menu-end shadow-sm" aria-labelledby="userMenu">
<li><h6 class="dropdown-header text-truncate">Daniel Großklags</h6></li>
<li><a class="dropdown-item d-flex align-items-center gap-2" href="https://seaside.pacim.de/pacim/system/"><i class="material-icons sm">settings</i> Einstellungen</a></li> <li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item d-flex align-items-center gap-2 text-danger" href="https://seaside.pacim.de/logout.php"><i class="material-icons sm">logout</i> Abmelden</a></li>
</ul>
</div>
</div>
</header>
<div class="page-wrapper" id="main-content" role="main">
<link rel="stylesheet" href="https://seaside.pacim.de/assets/css/booking.css?v=1781472461">
<div class="page-header">
<div class="page-header-row d-flex justify-content-between align-items-center flex-wrap gap-2">
<div class="d-flex align-items-center gap-3">
<div class="bk-avatar"><i class="material-icons">directions_boat</i></div>
<div>
<div class="stat-label">Buchung · 260627-AIDA-7266</div>
<h1 class="h3 mb-0">
Jens Peter Richard Kokot </h1>
</div>
</div>
<div class="d-flex align-items-center gap-2">
<span class="text-muted small">AIDA-Kunde</span>
</div>
</div>
</div>
<div class="card bk-summary mb-3">
<div class="card-body" style="position:relative;">
<div class="dropdown" style="position:absolute;top:12px;right:12px;z-index:2;">
<button type="button" class="btn btn-sm btn-light border" data-bs-toggle="dropdown" aria-expanded="false" title="Aktionen"><i class="material-icons sm">more_vert</i></button>
<ul class="dropdown-menu dropdown-menu-end">
<li><button type="button" class="dropdown-item text-danger" id="bsStornoBtn" data-invoice="123075" data-booking="115156"><i class="material-icons sm" style="vertical-align:-3px;">block</i> Buchung stornieren</button></li>
<li><hr class="dropdown-divider"></li>
<li><button type="button" class="dropdown-item text-danger fw-semibold" id="dsgvoDeleteBtn" data-invoice="123075"><i class="material-icons sm" style="vertical-align:-3px;">delete_forever</i> DSGVO-Löschung</button></li>
</ul>
</div>
<div class="bk-summary-badges mb-3" style="padding-right:40px;">
<span class="badge bg-success">Buchung aktiv</span>
<span class="badge bg-info text-dark">Rechnung AIDA-16737552</span>
<span class="badge bg-success">bezahlt (AIDA)</span>
</div>
<div class="bk-summary-grid">
<div class="bk-sum-item"><span class="bk-sum-label">Reisezeitraum</span><span class="bk-sum-val"><a href="https://seaside.pacim.de/tasks/day/?date=2026-06-27&show=arrivals" title="zum Anreisetag">27.06.2026</a> – <a href="https://seaside.pacim.de/tasks/day/?date=2026-07-04&show=departures" title="zum Abreisetag">04.07.2026</a></span></div>
<div class="bk-sum-item"><span class="bk-sum-label">Reisedauer</span><span class="bk-sum-val">7 Tage</span></div>
<div class="bk-sum-item"><span class="bk-sum-label">Schiff</span><span class="bk-sum-val">AIDAdiva</span></div>
<div class="bk-sum-item"><span class="bk-sum-label">Buchungsnummer</span><span class="bk-sum-val"><a href="#" role="button" class="bk-code-edit text-decoration-none" data-booking="115156" data-no="260627-AIDA-7266" title="Buchungscode neu generieren"><span class="bk-code-val">260627-AIDA-7266</span> <i class="material-icons" style="font-size:14px;vertical-align:-2px;opacity:.55;">autorenew</i></a></span></div>
<div class="bk-sum-item"><span class="bk-sum-label">Referenz</span><span class="bk-sum-val"><a href="#" role="button" class="bk-broker-edit text-decoration-none" data-invoice="123075" data-broker="0" title="Partner (Vermittler) verknüpfen">AIDA <i class="material-icons" style="font-size:14px;vertical-align:-2px;opacity:.5;">link</i></a></span></div>
<div class="bk-sum-item"><span class="bk-sum-label">Kunde</span><span class="bk-sum-val">Jens Peter Richard Kokot</span></div>
<div class="bk-sum-item"><span class="bk-sum-label">Parkplatzart</span><span class="bk-sum-val">Außen</span></div>
<div class="bk-sum-item"><span class="bk-sum-label">Fahrzeuge</span><span class="bk-sum-val">1 Fahrzeug</span></div>
<div class="bk-sum-item"><span class="bk-sum-label">Check-In</span><span class="bk-sum-val">0 / 1 eingecheckt</span></div>
</div>
</div>
</div>
<div class="modal fade" id="bsConfirmModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header"><h5 class="modal-title" id="bsConfirmTitle">Sind Sie sicher?</h5><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div>
<div class="modal-body">
<p id="bsConfirmText" class="mb-3">Möchten Sie diese Buchung wirklich stornieren?</p>
<div class="border rounded p-2">
<label class="d-flex align-items-center gap-2 mb-2" style="cursor:pointer;"><input class="form-check-input mt-0" type="radio" name="bsMailOpt" id="bsMailYes" value="1"> <span id="bsMailYesLabel">Storno-E-Mail versenden</span></label>
<label class="d-flex align-items-center gap-2" style="cursor:pointer;"><input class="form-check-input mt-0" type="radio" name="bsMailOpt" id="bsMailNo" value="0" checked> <span>– keine E-Mail versenden –</span></label>
</div>
<div class="js-status small mt-2" id="bsConfirmStatus"></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-light" data-bs-dismiss="modal">Abbrechen</button>
<button type="button" class="btn btn-danger" id="bsConfirmBtn">Bestätigen</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="bsMailModal" tabindex="-1" aria-hidden="true" data-bs-backdrop="static">
<div class="modal-dialog modal-xl modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header"><h5 class="modal-title" id="bsMailTitle">E-Mail prüfen & senden</h5><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div>
<div class="modal-body">
<div class="alert alert-info small py-2">Die Storno-Aktion wurde bereits ausgeführt. Sie können die E-Mail hier prüfen, bearbeiten und versenden – oder den Versand abbrechen.</div>
<div class="row g-2 mb-2">
<div class="col-12 col-md-7"><label class="form-label small mb-1">Empfänger</label><input class="form-control form-control-sm" id="bsMailTo" type="email"></div>
<div class="col-12 col-md-5"><label class="form-label small mb-1">Anhänge</label><input class="form-control form-control-sm" id="bsMailAtt" readonly placeholder="—"></div>
<div class="col-12"><label class="form-label small mb-1">Betreff</label><input class="form-control form-control-sm" id="bsMailSubject"></div>
</div>
<div class="row g-2">
<div class="col-12 col-lg-6">
<label class="form-label small mb-1">Inhalt (HTML – bearbeitbar)</label>
<textarea class="form-control" id="bsMailHtml" rows="16" style="font-family:monospace;font-size:12px;"></textarea>
</div>
<div class="col-12 col-lg-6">
<label class="form-label small mb-1">Vorschau</label>
<iframe id="bsMailPreview" style="width:100%;height:340px;border:1px solid var(--border-color,#e6e7eb);border-radius:6px;background:#fff;"></iframe>
</div>
</div>
<div class="js-status small mt-2" id="bsMailStatus"></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-light" data-bs-dismiss="modal">Nicht senden</button>
<button type="button" class="btn btn-primary" id="bsMailSendBtn"><i class="material-icons sm" style="vertical-align:-3px;">send</i> Senden</button>
</div>
</div>
</div>
</div>
<script src="https://seaside.pacim.de/assets/js/booking-storno.js?v=1780915175"></script>
<div class="modal fade" id="dsgvoModal" tabindex="-1" aria-hidden="true" data-bs-backdrop="static">
<div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content border-danger">
<div class="modal-header bg-danger text-white">
<h5 class="modal-title"><i class="material-icons sm" style="vertical-align:-3px;">delete_forever</i> DSGVO-Löschung – unwiderruflich</h5>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body">
<div class="alert alert-danger small mb-3">
<strong>Achtung – endgültige Löschung!</strong> Der Kundendatensatz und <strong>alle</strong> damit verknüpften
Daten (Buchungen, Rechnungen, Positionen, Zahlungen, Nachrichten, History, Dokumente) werden
<strong>unwiderruflich</strong> gelöscht. Es gibt <strong>kein Backup</strong> und keine Wiederherstellung.
</div>
<div id="dsgvoBody" class="text-center text-muted py-4"><span class="spinner-border spinner-border-sm text-danger"></span> Daten werden ermittelt …</div>
<div id="dsgvoConfirmWrap" class="d-none mt-3">
<label class="form-label small fw-semibold mb-1">Zur Bestätigung exakt <code>LÖSCHEN</code> eingeben:</label>
<input type="text" class="form-control" id="dsgvoConfirmInput" autocomplete="off" placeholder="LÖSCHEN">
</div>
<div class="js-status small mt-2" id="dsgvoStatus"></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-light" data-bs-dismiss="modal">Abbrechen</button>
<button type="button" class="btn btn-danger" id="dsgvoExecBtn" disabled><i class="material-icons sm" style="vertical-align:-3px;">delete_forever</i> Endgültig löschen</button>
</div>
</div>
</div>
</div>
<script src="https://seaside.pacim.de/assets/js/booking-dsgvo.js?v=1782457597"></script>
<ul class="nav nav-tabs mb-3" role="tablist">
<li class="nav-item"><button class="nav-link active" data-bs-toggle="tab" data-bs-target="#bk-overview" type="button" role="tab">Übersicht</button></li>
<li class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#bk-customer" type="button" role="tab">Kunde</button></li>
<li class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#bk-invoice" type="button" role="tab">
Rechnung
<span class="badge bg-success ms-1">bezahlt</span> </button></li>
<li class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#bk-documents" type="button" role="tab">Dokumente</button></li>
<li class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#bk-images" type="button" role="tab"><i class="material-icons sm align-middle">photo_camera</i> Fotos <span class="badge bg-secondary rounded-pill ms-1 d-none" id="bk-img-tabcount">0</span></button></li>
<li class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#bk-notes" type="button" role="tab">Notizen</button></li>
<li class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#bk-history" type="button" role="tab">Historie</button></li>
</ul>
<div class="tab-content">
<div class="tab-pane fade show active" id="bk-overview" role="tabpanel">
<!-- KPI-Karten -->
<div class="row g-3 mb-3">
<div class="col-6 col-xl-3">
<div class="card h-100 bk-pay-card">
<div class="bk-stat">
<div class="bk-ico teal"><i class="material-icons">directions_boat</i></div>
<div>
<div class="stat-label">Zahlung</div>
<div class="bk-val">90,00 €</div>
<div class="stat-sub">
AIDA · bezahlt
</div>
</div>
</div></div>
</div>
<div class="col-6 col-xl-3">
<div class="card h-100 bk-edit-card admin-modal" data-bs-toggle="modal" data-bs-target="#confirmationModal" data-template="booking/travel.tpl" data-headline="Reisezeitraum & Schiff bearbeiten" data-json="{"invoice_id":123075,"booking_begin":"2026-06-27","booking_end":"2026-07-04","booking_event":"AIDAdiva"}">
<span class="bk-edit-ico" title="Reisezeitraum & Schiff bearbeiten"><i class="material-icons sm">edit</i></span> <div class="bk-stat">
<div class="bk-ico blue"><i class="material-icons">event</i></div>
<div>
<div class="stat-label">Reisezeitraum</div>
<div class="bk-val">27.06. – 04.07.26</div>
<div class="stat-sub">AIDAdiva</div>
</div>
</div></div>
</div>
<div class="col-6 col-xl-3">
<div class="card h-100">
<div class="bk-stat">
<div class="bk-ico yellow"><i class="material-icons">local_parking</i></div>
<div>
<div class="stat-label">Stellplatz</div>
<div class="bk-val">Außen</div>
<div class="stat-sub">1 Fahrzeug</div>
</div>
</div></div>
</div>
<div class="col-6 col-xl-3">
<div class="card h-100"><div class="bk-stat">
<div class="bk-ico blue"><i class="material-icons">login</i></div>
<div>
<div class="stat-label">Check-in</div>
<div class="bk-val">0 / 1</div>
<div class="stat-sub">offen</div>
</div>
</div></div>
</div>
</div>
<div class="row g-3">
<!-- Fahrzeuge + Check-in -->
<div class="col-12 ">
<div class="card">
<div class="card-header fw-bold">Fahrzeuge & Check-in</div>
<div class="list-group list-group-flush">
<div class="list-group-item bk-veh">
<div class="bk-veh-main">
<span class="bk-plate license-plate admin-modal" role="button" style="cursor:pointer" title="Kennzeichen ändern" data-bs-toggle="modal" data-bs-target="#confirmationModal" data-json="{"booking_id":115156,"booking_no":"260627-AIDA-7266","booking_invoice":123075,"kennzeichen":"AA-DA-961","booking_serial":"AA - DA 961","booking_checkin":null,"checkin_cruise":"12:00","checkin_zeit":null,"checkin_datum":null,"booking_checkout":null,"checkout_zeit":null,"checkout_datum":null,"booking_valet":0,"booking_type":"Au\u00dfen","booking_info":null,"booking_hint":null,"booking_hint_reply":null,"booking_hint_reply_at":null,"booking_hint_reply_by":null,"booking_guests":2,"link_von":"2026\/06\/27","link_bis":"2026\/07\/04","booking_parkplatz":"Au\u00dfen","booking_special":null,"booking_event":"AIDAdiva","booking_begin":"2026-06-27","booking_end":"2026-07-04","booking_von":"27.06.","booking_bis":"04.07.2026","booking_duration":7,"file":"\/var\/www\/clients\/client1\/web17\/web\/datas\/booking\/260627-AIDA-7266.pdf"}" data-template="booking/car.tpl" data-headline="Buchung 260627-AIDA-7266 bearbeiten">AA - DA 961</span>
<div class="bk-veh-info">
<div class="fw-bold">AIDAdiva <span class="text-muted fw-normal small">· Außen</span></div>
<div class="small text-muted">27.06. – 04.07.2026 · 7 Tage · 260627-AIDA-7266</div>
<div class="mt-1">
</div>
</div>
</div>
<div class="bk-veh-action text-end">
<div class="small text-muted mb-1">geplant 12:00</div>
<button class="btn btn-sm btn-checkin btn-outline-primary" data-booking-id="115156" data-checked="0">
<i class="material-icons sm">login</i>
<span class="bk-checkin-label">Einchecken</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="bk-customer" role="tabpanel">
<form class="js-customer-form">
<input type="hidden" name="mysql[table]" value="pacim_customer">
<input type="hidden" name="mysql[where]" value="customer_id = 123115">
<div class="card">
<div class="card-header d-flex justify-content-between align-items-center">
<span class="fw-bold">Kundendaten</span>
<button type="submit" class="btn btn-sm btn-primary"><i class="material-icons sm">save</i> Speichern</button>
</div>
<div class="card-body">
<div class="row g-3">
<div class="col-12">
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" role="switch" id="cust-company">
<label class="form-check-label" for="cust-company">Firma / Unternehmen <span class="text-muted">(als Rechnungsempfänger)</span></label>
</div>
<input type="hidden" name="content[customer_gender]" id="cust-gender" value="1">
</div>
<div class="col-12 js-company-field" style="display:none;">
<label class="form-label">Firmenname <span class="text-muted">(Rechnungsempfänger)</span></label>
<input type="text" class="form-control" name="content[customer_name]" value="Jens Kokot" placeholder="z. B. SeaSide Travel GmbH" disabled>
</div>
<div class="col-md-6">
<label class="form-label">Vorname</label>
<input type="text" class="form-control" name="content[customer_firstname]" value="Jens Peter Richard">
</div>
<div class="col-md-6">
<label class="form-label">Nachname</label>
<input type="text" class="form-control" name="content[customer_lastname]" value="Kokot">
</div>
<div class="col-md-6">
<label class="form-label">Straße & Hausnummer</label>
<input type="text" class="form-control" name="content[customer_street]" value="" autocomplete="off" data-addr-street data-addr-zip="[name='content[customer_zipcode]']" data-addr-city="[name='content[customer_city]']" data-addr-country="[name='content[customer_country]']">
</div>
<div class="col-md-2">
<label class="form-label">PLZ</label>
<input type="text" class="form-control" name="content[customer_zipcode]" value="">
</div>
<div class="col-md-4">
<label class="form-label">Ort</label>
<input type="text" class="form-control" name="content[customer_city]" value="">
</div>
<div class="col-md-4">
<label class="form-label">Land</label>
<input type="text" class="form-control" name="content[customer_country]" value="">
</div>
<div class="col-md-4">
<label class="form-label">Telefon</label>
<input type="text" class="form-control" name="content[customer_phone]" value="0">
</div>
<div class="col-md-4">
<label class="form-label">E-Mail</label>
<input type="email" class="form-control" name="content[customer_email]" value="">
</div>
<div class="col-12">
<div class="form-check">
<input type="hidden" name="content[customer_newsletter]" value="0">
<input class="form-check-input" type="checkbox" id="cust-news" name="content[customer_newsletter]" value="1">
<label class="form-check-label" for="cust-news">Newsletter abonniert</label>
</div>
</div>
</div>
<div class="js-save-status small mt-3"></div>
</div>
</div>
</form>
</div>
<div class="tab-pane fade" id="bk-invoice" role="tabpanel">
<div class="card">
<div class="card-header d-flex justify-content-between align-items-center flex-wrap gap-2">
<div class="d-flex align-items-center gap-2">
<span class="fw-bold">Rechnung AIDA-16737552</span>
<span class="badge bg-success">bezahlt (AIDA)</span>
</div>
<div class="d-flex align-items-center gap-2">
<div class="dropdown">
<button type="button" class="btn btn-sm btn-light border dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false"><i class="material-icons sm">more_horiz</i></button>
<ul class="dropdown-menu dropdown-menu-end">
<li><a class="dropdown-item iframe-modal" href="https://seaside.pacim.de/file.php?token=YIz8HqUPWQ7cwcVHE57O&invoice=123075&show=1" data-size="lg" data-headline="260627-AIDA-7266.pdf" data-bs-toggle="modal" data-bs-target="#fileModal"><i class="material-icons sm">picture_as_pdf</i> Buchungsbestätigung</a></li>
</ul>
</div>
</div>
</div>
<div class="card-body py-2 border-bottom">
<div class="row g-2 small">
<div class="col-6 col-md-3"><span class="text-muted d-block">Rechnungsdatum</span>27.06.26</div>
<div class="col-6 col-md-5"><span class="text-muted d-block">Kunde</span>Jens Peter Richard Kokot</div>
<div class="col-6 col-md-4">
<span class="text-muted d-block">Zahlungsstatus</span>
Überweisung
</div>
</div>
</div>
<div class="table-responsive">
<table class="table align-middle mb-0">
<thead>
<tr>
<th>Produkt</th>
<th>Beschreibung</th>
<th class="text-center">Menge</th>
<th class="text-end">Einzelpreis</th>
<th class="text-end">Gesamtpreis</th>
<th class="text-end"></th>
</tr>
</thead>
<tbody>
<tr>
<td class="fw-bold">Außenparkplatz</td>
<td class="text-muted small"></td>
<td class="text-center">1.0</td>
<td class="text-end text-nowrap">90,00 €</td>
<td class="text-end text-nowrap fw-bold">90,00 €</td>
<td class="text-end text-nowrap">
</td>
</tr>
</tbody>
<tfoot>
<tr>
<th colspan="4" class="text-end">Gesamtsumme</th>
<th class="text-end text-nowrap">90,00 €</th>
<th></th>
</tr>
</tfoot>
</table>
</div>
</div>
</div>
<div class="tab-pane fade" id="bk-documents" role="tabpanel">
<style>
.bk-doc{display:flex;flex-direction:column;height:100%;border:1px solid var(--border-color);border-radius:var(--radius,10px);background:var(--bg-surface);overflow:hidden;transition:box-shadow .15s ease,border-color .15s ease;}
.bk-doc:hover{box-shadow:0 4px 14px rgba(0,0,0,.07);border-color:#cbd5e1;}
.bk-doc-head{display:flex;gap:12px;align-items:flex-start;padding:16px 16px 12px;}
.bk-doc-ico{flex:0 0 auto;width:46px;height:46px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#fdecec;color:#dc2626;}
.bk-doc-ico .material-icons{font-size:26px;}
.bk-doc-title{font-weight:700;line-height:1.2;}
.bk-doc-file{font-size:12px;color:var(--text-secondary,#6b7280);font-family:ui-monospace,Menlo,Consolas,monospace;margin-top:2px;word-break:break-all;}
.bk-doc-meta{padding:0 16px 14px;margin-top:2px;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:12.5px;color:var(--text-secondary,#6b7280);}
.bk-doc-meta b{color:var(--text,#1f2937);font-weight:600;}
.bk-doc-actions{margin-top:auto;display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--border-color);background:var(--bg-surface-secondary,#f8fafc);}
.bk-doc-actions .btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;}
</style>
<div class="card">
<div class="card-header d-flex justify-content-between align-items-center">
<span class="fw-bold">Dokumente</span>
<span class="badge bg-secondary rounded-pill">1</span> </div>
<div class="card-body">
<div class="row g-3">
<div class="col-12 col-md-6">
<div class="bk-doc">
<div class="bk-doc-head">
<span class="bk-doc-ico" style="background:#eef2ff;color:#4f46e5;"><i class="material-icons">event_available</i></span>
<div>
<div class="bk-doc-title">Buchungsbestätigung</div>
<div class="bk-doc-file">260627-AIDA-7266.pdf</div>
</div>
</div>
<div class="bk-doc-meta">
<span>Zeitraum: <b>27.06.2026 – 04.07.2026</b></span>
<span>Fahrzeuge: <b>1</b></span>
</div>
<div class="bk-doc-actions">
<a class="btn btn-sm btn-outline-primary iframe-modal" href="https://seaside.pacim.de/file.php?token=YIz8HqUPWQ7cwcVHE57O&invoice=123075&show=1" data-size="lg" data-headline="260627-AIDA-7266.pdf" data-bs-toggle="modal" data-bs-target="#fileModal"><i class="material-icons sm">visibility</i> Anzeigen</a>
<a class="btn btn-sm btn-primary" href="https://seaside.pacim.de/file.php?token=YIz8HqUPWQ7cwcVHE57O&invoice=123075&show=1&download=1"><i class="material-icons sm">download</i> Herunterladen</a>
</div>
</div>
</div>
</div>
<div class="alert alert-light border mt-3 mb-0 d-flex align-items-center gap-2 small">
<i class="material-icons sm">info</i> Die Rechnung wird bei AIDA-Buchungen über AIDA abgewickelt.
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="bk-images" role="tabpanel">
<link rel="stylesheet" href="https://seaside.pacim.de/assets/css/booking-images.css?v=1782467913">
<div id="bkimgRoot">
<div class="card mb-3 bkimg-block" data-booking="115156">
<div class="card-header d-flex justify-content-between align-items-center flex-wrap gap-2">
<span class="fw-bold"><i class="material-icons sm align-middle">photo_camera</i> Fahrzeugfotos
<span class="text-muted fw-normal">· AA - DA 961 · 260627-AIDA-7266</span>
<span class="badge bg-primary rounded-pill ms-1 bkimg-count d-none">0</span></span>
<button type="button" class="btn btn-sm btn-primary bkimg-add"><i class="material-icons sm">add_a_photo</i> Fotos hinzufügen</button>
</div>
<div class="card-body">
<div class="bkimg-grid"></div>
<div class="bkimg-empty text-muted small">Wird geladen …</div>
</div>
</div>
</div>
<div class="bkimg-overlay d-none" id="bkimg-upmodal">
<div class="bkimg-modal">
<div class="bkimg-modal-h"><span>Fahrzeugfotos hinzufügen</span><button type="button" class="bkimg-x" id="bkimg-up-close">×</button></div>
<div class="bkimg-modal-b">
<div class="bkimg-pick">
<label class="bkimg-pickbtn"><input type="file" id="bkimg-up-cam" accept="image/*" capture="environment" hidden>
<i class="material-icons">photo_camera</i><span>Kamera</span></label>
<label class="bkimg-pickbtn"><input type="file" id="bkimg-up-gal" accept="image/*" multiple hidden>
<i class="material-icons">collections</i><span>Galerie / Dateien</span></label>
</div>
<div class="bkimg-tiles" id="bkimg-up-tiles"></div>
<div class="bkimg-err d-none" id="bkimg-up-err"></div>
<button type="button" class="btn btn-primary w-100 mt-2" id="bkimg-up-go" disabled>Hochladen</button>
</div>
</div>
</div>
<div class="bkimg-overlay bkimg-lb d-none" id="bkimg-lb">
<div class="bkimg-lb-bar">
<span class="bkimg-lb-pos" id="bkimg-lb-pos"></span>
<span class="bkimg-lb-actions">
<button type="button" class="bkimg-lb-btn" id="bkimg-lb-zoom" title="Zoom"><i class="material-icons">zoom_in</i></button>
<button type="button" class="bkimg-lb-btn" id="bkimg-lb-dl" style="display:none" title="Original öffnen"><i class="material-icons">download</i></button>
<button type="button" class="bkimg-lb-btn" id="bkimg-lb-del" style="display:none" title="Löschen"><i class="material-icons">delete</i></button>
<button type="button" class="bkimg-lb-btn" id="bkimg-lb-x" title="Schließen"><i class="material-icons">close</i></button>
</span>
</div>
<div class="bkimg-lb-stage" id="bkimg-lb-stage"><img id="bkimg-lb-img" alt="Foto" draggable="false"></div>
<button type="button" class="bkimg-lb-nav bkimg-lb-prev" id="bkimg-lb-prev" aria-label="Zurück">‹</button>
<button type="button" class="bkimg-lb-nav bkimg-lb-next" id="bkimg-lb-next" aria-label="Weiter">›</button>
<div class="bkimg-lb-info" id="bkimg-lb-info"></div>
</div>
<script src="https://seaside.pacim.de/assets/js/booking-images.js?v=1782467986"></script>
</div>
<div class="tab-pane fade" id="bk-notes" role="tabpanel">
<div class="card">
<div class="card-body text-center text-muted py-5">
<i class="material-icons" style="font-size:40px;opacity:.4;">sticky_note_2</i>
<h5 class="mt-2 mb-1">Interne Notizen</h5>
<p class="mb-0">Interne Notizen zur Buchung (mit Mitarbeiter, Datum und Uhrzeit) folgen in Phase 2.</p>
</div>
</div>
</div>
<div class="tab-pane fade" id="bk-history" role="tabpanel">
<div id="bkHistory" data-invoice="123075">
<div class="d-flex align-items-center flex-wrap gap-2 mb-3">
<div class="btn-group btn-group-sm" role="group" aria-label="Filter">
<button type="button" class="btn btn-light border bh-filter active" data-filter="all">Alle</button>
<button type="button" class="btn btn-light border bh-filter" data-filter="write">Änderungen</button>
<button type="button" class="btn btn-light border bh-filter" data-filter="read">Zugriffe</button>
</div>
<span class="text-muted small ms-auto" id="bhCount"></span>
<button type="button" class="btn btn-sm btn-light border" id="bhReload" title="Aktualisieren"><i class="material-icons sm" style="vertical-align:-4px;">refresh</i></button>
</div>
<div id="bhTimeline">
<div class="text-center text-muted py-5"><div class="spinner-border spinner-border-sm"></div> Wird geladen …</div>
</div>
</div>
<style>
#bkHistory .bh-item{ position:relative; padding:0 0 4px 34px; }
#bkHistory .bh-item::before{ content:""; position:absolute; left:11px; top:26px; bottom:-6px; width:2px; background:var(--border-color,#e6e7eb); }
#bkHistory .bh-item:last-child::before{ display:none; }
#bkHistory .bh-dot{ position:absolute; left:0; top:4px; width:24px; height:24px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:#eef1f5; color:#6c757d; }
#bkHistory .bh-dot .material-icons{ font-size:15px; }
#bkHistory .bh-item.is-write .bh-dot{ background:#e7f0ff; color:#206bc4; }
#bkHistory .bh-item.is-cancel .bh-dot{ background:#fde2e1; color:#b42318; }
#bkHistory .bh-item.is-reverted .bh-dot{ background:#fff3cd; color:#9a6b00; }
#bkHistory .bh-card{ border:1px solid var(--border-color,#e6e7eb); border-radius:10px; padding:10px 12px; margin-bottom:14px; background:#fff; }
#bkHistory .bh-read{ margin-bottom:14px; }
#bkHistory .bh-head{ display:flex; align-items:center; flex-wrap:wrap; gap:6px; }
#bkHistory .bh-title{ font-weight:600; }
#bkHistory .bh-meta{ color:var(--tblr-secondary,#6c757d); font-size:12px; }
#bkHistory .bh-src{ display:inline-flex; align-items:center; gap:4px; padding:1px 8px; border-radius:999px; background:#eef1f5; color:#42526e; font-size:11px; font-weight:600; }
#bkHistory .bh-diff{ width:100%; margin-top:8px; border-collapse:collapse; font-size:13px; }
#bkHistory .bh-diff th{ text-align:left; color:var(--tblr-secondary,#6c757d); font-weight:500; padding:3px 8px; border-bottom:1px solid var(--border-color,#eef0f3); font-size:11px; text-transform:uppercase; letter-spacing:.02em; }
#bkHistory .bh-diff td{ padding:5px 8px; border-bottom:1px solid var(--border-color,#f1f3f5); vertical-align:top; }
#bkHistory .bh-diff tr:last-child td{ border-bottom:none; }
#bkHistory .bh-old{ color:#b42318; text-decoration:line-through; text-decoration-color:rgba(180,35,24,.4); }
#bkHistory .bh-arrow{ color:#9aa3af; padding:0 4px; }
#bkHistory .bh-new{ color:#0a7a3d; font-weight:600; }
#bkHistory .bh-revbadge{ display:inline-flex; align-items:center; gap:4px; padding:2px 8px; border-radius:999px; background:#fff3cd; color:#9a6b00; font-size:11px; font-weight:600; }
#bkHistory .bh-empty{ text-align:center; color:var(--tblr-secondary,#6c757d); padding:40px 0; }
</style>
<script src="https://seaside.pacim.de/assets/js/booking-history.js?v=1781838889"></script>
</div>
</div>
<div class="modal fade" id="bkParkingModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title"><i class="material-icons sm" style="vertical-align:-4px;">local_parking</i> Stellplatz wechseln</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body">
<input type="hidden" id="bkpInvoiceId">
<div class="text-muted small mb-2">Stellplatztyp wählen – der Preis wird automatisch angepasst (gilt für alle Fahrzeuge dieser Buchung).</div>
<div class="d-flex flex-column gap-2" id="bkpOptions"><div class="text-muted small">Wird geladen …</div></div>
<div class="small mt-2" id="bkpMsg"></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-light" data-bs-dismiss="modal">Abbrechen</button>
<button type="button" class="btn btn-primary" id="bkpSave"><i class="material-icons sm" style="vertical-align:-4px;">save</i> Übernehmen</button>
</div>
</div>
</div>
</div>
<style>
.bkp-opt{ transition:border-color .12s, background-color .12s; }
.bkp-opt:hover{ border-color:var(--primary,#0b4677); background:var(--bg-surface-secondary,#f6f8fb); }
.bkp-opt input:checked ~ span .fw-semibold{ color:var(--primary,#0b4677); }
</style>
<div class="modal fade" id="bkCodeModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title"><i class="material-icons sm" style="vertical-align:-4px;">confirmation_number</i> Buchungscode</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body">
<input type="hidden" id="bkcBookingId">
<div class="text-muted small mb-2">Aktueller Buchungscode für den Kunden. Beim Neu-Generieren wird ein eindeutiger 6-stelliger Code vergeben und der Bearbeiten-Link (Token) erneuert.</div>
<div class="text-center my-3">
<div id="bkcCurrent" style="font-size:30px;font-weight:700;letter-spacing:3px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;">—</div>
</div>
<div class="alert alert-warning small py-2 mb-0"><i class="material-icons" style="font-size:15px;vertical-align:-3px;">warning</i> Der bisherige Code wird ersetzt. Bereits versendete Links/Dokumente mit der alten Nummer verlieren ihre Gültigkeit.</div>
<div class="small mt-2" id="bkcMsg"></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-light" data-bs-dismiss="modal">Schließen</button>
<button type="button" class="btn btn-primary" id="bkcGenerate"><i class="material-icons sm" style="vertical-align:-4px;">autorenew</i> Neuen Code generieren</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="bkBrokerModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title"><i class="material-icons sm" style="vertical-align:-4px;">handshake</i> Partner verknüpfen</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body">
<input type="hidden" id="bkbInvoiceId">
<div class="text-muted small mb-2">Diese Buchung nachträglich einem Vermittler aus dem Partnerprogramm zuordnen. Die Provisionssätze des Partners werden dabei übernommen.</div>
<div id="bkbCurrent" class="alert alert-info py-2 small mb-2 d-none"></div>
<label class="form-label small fw-semibold mb-1">Partner suchen (Name, Firma, E-Mail)</label>
<div class="position-relative mb-2">
<input class="form-control" id="bkbSearch" autocomplete="off" placeholder="z. B. Reisebüro …">
<div id="bkbResults" class="list-group position-absolute w-100 shadow-sm" style="z-index:5;max-height:260px;overflow:auto;"></div>
</div>
<div class="small mt-2" id="bkbMsg"></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-light text-danger me-auto d-none" id="bkbUnlink"><i class="material-icons sm" style="vertical-align:-4px;">link_off</i> Verknüpfung entfernen</button>
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Schließen</button>
</div>
</div>
</div>
</div>
<script src="https://seaside.pacim.de/assets/js/booking-parking.js?v=1781833967"></script>
<script src="https://seaside.pacim.de/assets/js/booking.js?v=1782220668"></script>
</div><!-- /.page-wrapper -->
<footer class="footer">
<span>PaCIM · Parken-am-Schiff.de</span>
<span>SeaSide Travel GmbH & Co. Immobilien KG</span>
</footer>
</main><!-- /.main -->
<div class="sidebar-backdrop" hidden></div>
<!-- Globale JS-Variable -->
<script>
var SITE_URL = "https://seaside.pacim.de";
</script>
<!-- Bootstrap 5 Bundle (Content-Komponenten, inkl. Popper) -->
<script src="https://seaside.pacim.de/assets/js/bootstrap.bundle.min.js"></script>
<!-- Gentelella v4 Shell-Verhalten (Sidebar/Drawer/Theme) -->
<script src="https://seaside.pacim.de/assets/js/gentelella.js?v=1780438958"></script>
<script src="https://seaside.pacim.de/assets/js/search.js?v=1780917509"></script>
<!-- Vanilla-Plugins -->
<script src="https://seaside.pacim.de/assets/js/plugins/quill.min.js"></script>
<script src="https://seaside.pacim.de/assets/js/plugins/choices.min.js"></script>
<script src="https://seaside.pacim.de/assets/js/plugins/theme-functions.js"></script>
<script src="https://seaside.pacim.de/assets/js/custom.min.js?v=1782441601"></script>
<script src="https://seaside.pacim.de/assets/js/filter.js?v=1780443738"></script>
<script src="https://seaside.pacim.de/assets/js/table-sort.js?v=1780460902"></script>
<script src="https://seaside.pacim.de/assets/js/address-autocomplete.js?v=1780694884"></script>
<!-- Bestätigungs-Modal -->
<div class="modal fade" id="confirmationModal" tabindex="-1" role="dialog" aria-labelledby="confirmationModalTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="confirmationModalTitle">Modal title</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
...
</div>
<div class="modal-footer">
<div class="confirmation m-0 row w-100">
<button type="button" class="btn btn-danger col mx-1 d-block" data-bs-dismiss="modal">Abbrechen</button>
<button type="button" class="btn btn-primary col mx-1 d-block btn-send-ajax">Bestätigen</button>
</div>
<div class="editor m-0 row w-100" style="display:none;">
<button type="button" class="btn btn-light border-secondary col mx-1 d-block" data-bs-dismiss="modal">Abbrechen</button>
<button type="button" class="btn btn-success border-secondary col mx-1 d-block btn-send-ajax">Speichern</button>
</div>
</div>
</div>
</div>
</div>
<!-- Datei-Viewer-Modal -->
<div class="modal fade" id="fileModal" tabindex="-1" role="dialog" aria-labelledby="fileModalTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="fileModalTitle">Modal title</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
...
</div>
<div class="modal-footer">
<button type="button" class="btn btn-outline-danger col" data-bs-dismiss="modal">Schließen</button>
<button type="button" class="btn btn-primary col">Drucken</button>
</div>
</div>
</div>
</div>
</body>
</html>