| 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 : /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">ST</div>
<div>
<div class="stat-label">Buchung · CFUX64</div>
<h1 class="h3 mb-0">
Sarah Thor </h1>
</div>
</div>
<div class="d-flex align-items-center gap-2">
<span class="text-muted small">SeaSide-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="123181" data-booking="115262"><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="123181"><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-secondary">Rechnung: Entwurf</span>
<span class="badge bg-danger">Zahlung offen</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="115262" data-no="CFUX64" title="Buchungscode neu generieren"><span class="bk-code-val">CFUX64</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="123181" data-broker="0" title="Partner (Vermittler) verknüpfen">Parken-am-Schiff.de <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">Sarah Thor</span></div>
<div class="bk-sum-item"><span class="bk-sum-label">Parkplatzart</span><span class="bk-sum-val">Halle</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=1782438773"></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
</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-notes" type="button" role="tab">Notizen <span class="badge rounded-pill bg-danger" title="Kundenhinweis vorhanden" style="font-weight:700;">!</span></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>
<li class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#bk-mails" type="button" role="tab">E-Mails <span class="badge bg-secondary rounded-pill ms-1">1</span></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 admin-modal" data-bs-toggle="modal" data-bs-target="#confirmationModal" data-template="invoice/payment.tpl" data-headline="Zahlung erfassen" data-json="{"invoice_id":123181,"price":110.00000025}">
<span class="bk-pay-edit" title="Zahlung erfassen"><i class="material-icons sm">edit</i></span> <div class="bk-stat">
<div class="bk-ico red"><i class="material-icons">euro</i></div>
<div>
<div class="stat-label">Zahlung</div>
<div class="bk-val">110,00 €</div>
<div class="stat-sub">
<span class="text-danger fw-bold">offen</span>
</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":123181,"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 bk-edit-card bk-parking-edit" data-invoice-id="123181" role="button" title="Stellplatz wechseln (Halle/Außen)">
<span class="bk-edit-ico" title="Stellplatz wechseln"><i class="material-icons sm">edit</i></span> <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">Halle</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":115262,"booking_no":"CFUX64","booking_invoice":123181,"kennzeichen":"SI JT 2025","booking_serial":"SI - JT 2025","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":"Halle","booking_info":null,"booking_hint":"Wir reisen mit einem 4-j\u00e4hrigen Kind an und bitten um Bereitstellung eines Kindersitzes.","booking_hint_reply":null,"booking_hint_reply_at":null,"booking_hint_reply_by":null,"booking_guests":3,"link_von":"2026\/06\/27","link_bis":"2026\/07\/04","booking_parkplatz":"Halle","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\/CFUX64.pdf"}" data-template="booking/car.tpl" data-headline="Buchung CFUX64 bearbeiten">SI - JT 2025</span>
<div class="bk-veh-info">
<div class="fw-bold">AIDAdiva <span class="text-muted fw-normal small">· Halle</span></div>
<div class="small text-muted">27.06. – 04.07.2026 · 7 Tage · CFUX64</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-outline-secondary" disabled title="Check-in erst nach Zahlungseingang möglich">
<i class="material-icons sm">lock</i>
<span class="bk-checkin-label">Zahlung offen</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 = 123221">
<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="" 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="Sarah">
</div>
<div class="col-md-6">
<label class="form-label">Nachname</label>
<input type="text" class="form-control" name="content[customer_lastname]" value="Thor">
</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="Spandauer Str. 8" 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="57271">
</div>
<div class="col-md-4">
<label class="form-label">Ort</label>
<input type="text" class="form-control" name="content[customer_city]" value="Hilchenbach">
</div>
<div class="col-md-4">
<label class="form-label">Land</label>
<input type="text" class="form-control" name="content[customer_country]" value="Deutschland">
</div>
<div class="col-md-4">
<label class="form-label">Telefon</label>
<input type="text" class="form-control" name="content[customer_phone]" value="015121228913">
</div>
<div class="col-md-4">
<label class="form-label">E-Mail</label>
<input type="email" class="form-control" name="content[customer_email]" value="sarah_0608@web.de">
</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 <span class="text-muted">(Entwurf)</span></span>
<span class="badge bg-danger">offen</span>
</div>
<div class="d-flex align-items-center gap-2">
<button type="button" class="btn btn-sm btn-outline-primary admin-modal" data-bs-toggle="modal" data-bs-target="#confirmationModal" data-json="{"invoice_id":123181,"products":[{"product_id":2,"product_title":"Au\u00dfenparkplatz","product_description":"","product_price":"0.000000000000000","product_tax":19,"product_visible":1},{"product_id":3,"product_title":"Wohnmobil","product_description":"","product_price":"25.210084033613450","product_tax":19,"product_visible":1},{"product_id":4,"product_title":"Autopolitur","product_description":"","product_price":"159.663865546000000","product_tax":19,"product_visible":1},{"product_id":5,"product_title":"Autocheck","product_description":"","product_price":"8.403361344537815","product_tax":19,"product_visible":1},{"product_id":6,"product_title":"Innenreinigung","product_description":"","product_price":"113.445378151000000","product_tax":19,"product_visible":1},{"product_id":7,"product_title":"Au\u00dfenreinigung","product_description":"","product_price":"42.016806722689080","product_tax":19,"product_visible":1},{"product_id":8,"product_title":"Fahrzeug\u00fcbergabe am Schiff (VALET)","product_description":"","product_price":"42.016806722689080","product_tax":19,"product_visible":1},{"product_id":9,"product_title":"Wohnanh\u00e4nger","product_description":"","product_price":"0.000000000000000","product_tax":19,"product_visible":1},{"product_id":10,"product_title":"Fahrzeugr\u00fcckgabe am Schiff","product_description":"","product_price":"21.008403361000000","product_tax":19,"product_visible":1},{"product_id":11,"product_title":"Fahrzeugtransfer","product_description":"","product_price":"0.000000000000000","product_tax":19,"product_visible":1},{"product_id":12,"product_title":"Service: sp\u00e4te Anreise","product_description":"","product_price":"84.033613445000000","product_tax":19,"product_visible":1}]}" data-template="invoice/positions.tpl" data-headline="Produkt hinzufügen"><i class="material-icons sm">add</i> Produkt hinzufügen</button>
<button type="button" class="btn btn-sm btn-primary admin-modal" data-bs-toggle="modal" data-bs-target="#confirmationModal" data-json="{"invoice_id":123181,"price":110.00000025}" data-template="invoice/payment.tpl" data-headline="Zahlung erfassen"><i class="material-icons sm">payments</i> Zahlung erfassen</button>
<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=123181&show=1" data-size="lg" data-headline="CFUX64.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>25.06.26</div>
<div class="col-6 col-md-5"><span class="text-muted d-block">Kunde</span>Sarah Thor</div>
<div class="col-6 col-md-4">
<span class="text-muted d-block">Zahlungsstatus</span>
- ausstehend -
</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">Hallenparkplatz</td>
<td class="text-muted small"></td>
<td class="text-center">1.0</td>
<td class="text-end text-nowrap">110,00 €</td>
<td class="text-end text-nowrap fw-bold">110,00 €</td>
<td class="text-end text-nowrap">
<button class="btn btn-sm btn-outline-secondary admin-modal" data-bs-toggle="modal" data-bs-target="#confirmationModal" data-json="{"booking_id":115262,"invoice_id":123181,"invoice_pos_description":null,"invoice_pos_discount":null,"invoice_pos_discount_type":null,"invoice_pos_id":110006,"invoice_pos_price":"92.4369750000000000","price":"92.4369750000000000","invoice_pos_quantity":"1.0","invoice_pos_title":"Hallenparkplatz","product_id":1}" data-template="invoice/positions.tpl" data-headline="Hallenparkplatz bearbeiten"><i class="material-icons sm">edit</i></button>
<button class="btn btn-sm btn-outline-danger confirmation-modal" data-bs-toggle="modal" data-bs-target="#confirmationModal" data-headline="Artikel entfernen?" data-content="Möchten Sie den Artikel [b]Hallenparkplatz[/b] wirklich von dieser Rechnung entfernen?" data-json="{"mysql":{"table":"pacim_invoice_pos","where":"invoice_pos_id = 110006"},"delete":1}"><i class="material-icons sm">delete_outline</i></button>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<th colspan="4" class="text-end">Gesamtsumme</th>
<th class="text-end text-nowrap">110,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">CFUX64.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=123181&show=1" data-size="lg" data-headline="CFUX64.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=123181&show=1&download=1"><i class="material-icons sm">download</i> Herunterladen</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="bk-notes" role="tabpanel">
<div class="card mb-3 border-warning">
<div class="card-header bg-warning-subtle fw-bold d-flex justify-content-between align-items-center gap-2">
<span>Kundenhinweis zur Buchung</span>
<button type="button" class="btn btn-sm btn-primary" id="hintReplyBtn" data-invoice="123181">
Antworten </button>
</div>
<div class="card-body">
<div class="text-muted small mb-1">Vom Kunden/Partner bei der Buchung übermittelt:</div>
<div style="white-space:pre-wrap;word-break:break-word;">Wir reisen mit einem 4-jährigen Kind an und bitten um Bereitstellung eines Kindersitzes.</div>
</div>
</div>
<div class="modal fade" id="hintReplyModal" 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">
<div class="modal-header">
<h5 class="modal-title">Auf Kundenhinweis antworten</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body">
<div class="alert alert-light border small py-2 mb-3">
<div class="text-muted mb-1">Kundenhinweis:</div>
<div style="white-space:pre-wrap;word-break:break-word;">Wir reisen mit einem 4-jährigen Kind an und bitten um Bereitstellung eines Kindersitzes.</div>
</div>
<label class="form-label small fw-semibold mb-1">Ihre Antwort an den Kunden</label>
<textarea class="form-control" id="hintReplyText" rows="5" placeholder="Antwort eingeben …"></textarea>
<div class="form-text">Die Antwort wird mit der Vorlage „Kontaktanfrage (Antwort)" formatiert und an den Kunden versendet.</div>
<div id="hintReplyPreviewWrap" class="mt-3 d-none">
<div class="d-flex justify-content-between align-items-center mb-1">
<label class="form-label small fw-semibold mb-0">Vorschau</label>
<span class="small text-muted" id="hintReplyMeta"></span>
</div>
<iframe id="hintReplyPreview" style="width:100%;height:340px;border:1px solid var(--border-color,#e6e7eb);border-radius:6px;background:#fff;"></iframe>
</div>
<div class="js-status small mt-2" id="hintReplyStatus"></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-outline-primary" id="hintReplyPreviewBtn">Vorschau</button>
<button type="button" class="btn btn-primary" id="hintReplySendBtn">Senden</button>
</div>
</div>
</div>
</div>
<script src="https://seaside.pacim.de/assets/js/booking-hint-reply.js?v=1782442853"></script>
<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="123181">
<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 class="tab-pane fade" id="bk-mails" role="tabpanel">
<div class="card">
<div class="card-header d-flex justify-content-between align-items-center">
<span class="fw-bold">E-Mails <span class="badge bg-secondary rounded-pill ms-1">1</span></span>
<button type="button" class="btn btn-sm btn-primary" id="bmCreateBtn" data-invoice="123181">
<i class="material-icons sm">edit</i> E-Mail erstellen
</button>
</div>
<div class="accordion accordion-flush" id="mailAcc">
<div class="accordion-item">
<h2 class="accordion-header" id="mailH0">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#mail0" aria-expanded="false">
<div class="d-flex w-100 align-items-center gap-2 pe-3">
<i class="material-icons text-muted">mail</i>
<div class="flex-grow-1 min-w-0">
<div class="fw-bold text-truncate">Parkplatz in Warnemünde am 27.06.2026</div>
<div class="small text-muted text-truncate">
sarah_0608@web.de </div>
</div>
<span class="badge bg-success">versendet</span>
<span class="small text-muted text-nowrap">25.06.2026 21:43</span>
</div>
</button>
</h2>
<div id="mail0" class="accordion-collapse collapse" aria-labelledby="mailH0" data-bs-parent="#mailAcc">
<div class="accordion-body">
<div class="d-flex flex-wrap gap-2 mb-3">
<button type="button" class="btn btn-sm btn-outline-success confirmation-modal" data-bs-toggle="modal" data-bs-target="#confirmationModal" data-headline="E-Mail erneut versenden?" data-content="Soll die E-Mail [b]Parkplatz in Warnemünde am 27.06.2026[/b] an sarah_0608@web.de erneut versendet werden?" data-json="{"mysql":{"table":"pacim_messages","where":"message_id = 95694"},"content":{"message_status":0,"message_count":0}}">
<i class="material-icons sm">send</i> Erneut versenden
</button>
<button type="button" class="btn btn-sm btn-outline-primary bm-edit" data-message-id="95694" data-invoice="123181">
<i class="material-icons sm">edit</i> Bearbeiten & versenden
</button>
</div>
<div class="bm-preview-frame">
<iframe srcdoc="<div style="display: none; max-height: 0; overflow: hidden; opacity: 0; color: transparent;">Ihre Buchungsbest&auml;tigung f&uuml;r den Parkplatz in Warnem&uuml;nde mit Anreiseinformationen und gebuchten Leistungen.</div>
<table style="background: #eef3f7; margin: 0; padding: 0;" role="presentation" border="0" width="100%" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="padding: 28px 12px;" align="center">
<table class="container" style="width: 600px; max-width: 600px; background: #ffffff; border-radius: 18px; overflow: hidden; box-shadow: 0 12px 34px rgba(18,48,77,0.14);" role="presentation" border="0" width="600" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="background: linear-gradient(135deg,#073d63 0%,#0f75ad 100%); padding: 30px 34px 26px 34px;">
<table role="presentation" border="0" width="100%" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td class="mobile-center" style="text-align: left;"><a href="https://www.parken-am-schiff.de" target="_blank" style="display:inline-block;text-decoration:none;border:0;"><img src="data:image/png;base64,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" alt="SeaSide Travel" width="120" style="display:block;border:0;width:120px;max-width:55%;height:auto;"></a></td>
<td class="hide-mobile" style="font-size: 13px; color: #dceef8; line-height: 18px;" align="right">Buchungsnummer<br><strong style="font-size: 18px; color: #ffffff;">CFUX64</strong></td>
</tr>
</tbody>
</table>
<h1 class="hero-title" style="margin: 28px 0 10px 0; font-size: 29px; line-height: 36px; color: #ffffff; font-weight: bold;">Ihr Parkplatz ist best&auml;tigt</h1>
<p style="margin: 0; color: #dceef8; font-size: 16px; line-height: 24px;">Warnem&uuml;nde &middot; 27.06.2026 bis 04.07.2026 &middot; AIDAdiva</p>
</td>
</tr>
<tr>
<td class="inner" style="padding: 32px 34px 10px 34px;">
<p style="margin: 0 0 16px 0; font-size: 16px; line-height: 25px;">Guten Tag <strong>Sarah Thor</strong>,</p>
<p style="margin: 0 0 20px 0; font-size: 16px; line-height: 25px;">anbei erhalten Sie die Buchungsbest&auml;tigung f&uuml;r Ihren Parkplatz auf unserem gesicherten Gel&auml;nde in Warnem&uuml;nde. Bitte f&uuml;hren Sie diese Buchungsbest&auml;tigung bei Ihrer Anreise mit.</p>
<table style="margin: 24px 0; background: #f4f8fb; border: 1px solid #dce8f0; border-radius: 14px;" role="presentation" border="0" width="100%" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="padding: 18px 20px;">
<table role="presentation" border="0" width="100%" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td class="two-col" style="font-size: 14px; line-height: 22px; color: #456; padding: 0 10px 10px 0;" width="50%"><strong style="display: block; color: #0d4f79; font-size: 13px; text-transform: uppercase; letter-spacing: .4px;">Zeitraum</strong>27.06.2026 - 04.07.2026</td>
<td class="two-col" style="font-size: 14px; line-height: 22px; color: #456; padding: 0 0 10px 10px;" width="50%"><strong style="display: block; color: #0d4f79; font-size: 13px; text-transform: uppercase; letter-spacing: .4px;">Schiff</strong>AIDAdiva</td>
</tr>
<tr>
<td class="two-col" style="font-size: 14px; line-height: 22px; color: #456; padding: 8px 10px 0 0;" width="50%"><strong style="display: block; color: #0d4f79; font-size: 13px; text-transform: uppercase; letter-spacing: .4px;">Adresse</strong>An der Werft 3, 18119 Warnemünde</td>
<td class="two-col" style="font-size: 14px; line-height: 22px; color: #456; padding: 8px 0 0 10px;" width="50%"><strong style="display: block; color: #0d4f79; font-size: 13px; text-transform: uppercase; letter-spacing: .4px;">Bezahlung</strong>BAR oder per EC-Karte bei Anreise</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<h2 style="margin: 28px 0 12px 0; font-size: 20px; line-height: 26px; color: #073d63;">Zeitpunkt der Anreise</h2>
<table role="presentation" border="0" width="100%" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td class="two-col" style="padding: 0 8px 12px 0;" valign="top" width="50%">
<table style="border: 1px solid #dce8f0; border-radius: 12px;" role="presentation" border="0" width="100%" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="padding: 16px; font-size: 14px; line-height: 22px;"><strong style="color: #0d4f79;">Early Check-In / bis 11 Uhr</strong><br>Die Anreise ist fr&uuml;hestens ab 9:00 Uhr m&ouml;glich. Bitte treffen Sie 30 Minuten <strong>vor Ihrer Boarding-Zeit</strong> auf dem Parkplatz ein.</td>
</tr>
</tbody>
</table>
</td>
<td class="two-col" style="padding: 0 0 12px 8px;" valign="top" width="50%">
<table style="border: 1px solid #dce8f0; border-radius: 12px;" role="presentation" border="0" width="100%" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="padding: 16px; font-size: 14px; line-height: 22px;"><strong style="color: #0d4f79;">Anreise ab 11 Uhr</strong><br>Die Anreise ist fr&uuml;hestens ab 10:30 Uhr m&ouml;glich. Bitte treffen Sie 30 Minuten <strong>vor Ihrer Boarding-Zeit</strong> auf dem Parkplatz ein.</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<h2 style="margin: 22px 0 12px 0; font-size: 20px; line-height: 26px; color: #073d63;">Anfahrt zum Parkplatz</h2>
<p style="margin: 0 0 18px 0; font-size: 15px; line-height: 24px;">Die Adresse f&uuml;r Ihre Anreise lautet: <strong>An der Werft 3, 18119 Warnemünde</strong>. Zur Navigation k&ouml;nnen Sie entweder &bdquo;Parken am Schiff&ldquo; in Google Maps suchen oder die Handy-Navigation &uuml;ber den folgenden Link starten.</p>
<p style="margin: 0 0 26px 0;"><a class="button" style="background: #0f75ad; color: #ffffff; display: inline-block; padding: 13px 22px; border-radius: 999px; font-size: 15px; font-weight: bold; text-decoration: none;" href="https://map.pacim.de">Navigation starten</a></p>
<table style="margin: 0 0 22px 0;" role="presentation" border="0" width="100%" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="background: #fff8e7; border: 1px solid #f1dc9f; border-radius: 12px; padding: 15px 18px; font-size: 14px; line-height: 22px; color: #5b4a1c;"><strong>Erreichbarkeit am Anreisetag:</strong><br>Bitte stellen Sie sicher, dass Sie unter <strong>015121228913</strong> erreichbar sind. Andernfalls teilen Sie uns bitte vorab eine Mobilnummer mit.</td>
</tr>
</tbody>
</table>
<h2 style="margin: 26px 0 12px 0; font-size: 20px; line-height: 26px; color: #073d63;">Ihre gebuchten Leistungen</h2>
<table style="border-collapse: collapse; border: 1px solid #dce8f0; border-radius: 12px; overflow: hidden;" role="presentation" border="0" width="100%" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<th style="background: #073d63; color: #ffffff; padding: 12px 14px; font-size: 13px;" align="left">#</th>
<th style="background: #073d63; color: #ffffff; padding: 12px 14px; font-size: 13px;" align="left">Leistung</th>
<th style="background: #073d63; color: #ffffff; padding: 12px 14px; font-size: 13px;" align="right">Preis</th>
</tr>
<tr><td style="padding:14px; border-bottom:1px solid #e6eef4; font-size:14px; color:#243447;">1</td><td style="padding:14px; border-bottom:1px solid #e6eef4; font-size:14px; color:#243447;">Hallenparkplatz</td><td align="right" style="padding:14px; border-bottom:1px solid #e6eef4; font-size:14px; color:#243447;">110,00 €</td></tr>
<tr>
<td style="padding: 14px; font-size: 14px; color: #243447;" colspan="2"><strong>Gesamt</strong><br><span style="font-size: 12px; color: #6c7a86;">inkl. gesetzlicher Mehrwertsteuer</span></td>
<td style="padding: 14px; font-size: 18px; color: #073d63;" align="right"><strong>110,00 €</strong></td>
</tr>
</tbody>
</table>
<p style="margin: 24px 0 22px 0;"><a class="button" style="background: #eef6fb; color: #0d4f79; border: 1px solid #b9d8ea; display: inline-block; padding: 12px 20px; border-radius: 999px; font-size: 14px; font-weight: bold; text-decoration: none;" href="https://www.parken-am-schiff.de/parkplatz/buchung/bearbeiten/?hash=f7d5b7714a151a534ad0aac86899b3e6">Reisedaten &auml;ndern</a></p>
<p style="margin: 0 0 4px 0; font-size: 15px; line-height: 24px;">Mit freundlichen Gr&uuml;&szlig;en</p>
<p style="margin: 0 0 26px 0; font-size: 15px; line-height: 24px;"><strong>Ihr Parken-am-Schiff.de Team</strong></p>
</td>
</tr>
<tr>
<td style="background: #f4f8fb; padding: 24px 34px; border-top: 1px solid #dce8f0;">
<table role="presentation" border="0" width="100%" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td class="two-col" style="font-size: 13px; line-height: 21px; color: #435465; padding-right: 12px;" valign="top" width="50%"><strong style="color: #073d63;">Kontakt</strong><br><a style="color: #0f75ad; text-decoration: none;" href="https://www.parken-am-schiff.de" target="_blank" rel="noopener">parken-am-schiff.de</a><br><a style="color: #0f75ad; text-decoration: none;" href="mailto:info@parken-am-schiff.de">info@parken-am-schiff.de</a><br><a style="color: #0f75ad; text-decoration: none;" href="tel:+4938136779882">+49 (0)381 - 36 77 98 82</a></td>
<td class="two-col" style="font-size: 13px; line-height: 21px; color: #435465; padding-left: 12px;" valign="top" width="50%"><strong style="color: #073d63;">SeaSide Travel GmbH &amp; Co.<br>Immobilien KG</strong><br>An der Werft 3<br>18119 Rostock-Warnem&uuml;nde</td>
</tr>
</tbody>
</table>
<p style="margin: 20px 0 0 0; font-size: 12px; line-height: 19px; color: #6c7a86;">Amtsgericht Rostock HRA 3768 &middot; Steuernummer: 081/163/12302 &middot; Gesch&auml;ftsf&uuml;hrer: Immo Schneider</p>
<p style="margin: 14px 0 0 0; font-size: 12px; line-height: 19px; color: #4f6a38;">P Denken Sie an die Umwelt - bevor Sie ausdrucken.</p>
<p style="margin: 14px 0 0 0; font-size: 11px; line-height: 17px; color: #8a98a5;">Diese E-Mail enth&auml;lt vertrauliche und/oder rechtlich gesch&uuml;tzte Informationen. Wenn Sie nicht der richtige Adressat sind oder diese E-Mail irrt&uuml;mlich erhalten haben, informieren Sie bitte sofort den Absender und vernichten Sie diese E-Mail. Das unerlaubte Kopieren sowie die unbefugte Weitergabe dieser E-Mail sind nicht gestattet.</p>
<p style="margin: 10px 0 0 0; font-size: 11px; line-height: 17px; color: #8a98a5;">This e-mail and any attachments contain confidential information addressed to a specific recipient(s) which is private and protected by law. If you are not an addressee, any disclosure, copying, distribution or use is strictly prohibited and you are requested to advise us immediately of the information you have received.</p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>" loading="lazy"></iframe>
</div>
<div class="mt-3 d-flex flex-wrap gap-2">
<a href="https://seaside.pacim.de/file.php?token=YIz8HqUPWQ7cwcVHE57O&invoice=123181&show=1" class="btn btn-sm btn-outline-secondary iframe-modal" data-size="lg" data-headline="CFUX64.pdf" data-bs-toggle="modal" data-bs-target="#fileModal"><i class="material-icons sm">picture_as_pdf</i> Buchungsbestätigung</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="bmPickModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-xl modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title"><i class="material-icons sm align-middle me-1">mail</i> Vorlage auswählen</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Schließen"></button>
</div>
<div class="modal-body">
<div id="bmPickBody" class="row g-3">
<div class="col-12 text-center text-muted py-5">
<div class="spinner-border text-primary" role="status"></div>
<div class="mt-2">Vorlagen werden geladen …</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade bm-compose" id="bmComposeModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-xl modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title"><i class="material-icons sm align-middle me-1">edit</i> <span id="bmComposeTitle">E-Mail verfassen</span></h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Schließen"></button>
</div>
<div class="modal-body">
<input type="hidden" id="bmTemplateId" value="">
<div class="row g-3 mb-3">
<div class="col-md-6">
<label class="form-label small fw-semibold text-muted mb-1">Empfänger</label>
<div class="input-group">
<span class="input-group-text"><i class="material-icons sm">person</i></span>
<input type="email" class="form-control" id="bmTo" placeholder="kunde@example.com">
</div>
</div>
<div class="col-md-6">
<label class="form-label small fw-semibold text-muted mb-1">Betreff</label>
<div class="input-group">
<span class="input-group-text"><i class="material-icons sm">subject</i></span>
<input type="text" class="form-control" id="bmSubject">
</div>
</div>
</div>
<div id="bmAttachWrap" class="bm-attach mb-3 d-none">
<label class="form-label small fw-semibold text-muted mb-1">Anhänge <span class="text-muted fw-normal">(automatisch)</span></label>
<div id="bmAttachList" class="d-flex flex-wrap gap-2"></div>
</div>
<div class="bm-upload mb-3">
<label class="form-label small fw-semibold text-muted mb-1">Eigenes Dokument <span class="text-muted fw-normal">(PDF anhängen)</span></label>
<div class="d-flex flex-wrap align-items-center gap-2">
<button type="button" class="btn btn-sm btn-light border" id="bmUploadBtn"><i class="material-icons sm">upload_file</i> PDF hochladen</button>
<input type="file" id="bmUploadInput" accept="application/pdf,.pdf" class="d-none">
<span id="bmUploadMsg" class="small text-muted"></span>
</div>
<div id="bmUploadList" class="d-flex flex-wrap gap-2 mt-2"></div>
<label class="form-check d-flex align-items-center gap-2 mt-2 d-none" id="bmSkipAutoWrap"><input class="form-check-input" type="checkbox" id="bmSkipAuto"> <span class="small">Automatischen Anhang ersetzen (nur hochgeladene Datei senden)</span></label>
</div>
<label class="form-label small fw-semibold text-muted mb-1">Inhalt</label>
<div class="bm-editor">
<div class="bm-editor-toolbar" role="toolbar">
<div class="bm-tb-group">
<button type="button" class="bm-tb-btn" data-cmd="undo" title="Rückgängig"><i class="material-icons sm">undo</i></button>
<button type="button" class="bm-tb-btn" data-cmd="redo" title="Wiederherstellen"><i class="material-icons sm">redo</i></button>
</div>
<div class="bm-tb-group">
<select class="bm-tb-select" data-cmd="formatBlock" title="Absatzformat">
<option value="p">Absatz</option>
<option value="h1">Überschrift 1</option>
<option value="h2">Überschrift 2</option>
<option value="h3">Überschrift 3</option>
</select>
</div>
<div class="bm-tb-group">
<button type="button" class="bm-tb-btn" data-cmd="bold" title="Fett"><i class="material-icons sm">format_bold</i></button>
<button type="button" class="bm-tb-btn" data-cmd="italic" title="Kursiv"><i class="material-icons sm">format_italic</i></button>
<button type="button" class="bm-tb-btn" data-cmd="underline" title="Unterstrichen"><i class="material-icons sm">format_underlined</i></button>
<label class="bm-tb-btn bm-tb-color" title="Textfarbe"><i class="material-icons sm">format_color_text</i><input type="color" data-cmd="foreColor" value="#0b4677"></label>
</div>
<div class="bm-tb-group">
<button type="button" class="bm-tb-btn" data-cmd="insertUnorderedList" title="Aufzählung"><i class="material-icons sm">format_list_bulleted</i></button>
<button type="button" class="bm-tb-btn" data-cmd="insertOrderedList" title="Nummerierte Liste"><i class="material-icons sm">format_list_numbered</i></button>
</div>
<div class="bm-tb-group">
<button type="button" class="bm-tb-btn" data-cmd="createLink" title="Link einfügen"><i class="material-icons sm">link</i></button>
<button type="button" class="bm-tb-btn" data-cmd="insertImage" title="Bild einfügen"><i class="material-icons sm">image</i></button>
<button type="button" class="bm-tb-btn" data-cmd="removeFormat" title="Formatierung entfernen"><i class="material-icons sm">format_clear</i></button>
</div>
<div class="bm-tb-group ms-auto">
<button type="button" class="bm-tb-btn bm-tb-toggle" id="bmToggleSrc" title="HTML-Quelltext"><i class="material-icons sm">code</i> <span>HTML</span></button>
</div>
</div>
<iframe id="bmEditor" title="E-Mail-Editor"></iframe>
<textarea id="bmSource" class="form-control d-none" spellcheck="false"></textarea>
</div>
</div>
<div class="modal-footer">
<span id="bmSendMsg" class="small me-auto"></span>
<button type="button" class="btn btn-light border" data-bs-dismiss="modal">Abbrechen</button>
<button type="button" class="btn btn-primary" id="bmSendBtn"><i class="material-icons sm">send</i> Senden</button>
</div>
</div>
</div>
</div>
<script src="https://seaside.pacim.de/assets/js/booking-mail.js?v=1782414012"></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>