| 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/3951573/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="tasks/day">
<a class="skip-link" href="#main-content">Zum Inhalt springen</a>
<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>
</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>
</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">tasks/day</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/cockpit.css?v=1780917736">
<div class="page-header">
<div class="page-header-row d-flex justify-content-between align-items-center flex-wrap gap-2">
<div>
<div class="stat-label">Tagesansicht</div>
<h1 class="h3 mb-0">Sonntag, den 14. Juni 2026</h1>
</div>
<div class="d-flex flex-column align-items-end gap-2">
<div class="date-nav-wrap" style="position:relative; display:inline-flex;">
<div class="date-nav" role="group" aria-label="Tag wechseln">
<a href="https://seaside.pacim.de/tasks/day/?date=2026-06-13" class="date-nav-btn" title="Vorheriger Anreisetag (13.06.)">
<svg width="15" height="15" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.7"><path d="M12 4l-4 4 4 4M7 4l-4 4 4 4"/></svg>
</a> <a href="https://seaside.pacim.de/tasks/day/?date=2026-06-13" class="date-nav-btn" title="Vortag">
<svg width="15" height="15" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.7"><path d="M10 4l-4 4 4 4"/></svg>
<span>13.06.</span>
</a>
<button type="button" class="date-nav-btn date-nav-cal" id="dayCalBtn" data-current="2026-06-14" title="Kalender – Tage mit Anreisen" aria-haspopup="true" aria-expanded="false">
<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><rect x="3" y="4" width="18" height="16" rx="2"/><path d="M3 10h18M8 4v6M16 4v6"/></svg>
<span>Kalender</span>
</button>
<a href="https://seaside.pacim.de/tasks/day/?date=2026-06-15" class="date-nav-btn" title="Folgetag">
<span>15.06.</span>
<svg width="15" height="15" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.7"><path d="M6 4l4 4-4 4"/></svg>
</a>
<a href="https://seaside.pacim.de/tasks/day/?date=2026-06-16" class="date-nav-btn" title="Nächster Anreisetag (16.06.)">
<svg width="15" height="15" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.7"><path d="M4 4l4 4-4 4M9 4l4 4-4 4"/></svg>
</a> </div>
<div class="daycal-pop" id="dayCalPop" hidden>
<div class="daycal-head">
<button type="button" class="daycal-nav" id="dayCalPrev" aria-label="Vormonat"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.7"><path d="M10 4l-4 4 4 4"/></svg></button>
<span class="daycal-title" id="dayCalTitle">…</span>
<button type="button" class="daycal-nav" id="dayCalNext" aria-label="Folgemonat"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.7"><path d="M6 4l4 4-4 4"/></svg></button>
</div>
<div id="dayCalGrid"></div>
<div class="daycal-foot">
<button type="button" class="daycal-today" id="dayCalToday">Heute</button>
<span class="daycal-legend">
<span class="dash-dot normal"></span>normal
<span class="dash-dot high"></span>viel
<span class="dash-dot peak"></span>sehr viel
</span>
</div>
</div>
</div>
<button type="button" class="btn btn-primary" id="bkCaptureBtn" data-date="2026-06-14"><i class="material-icons sm">add</i> Buchung erfassen</button>
</div>
</div>
</div>
<!-- Tabs -->
<ul class="nav nav-tabs mb-3" role="tablist">
<li class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#tab-overview" type="button" role="tab">Übersicht</button></li>
<li class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#tab-arrivals" type="button" role="tab">Anreise <span class="badge bg-secondary rounded-pill ms-1">2</span></button></li>
<li class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#tab-departures" type="button" role="tab">Abreise <span class="badge bg-secondary rounded-pill ms-1">6</span></button></li>
<li class="nav-item"><button class="nav-link active" data-bs-toggle="tab" data-bs-target="#tab-invoices" type="button" role="tab">Rechnungen <span class="badge bg-secondary rounded-pill ms-1">2</span></button></li>
<li class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#tab-documents" type="button" role="tab">Dokumente</button></li>
</ul>
<div class="tab-content">
<div class="tab-pane fade" id="tab-overview" role="tabpanel">
<!-- Tages-KPIs -->
<div class="row g-3 mb-3">
<div class="col-6 col-xl-3"><div class="card h-100"><div class="stat">
<div class="stat-icon teal"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M12 5v14M5 12l7-7 7 7"/></svg></div>
<div class="stat-content"><div class="stat-label">Anreisen</div><div class="stat-value-row"><span class="stat-value">2</span></div><div class="stat-subtext">Valet 0</div></div>
</div></div></div>
<div class="col-6 col-xl-3"><div class="card h-100"><div class="stat">
<div class="stat-icon blue"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M12 19V5M5 12l7 7 7-7"/></svg></div>
<div class="stat-content"><div class="stat-label">Abreisen</div><div class="stat-value-row"><span class="stat-value">6</span></div><div class="stat-subtext">Transfer zum Terminal</div></div>
</div></div></div>
<div class="col-6 col-xl-3"><div class="card h-100"><div class="stat">
<div class="stat-icon yellow"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M3 21h18M5 21V7l8-4v18M19 21V11l-6-4"/></svg></div>
<div class="stat-content"><div class="stat-label">Halle</div><div class="stat-value-row"><span class="stat-value">1</span></div><div class="stat-subtext">AIDA 0 · SeaSide 1</div></div>
</div></div></div>
<div class="col-6 col-xl-3"><div class="card h-100"><div class="stat">
<div class="stat-icon green"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M5 17h14M5 17a2 2 0 01-2-2v-3l2-5h12l2 5v3a2 2 0 01-2 2M7 17v2M17 17v2"/></svg></div>
<div class="stat-content"><div class="stat-label">Außen</div><div class="stat-value-row"><span class="stat-value">1</span></div><div class="stat-subtext">AIDA 0 · SeaSide 1</div></div>
</div></div></div>
</div>
<div class="row g-3">
<!-- Check-in-Zeitverteilung -->
<div class="col-12 col-xl-8">
<div class="card h-100">
<div class="card-header fw-bold">Check-in-Zeitverteilung</div>
<div class="card-body">
<div class="d-flex justify-content-center gap-4 small text-muted mb-2">
<span><span style="display:inline-block;width:11px;height:11px;background:var(--primary);opacity:.85;border-radius:2px;vertical-align:middle;"></span> vorhergesagt</span>
<span><span style="display:inline-block;width:16px;height:0;border-top:2px solid var(--red);vertical-align:middle;"></span> tatsächlich</span>
</div>
<div style="display:flex;">
<div style="position:relative;flex:0 0 32px;height:200px;">
<div class="small text-muted" style="position:absolute;top:0%;right:5px;transform:translateY(-50%);line-height:1;">1</div>
<div class="small text-muted" style="position:absolute;top:25%;right:5px;transform:translateY(-50%);line-height:1;">1</div>
<div class="small text-muted" style="position:absolute;top:50%;right:5px;transform:translateY(-50%);line-height:1;">1</div>
<div class="small text-muted" style="position:absolute;top:75%;right:5px;transform:translateY(-50%);line-height:1;">0</div>
<div class="small text-muted" style="position:absolute;top:100%;right:5px;transform:translateY(-50%);line-height:1;">0</div>
</div>
<div style="position:relative;height:200px;flex:1 1 auto;">
<div style="position:absolute;left:0;right:0;top:0%;border-top:1px dashed var(--border-color);opacity:.5;"></div><div style="position:absolute;left:0;right:0;top:25%;border-top:1px dashed var(--border-color);opacity:.5;"></div><div style="position:absolute;left:0;right:0;top:50%;border-top:1px dashed var(--border-color);opacity:.5;"></div><div style="position:absolute;left:0;right:0;top:75%;border-top:1px dashed var(--border-color);opacity:.5;"></div><div style="position:absolute;left:0;right:0;top:100%;border-top:1px dashed var(--border-color);opacity:.5;"></div>
<div class="d-flex align-items-end" style="position:relative;height:100%;z-index:1;">
<div class="flex-fill" style="position:relative;height:100%;" title="8:00 Uhr · vorhergesagt 0 · tatsächlich 0">
<div class="ci-bar" style="position:absolute;left:15%;right:15%;bottom:0;height:0%;background:var(--primary);opacity:.85;border-radius:3px 3px 0 0;"></div>
</div>
<div class="flex-fill" style="position:relative;height:100%;" title="9:00 Uhr · vorhergesagt 0 · tatsächlich 0">
<div class="ci-bar" style="position:absolute;left:15%;right:15%;bottom:0;height:0%;background:var(--primary);opacity:.85;border-radius:3px 3px 0 0;"></div>
</div>
<div class="flex-fill" style="position:relative;height:100%;" title="10:00 Uhr · vorhergesagt 0 · tatsächlich 1">
<div class="ci-bar" style="position:absolute;left:15%;right:15%;bottom:0;height:0%;background:var(--primary);opacity:.85;border-radius:3px 3px 0 0;"></div>
</div>
<div class="flex-fill" style="position:relative;height:100%;" title="11:00 Uhr · vorhergesagt 0 · tatsächlich 0">
<div class="ci-bar" style="position:absolute;left:15%;right:15%;bottom:0;height:0%;background:var(--primary);opacity:.85;border-radius:3px 3px 0 0;"></div>
</div>
<div class="flex-fill" style="position:relative;height:100%;" title="12:00 Uhr · vorhergesagt 1 · tatsächlich 1">
<div class="ci-bar" style="position:absolute;left:15%;right:15%;bottom:0;height:100%;background:var(--primary);opacity:.85;border-radius:3px 3px 0 0;"></div>
</div>
<div class="flex-fill" style="position:relative;height:100%;" title="13:00 Uhr · vorhergesagt 1 · tatsächlich 0">
<div class="ci-bar" style="position:absolute;left:15%;right:15%;bottom:0;height:100%;background:var(--primary);opacity:.85;border-radius:3px 3px 0 0;"></div>
</div>
<div class="flex-fill" style="position:relative;height:100%;" title="14:00 Uhr · vorhergesagt 0 · tatsächlich 0">
<div class="ci-bar" style="position:absolute;left:15%;right:15%;bottom:0;height:0%;background:var(--primary);opacity:.85;border-radius:3px 3px 0 0;"></div>
</div>
<div class="flex-fill" style="position:relative;height:100%;" title="15:00 Uhr · vorhergesagt 0 · tatsächlich 0">
<div class="ci-bar" style="position:absolute;left:15%;right:15%;bottom:0;height:0%;background:var(--primary);opacity:.85;border-radius:3px 3px 0 0;"></div>
</div>
<div class="flex-fill" style="position:relative;height:100%;" title="16:00 Uhr · vorhergesagt 0 · tatsächlich 0">
<div class="ci-bar" style="position:absolute;left:15%;right:15%;bottom:0;height:0%;background:var(--primary);opacity:.85;border-radius:3px 3px 0 0;"></div>
</div>
</div>
<svg viewBox="0 0 9 100" preserveAspectRatio="none" style="position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:2;">
<polyline points="0.5,100 1.5,100 2.5,0 3.5,100 4.5,0 5.5,100 6.5,100 7.5,100 8.5,100 " fill="none" stroke="var(--red)" stroke-width="2" vector-effect="non-scaling-stroke" stroke-linejoin="round" stroke-linecap="round"/>
</svg>
</div>
</div>
<div class="d-flex mt-1">
<div style="flex:0 0 32px;"></div>
<div class="d-flex" style="flex:1 1 auto;">
<div class="flex-fill text-center small text-muted">8</div><div class="flex-fill text-center small text-muted">9</div><div class="flex-fill text-center small text-muted">10</div><div class="flex-fill text-center small text-muted">11</div><div class="flex-fill text-center small text-muted">12</div><div class="flex-fill text-center small text-muted">13</div><div class="flex-fill text-center small text-muted">14</div><div class="flex-fill text-center small text-muted">15</div><div class="flex-fill text-center small text-muted">16</div>
</div>
</div>
<div class="text-muted small text-center mt-2">Fahrzeuge je Stunde – Balken: vorhergesagt, Linie: tatsächlich</div>
</div>
</div>
</div>
<!-- Importierte Buchungen (AIDA-Listen + ParkingList) -->
<div class="col-12 col-xl-4">
<div class="card h-100">
<div class="card-header d-flex justify-content-between align-items-center">
<span class="fw-bold">Importierte Buchungen</span>
<span class="badge bg-secondary rounded-pill">0</span>
</div>
<div class="list-group list-group-flush" style="max-height:260px;overflow-y:auto;">
<div class="list-group-item text-muted">Keine importierten Listen für die Anreisen dieses Tages.</div>
</div>
</div>
</div>
</div>
<div class="row g-3 mt-0">
<!-- Eingegangene Buchungen -->
<div class="col-12 col-xl-6">
<div class="card h-100">
<div class="card-header d-flex justify-content-between align-items-center">
<span class="fw-bold">An diesem Tag eingegangen</span>
<span class="text-muted small">266 gesamt · AIDA 264 · SeaSide 2</span>
</div>
<div class="table-responsive">
<table class="table table-hover table-sm mb-0 align-middle">
<thead><tr><th>Zeit</th><th>Kunde</th><th>Buchung</th><th>Kennzeichen</th><th>Schiff</th></tr></thead>
<tbody>
<tr href="https://seaside.pacim.de/booking/view/?invoice_id=122660" style="cursor:pointer;">
<td class="small text-muted">18:01</td>
<td class="fw-bold">Bemmann, Ronny</td>
<td class="small text-muted">26-17358</td>
<td><span class="license-plate">MW - FX 12</span></td>
<td>MSC Magnifica</td>
</tr>
<tr href="https://seaside.pacim.de/booking/view/?invoice_id=122659" style="cursor:pointer;" class="is-storno">
<td class="small text-muted">10:38</td>
<td class="fw-bold">Ryzhak, Dmytro <span class="cp-storno-badge">STORNO</span></td>
<td class="small text-muted">26-17357</td>
<td><span class="license-plate">KA - 012 1 CI</span></td>
<td>MSC Magnifica</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- ToDos -->
<div class="col-12 col-xl-6">
<div class="card">
<div class="card-header d-flex justify-content-between align-items-center flex-wrap gap-2">
<span class="fw-bold">ToDo-Liste & Hinweise <span class="badge bg-secondary rounded-pill ms-1">0</span></span>
<div class="d-flex align-items-center gap-2">
<span class="small text-muted" data-filter-info="#toDoList"></span>
<select id="toDoList" class="list-filter-select" multiple="multiple">
<option value="payment">Probleme bei Zahlung</option>
<option value="specials">Zusatzleistungen</option>
<option value="terminal">Übergabe am Terminal</option>
</select>
</div>
</div>
<div class="table-responsive">
<table class="table table-hover align-middle mb-0 daylist">
<thead>
<tr><th>Kennzeichen / Kunde</th><th>Schiff · Stellplatz</th><th>Aufgabe</th><th>Telefon</th><th class="text-end">Preis</th><th class="text-end">Aktion</th></tr>
</thead>
<tbody data-filter-list="#toDoList">
<tr class="no-results">
<td colspan="6" class="text-center text-muted py-4">– keine offenen Aufgaben für diesen Tag –</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="tab-arrivals" role="tabpanel">
<div class="card daylist-card">
<div class="card-header daylist-toolbar">
<div class="daylist-search-box">
<svg class="s-icon" width="15" height="15" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.6" aria-hidden="true"><circle cx="7" cy="7" r="5"/><path d="M11 11l3.5 3.5"/></svg>
<input type="text" class="daylist-search" data-search="#arrivalList" placeholder="In dieser Liste suchen …" aria-label="Liste durchsuchen" autocomplete="off">
</div>
<div class="daylist-filter">
<span class="small text-muted text-nowrap" data-filter-info="#arrivalList"></span>
<select id="arrivalList" class="list-filter-select" multiple="multiple" data-placeholder="Filter …">
<optgroup label="Stellplatz">
<option value="pp_hall">Halle</option>
<option value="pp_outside">Außen</option>
</optgroup>
<optgroup label="Valet">
<option value="pp_valet">Valet</option>
<option value="pp_novalet">ohne Valet</option>
</optgroup>
<optgroup label="Status">
<option value="open">Offen (nicht angereist)</option>
</optgroup>
</select>
</div>
</div>
<div class="table-responsive">
<table class="table align-middle mb-0 daylist">
<thead>
<tr>
<th style="width:140px;">Kennzeichen</th>
<th>Kunde</th>
<th>Schiff · Stellplatz</th>
<th>Leistungen</th>
<th>Check-in</th> <th class="text-end">Preis</th>
</tr>
</thead>
<tbody data-filter-list="#arrivalList">
<tr class="row-arrived" href="https://seaside.pacim.de/booking/view/?invoice_id=114362" data-filter-status="pp_outside-pp_novalet-pas_lead-msc_magnifica-trip_7" data-search-extra="PAS13102 26-16897">
<td><span class="plate js-hl">KS - TS 2416</span></td>
<td>
<div class="fw-bold js-hl">Stampfl, Manuel</div>
<div class="small text-muted">SeaSide · 7 Tage</div>
</td>
<td>
<div class="fw-bold">MSC Magnifica</div>
<div class="small text-muted text-uppercase">Außen</div>
</td>
<td>
<span class="text-muted">—</span> </td>
<td class="text-nowrap">
<span class="ci-time"><i class="material-icons sm text-success">check_circle</i> 12:29</span>
<div class="small text-success">angereist</div>
</td>
<td class="text-end text-nowrap">
<div class="fw-bold">90,00 €</div>
<div class="small text-muted">bezahlt</div> </td>
</tr>
<tr class="row-arrived" href="https://seaside.pacim.de/booking/view/?invoice_id=122202" data-filter-status="pp_hall-pp_novalet-pas_lead-msc_magnifica-trip_7" data-search-extra="PAS13101 26-17346">
<td><span class="plate js-hl">STA - EV 13</span></td>
<td>
<div class="fw-bold js-hl">KESS, Walter</div>
<div class="small text-muted">SeaSide · 7 Tage</div>
</td>
<td>
<div class="fw-bold">MSC Magnifica</div>
<div class="small text-muted text-uppercase">Halle</div>
</td>
<td>
<span class="text-muted">—</span> </td>
<td class="text-nowrap">
<span class="ci-time"><i class="material-icons sm text-success">check_circle</i> 10:59</span>
<div class="small text-success">angereist</div>
</td>
<td class="text-end text-nowrap">
<div class="fw-bold">125,00 €</div>
<div class="small text-muted">bezahlt</div> </td>
</tr>
<tr class="no-results" style="display:none;">
<td colspan="6" class="text-center text-muted py-4">– keine Einträge für Anreise –</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="tab-pane fade" id="tab-departures" role="tabpanel">
<div class="card daylist-card">
<div class="card-header daylist-toolbar">
<div class="daylist-search-box">
<svg class="s-icon" width="15" height="15" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.6" aria-hidden="true"><circle cx="7" cy="7" r="5"/><path d="M11 11l3.5 3.5"/></svg>
<input type="text" class="daylist-search" data-search="#departureList" placeholder="In dieser Liste suchen …" aria-label="Liste durchsuchen" autocomplete="off">
</div>
<div class="daylist-filter">
<span class="small text-muted text-nowrap" data-filter-info="#departureList"></span>
<select id="departureList" class="list-filter-select" multiple="multiple" data-placeholder="Filter …">
<optgroup label="Stellplatz">
<option value="pp_hall">Halle</option>
<option value="pp_outside">Außen</option>
</optgroup>
<optgroup label="Valet">
<option value="pp_valet">Valet</option>
<option value="pp_novalet">ohne Valet</option>
</optgroup>
</select>
</div>
</div>
<div class="table-responsive">
<table class="table align-middle mb-0 daylist">
<thead>
<tr>
<th style="width:140px;">Kennzeichen</th>
<th>Kunde</th>
<th>Schiff · Stellplatz</th>
<th>Leistungen</th>
<th class="text-end">Preis</th>
</tr>
</thead>
<tbody data-filter-list="#departureList">
<tr class="" href="https://seaside.pacim.de/booking/view/?invoice_id=100154" data-filter-status="pp_hall-pp_novalet-pas_lead-msc_magnifica-trip_7" data-search-extra="PAS13075 26-16417">
<td><span class="plate js-hl">B - MV 122</span></td>
<td>
<div class="fw-bold js-hl">Sedlak, Reinhold</div>
<div class="small text-muted">SeaSide · 7 Tage</div>
</td>
<td>
<div class="fw-bold">MSC Magnifica</div>
<div class="small text-muted text-uppercase">Halle</div>
</td>
<td>
<span class="text-muted">—</span> </td>
<td class="text-end text-nowrap">
<div class="fw-bold">115,00 €</div>
<div class="small text-muted">bezahlt</div> </td>
</tr>
<tr class="" href="https://seaside.pacim.de/booking/view/?invoice_id=122019" data-filter-status="pp_outside-pp_novalet-pas_lead-msc_magnifica-trip_7" data-search-extra="PAS13078 26-17329">
<td><span class="plate js-hl">HO - AX 1603</span></td>
<td>
<div class="fw-bold js-hl">Haag, Thomas</div>
<div class="small text-muted">SeaSide · 7 Tage</div>
</td>
<td>
<div class="fw-bold">MSC Magnifica</div>
<div class="small text-muted text-uppercase">Außen</div>
</td>
<td>
<span class="text-muted">—</span> </td>
<td class="text-end text-nowrap">
<div class="fw-bold">90,00 €</div>
<div class="small text-muted">bezahlt</div> </td>
</tr>
<tr class="" href="https://seaside.pacim.de/booking/view/?invoice_id=114921" data-filter-status="pp_outside-pp_novalet-pas_lead-msc_magnifica-trip_7" data-search-extra="PAS13072 26-16941">
<td><span class="plate js-hl">OVP - WR 800</span></td>
<td>
<div class="fw-bold js-hl">Stelmachowski, Rosemarie</div>
<div class="small text-muted">SeaSide · 7 Tage</div>
</td>
<td>
<div class="fw-bold">MSC Magnifica</div>
<div class="small text-muted text-uppercase">Außen</div>
</td>
<td>
<span class="text-muted">—</span> </td>
<td class="text-end text-nowrap">
<div class="fw-bold">85,00 €</div>
<div class="small text-muted">bezahlt</div> </td>
</tr>
<tr class="" href="https://seaside.pacim.de/booking/view/?invoice_id=115438" data-filter-status="pp_outside-pp_novalet-pas_lead-msc_magnifica-trip_7" data-search-extra="PAS13074 26-16959">
<td><span class="plate js-hl">RT - YM 1111</span></td>
<td>
<div class="fw-bold js-hl">Moser, Silvia</div>
<div class="small text-muted">SeaSide · 7 Tage</div>
</td>
<td>
<div class="fw-bold">MSC Magnifica</div>
<div class="small text-muted text-uppercase">Außen</div>
</td>
<td>
<span class="text-muted">—</span> </td>
<td class="text-end text-nowrap">
<div class="fw-bold">90,00 €</div>
<div class="small text-muted">bezahlt</div> </td>
</tr>
<tr class="" href="https://seaside.pacim.de/booking/view/?invoice_id=122017" data-filter-status="pp_outside-pp_novalet-pas_lead-msc_magnifica-trip_7" data-search-extra="PAS13082 26-17327">
<td><span class="plate js-hl">S - TG 1717 E</span></td>
<td>
<div class="fw-bold js-hl">Janssen-Timmen, Andte</div>
<div class="small text-muted">SeaSide · 7 Tage</div>
</td>
<td>
<div class="fw-bold">MSC Magnifica</div>
<div class="small text-muted text-uppercase">Außen</div>
</td>
<td>
<span class="text-muted">—</span> </td>
<td class="text-end text-nowrap">
<div class="fw-bold">90,00 €</div>
<div class="small text-muted">bezahlt</div> </td>
</tr>
<tr class="" href="https://seaside.pacim.de/booking/view/?invoice_id=114081" data-filter-status="pp_outside-pp_novalet-pas_lead-msc_magnifica-trip_7" data-search-extra="PAS13077 26-16616">
<td><span class="plate js-hl">UEM - MS 303</span></td>
<td>
<div class="fw-bold js-hl">Schultz, Martina</div>
<div class="small text-muted">SeaSide · 7 Tage</div>
</td>
<td>
<div class="fw-bold">MSC Magnifica</div>
<div class="small text-muted text-uppercase">Außen</div>
</td>
<td>
<span class="text-muted">—</span> </td>
<td class="text-end text-nowrap">
<div class="fw-bold">90,00 €</div>
<div class="small text-muted">bezahlt</div> </td>
</tr>
<tr class="no-results" style="display:none;">
<td colspan="5" class="text-center text-muted py-4">– keine Einträge für Abreise –</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="tab-pane fade show active" id="tab-invoices" role="tabpanel">
<div class="row g-3">
<div class="col-12 col-xl-8">
<div class="card h-100">
<div class="card-header d-flex justify-content-between align-items-center">
<span class="fw-bold">Rechnungen an diesem Tag</span>
<span class="text-muted small" id="dayInvSummary" data-count="2" data-total="215">2 Rechnungen · 215,00 €</span>
</div>
<div class="table-responsive">
<table class="table table-hover table-sm mb-0 align-middle" id="dayInvTable" data-editable="0">
<thead><tr><th>Rechnung</th><th>Kunde</th><th>Zahlart</th><th class="text-end">Betrag</th><th class="text-end">Aktionen</th></tr></thead>
<tbody id="dayInvBody">
<tr data-invoice="122202" data-amount="125" data-pay="2">
<td class="fw-bold">PAS13101</td>
<td>KESS, Walter</td>
<td>
<span class="badge" style="background:var(--blue);">EC</span>
</td>
<td class="text-end text-nowrap">125,00 €</td>
<td class="text-end text-nowrap">
<div class="dropdown">
<button class="btn btn-sm btn-light border" type="button" 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><a class="dropdown-item iframe-modal" href="https://seaside.pacim.de/file.php?token=YIz8HqUPWQ7cwcVHE57O&invoice=122202&type=inv&show=1" data-size="lg" data-headline="PAS13101.pdf" data-bs-toggle="modal" data-bs-target="#fileModal"><i class="material-icons sm me-2">picture_as_pdf</i> PDF ansehen</a></li>
<li><a class="dropdown-item" href="https://seaside.pacim.de/booking/view/?invoice_id=122202&tab=invoice"><i class="material-icons sm me-2">open_in_new</i> Buchung öffnen</a></li>
</ul>
</div>
</td>
</tr>
<tr data-invoice="114362" data-amount="90" data-pay="2">
<td class="fw-bold">PAS13102</td>
<td>Stampfl, Manuel</td>
<td>
<span class="badge" style="background:var(--blue);">EC</span>
</td>
<td class="text-end text-nowrap">90,00 €</td>
<td class="text-end text-nowrap">
<div class="dropdown">
<button class="btn btn-sm btn-light border" type="button" 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><a class="dropdown-item iframe-modal" href="https://seaside.pacim.de/file.php?token=YIz8HqUPWQ7cwcVHE57O&invoice=114362&type=inv&show=1" data-size="lg" data-headline="PAS13102.pdf" data-bs-toggle="modal" data-bs-target="#fileModal"><i class="material-icons sm me-2">picture_as_pdf</i> PDF ansehen</a></li>
<li><a class="dropdown-item" href="https://seaside.pacim.de/booking/view/?invoice_id=114362&tab=invoice"><i class="material-icons sm me-2">open_in_new</i> Buchung öffnen</a></li>
</ul>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="col-12 col-xl-4">
<div class="card h-100">
<div class="card-header fw-bold">Zahlungsarten</div>
<div class="card-body" id="dayInvStats">
<div class="d-flex align-items-end justify-content-center gap-5 mb-3" style="height:170px;">
<div class="d-flex flex-column align-items-center justify-content-end h-100" style="width:64px;" title="Barzahlung: 0 · 0,00 €">
<span class="fw-bold mb-1">0</span>
<div style="height:0%;min-height:4px;width:100%;background:var(--green);border-radius:5px 5px 0 0;"></div>
<span class="small text-muted mt-2">Bar</span>
</div>
<div class="d-flex flex-column align-items-center justify-content-end h-100" style="width:64px;" title="EC-Karte: 2 · 215,00 €">
<span class="fw-bold mb-1">2</span>
<div style="height:100%;min-height:4px;width:100%;background:var(--blue);border-radius:5px 5px 0 0;"></div>
<span class="small text-muted mt-2">EC</span>
</div>
</div>
<div class="list-group list-group-flush border-top">
<div class="list-group-item d-flex justify-content-between px-0">
<span><span class="badge bg-success me-1"> </span> Barzahlung</span>
<span class="text-muted">0 · <strong>0,00 €</strong></span>
</div>
<div class="list-group-item d-flex justify-content-between px-0">
<span><span class="badge me-1" style="background:var(--blue);"> </span> EC-Karte</span>
<span class="text-muted">2 · <strong>215,00 €</strong></span>
</div>
<div class="list-group-item d-flex justify-content-between px-0 fw-bold">
<span>Gesamt</span><span>215,00 €</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="tab-documents" role="tabpanel">
<div class="row g-2 doc-center">
<div class="col-12 col-lg-6">
<article class="doc-card doc-blue">
<div class="doc-illu"><i class="material-icons doc-illu-icon">receipt</i><span class="doc-illu-tag">XLSX</span></div>
<div class="doc-content">
<div class="doc-type"><i class="material-icons">grid_on</i> Excel-Datei</div>
<h3 class="doc-title">Tagesabrechnung</h3>
<p class="doc-desc">Kassenabschluss bzw. Tagesabrechnung des Anreisetages.</p>
<div class="doc-stats">
<div class="doc-stat-main"><span class="num">2</span> Buchungen</div>
<div class="doc-stat-sub">
alle Fahrzeuge eingecheckt
</div>
</div>
</div>
<div class="doc-side">
<a href="https://seaside.pacim.de/file.php?token=YIz8HqUPWQ7cwcVHE57O&type=cash&date=2026-06-14" download class="doc-btn doc-btn-primary doc-dl" data-doctype="cash" data-date="2026-06-14"><i class="material-icons">file_download</i> <span class="doc-dl-text">Herunterladen</span></a>
<button type="button" class="doc-btn doc-btn-ghost doc-preview" data-kind="excel" data-doctype="cash" data-date="2026-06-14" data-dl="https://seaside.pacim.de/file.php?token=YIz8HqUPWQ7cwcVHE57O&type=cash&date=2026-06-14"><i class="material-icons">visibility</i> Vorschau</button>
</div>
</article>
</div>
<div class="col-12 col-lg-6">
<article class="doc-card doc-green">
<div class="doc-illu"><i class="material-icons doc-illu-icon">assignment_turned_in</i><span class="doc-illu-tag">XLSX</span></div>
<div class="doc-content">
<div class="doc-type"><i class="material-icons">grid_on</i> Excel-Datei</div>
<h3 class="doc-title">Anreiseliste</h3>
<p class="doc-desc">Alle erwarteten Fahrzeuge für die operative Vorbereitung.</p>
<div class="doc-stats">
<div class="doc-stat-main"><span class="num">2</span> Fahrzeuge</div>
<div class="doc-stat-sub">AIDA 0 · SeaSide 2</div>
</div>
</div>
<div class="doc-side">
<a href="https://seaside.pacim.de/file.php?token=YIz8HqUPWQ7cwcVHE57O&type=arrivals&date=2026-06-14" download class="doc-btn doc-btn-primary doc-dl" data-doctype="arrivals" data-date="2026-06-14"><i class="material-icons">file_download</i> <span class="doc-dl-text">Herunterladen</span></a>
<button type="button" class="doc-btn doc-btn-ghost doc-preview" data-kind="excel" data-doctype="arrivals" data-date="2026-06-14" data-dl="https://seaside.pacim.de/file.php?token=YIz8HqUPWQ7cwcVHE57O&type=arrivals&date=2026-06-14"><i class="material-icons">visibility</i> Vorschau</button>
</div>
</article>
</div>
<div class="col-12 col-lg-6">
<article class="doc-card doc-red">
<div class="doc-illu"><i class="material-icons doc-illu-icon">vpn_key</i><span class="doc-illu-tag">PDF</span></div>
<div class="doc-content">
<div class="doc-type"><i class="material-icons">picture_as_pdf</i> PDF-Dokument</div>
<h3 class="doc-title">Schlüsselanhänger</h3>
<p class="doc-desc">Anhänger-PDF zum Ausdrucken für die Schlüsselablage.</p>
<div class="doc-stats">
<div class="doc-stat-main"><span class="num">2</span> Anhänger</div>
<div class="doc-stat-sub">davon Valet 0</div>
</div>
</div>
<div class="doc-side">
<a href="https://seaside.pacim.de/file.php?token=YIz8HqUPWQ7cwcVHE57O&type=keycards&date=2026-06-14" download class="doc-btn doc-btn-primary"><i class="material-icons">file_download</i> Herunterladen</a>
<button type="button" class="doc-btn doc-btn-ghost kc-open" data-date="2026-06-14"><i class="material-icons">visibility</i> Vorschau</button>
</div>
</article>
</div>
<div class="col-12 col-lg-6">
<article class="doc-card doc-yellow">
<div class="doc-illu"><i class="material-icons doc-illu-icon">recent_actors</i><span class="doc-illu-tag">PDF</span></div>
<div class="doc-content">
<div class="doc-type"><i class="material-icons">picture_as_pdf</i> PDF-Dokument</div>
<h3 class="doc-title">Kundenkarten</h3>
<p class="doc-desc">Checkkarten-Format – nach Liste wählen bzw. generieren.</p>
<div class="doc-stats">
<div class="doc-stat-main"><span class="num">2</span> Kundenkarten</div>
<div class="doc-stat-sub">Valet 0 · AIDA 0 · SeaSide 2</div>
</div>
</div>
<div class="doc-side">
<div class="dropdown">
<button type="button" class="doc-btn doc-btn-primary dropdown-toggle w-100" data-bs-toggle="dropdown" aria-expanded="false"><i class="material-icons">file_download</i> Datei wählen</button>
<div class="dropdown-menu dropdown-menu-end">
<a href="https://seaside.pacim.de/file.php?token=YIz8HqUPWQ7cwcVHE57O&type=cards&list=seaside&date=2026-06-14" target="_blank" class="dropdown-item">SeaSide (2)</a> </div>
</div>
<button type="button" class="doc-btn doc-btn-ghost doc-preview" data-kind="pdf" data-url="https://seaside.pacim.de/file.php?token=YIz8HqUPWQ7cwcVHE57O&type=cards&list=seaside&date=2026-06-14"><i class="material-icons">visibility</i> Vorschau</button> </div>
</article>
</div>
</div>
<div class="modal fade" id="docPreviewModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-xl modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="docPreviewTitle">Vorschau</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Schließen"></button>
</div>
<div class="modal-body p-0">
<div id="docPreviewLoading" class="doc-prev-loading">Wird geladen …</div>
<div id="docPreviewError" class="doc-prev-error" hidden></div>
<div id="docPreviewPdf" class="doc-prev-pdf" hidden><iframe title="Dokumentvorschau"></iframe></div>
<div id="docPreviewXls" class="doc-prev-xls" hidden></div>
</div>
<div class="modal-footer doc-prev-foot" id="docPreviewFoot" hidden>
<span class="doc-prev-status text-muted small me-auto" id="docPreviewStatus"></span>
<button type="button" class="doc-foot-dl" id="docPreviewDownload" title="Herunterladen" aria-label="Herunterladen" disabled><i class="material-icons">file_download</i></button>
<button type="button" class="btn btn-primary" id="docPreviewSave" disabled><i class="material-icons sm">save</i> Speichern</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="docVersionsModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-lg modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="docVersionsTitle"><i class="material-icons">history</i> Bearbeitete Versionen</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Schließen"></button>
</div>
<div class="modal-body p-0">
<div id="docVersionsBody" class="doc-ver-wrap"></div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="kcBuilderModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-xl modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="kcBuilderTitle"><i class="material-icons">vpn_key</i> Schlüsselschilder</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Schließen"></button>
</div>
<div class="modal-body p-0">
<div class="kc-toolbar">
<div class="kc-search"><i class="material-icons">search</i><input type="text" id="kcSearch" placeholder="Name oder Kennzeichen suchen …" autocomplete="off"></div>
<div class="kc-chips" id="kcChips">
<button type="button" class="kc-chip" data-dim="parking" data-val="halle">Halle</button>
<button type="button" class="kc-chip" data-dim="parking" data-val="aussen">Außen</button>
<button type="button" class="kc-chip" data-dim="parking" data-val="valet">Valet</button>
<button type="button" class="kc-chip" data-dim="status" data-val="arrived">angereist</button>
<button type="button" class="kc-chip" data-dim="status" data-val="open">offen</button>
<button type="button" class="kc-chip" data-dim="flag" data-val="wash">Wäsche</button>
<button type="button" class="kc-chip" data-dim="flag" data-val="pay">noch bezahlen</button>
<button type="button" class="kc-chip" data-dim="source" data-val="aida">myAIDA</button>
<button type="button" class="kc-chip" data-dim="source" data-val="seaside">SeaSide</button>
<button type="button" class="kc-chip kc-chip-time" data-dim="time" data-val="time">Anreise ab/bis</button>
<span class="kc-timebox" id="kcTime" hidden><input type="time" id="kcTimeFrom"><span>–</span><input type="time" id="kcTimeTo"></span>
<button type="button" class="kc-chip" data-dim="len" data-val="len">Reiselänge</button>
<span class="kc-timebox" id="kcLenBox" hidden><input type="number" id="kcLenDays" min="1" max="60" placeholder="Tage"><span>Tage</span></span>
<button type="button" class="kc-chip kc-chip-clear" id="kcClear" hidden><i class="material-icons">close</i> Filter</button>
</div>
</div>
<div class="kc-split">
<div class="kc-pdf">
<div id="kcLoading" class="kc-loading" hidden>Vorschau wird erzeugt …</div>
<iframe id="kcFrame" title="Schlüsselschilder-Vorschau"></iframe>
</div>
<aside class="kc-panel">
<div class="kc-panel-sec">
<div class="kc-panel-head"><i class="material-icons">person_add</i> Hinzufügen (Anreise/Abreise) <span class="kc-count" id="kcAddCount"></span></div>
<div id="kcResults" class="kc-list kc-results"></div>
</div>
<div class="kc-panel-sec">
<div class="kc-panel-head"><i class="material-icons">style</i> Schilder auf dem Bogen <span class="kc-count" id="kcCount"></span></div>
<div id="kcList" class="kc-list"></div>
</div>
<div class="kc-panel-sec">
<div class="kc-panel-head"><i class="material-icons">history</i> Gespeicherte Varianten</div>
<div id="kcVariants" class="kc-variants"></div>
</div>
</aside>
</div>
</div>
<div class="modal-footer kc-foot">
<button type="button" class="btn btn-outline-primary me-auto" id="kcAddBtn"><i class="material-icons sm">add</i> Schild erstellen</button>
<span class="text-muted small" id="kcStatus"></span>
<button type="button" class="btn btn-primary" id="kcSaveBtn"><i class="material-icons sm">save</i> Als Variante speichern</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="kcCreateModal" 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">add</i> Schild erstellen</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Schließen"></button>
</div>
<div class="modal-body">
<form id="kcCreateForm" class="kc-form" autocomplete="off">
<div class="kc-field">
<label for="kcName">Name</label>
<input type="text" id="kcName" required placeholder="z. B. Max Mustermann">
</div>
<div class="kc-row">
<div class="kc-field kc-field-grow">
<label for="kcPlate">Kennzeichen</label>
<input type="text" id="kcPlate" class="kc-plate-input" maxlength="13" placeholder="HRO AB 123">
</div>
<div class="kc-field kc-field-short">
<label for="kcShort">Kürzel</label>
<input type="text" id="kcShort" class="kc-short-input" maxlength="3" placeholder="AB">
</div>
</div>
<div class="kc-field">
<label for="kcEvent">Event</label>
<input type="text" id="kcEvent" list="kcEventList" placeholder="Event wählen oder eingeben">
<datalist id="kcEventList"></datalist>
</div>
<div class="kc-row">
<div class="kc-field"><label for="kcBegin">Reisezeitraum – von</label><input type="date" id="kcBegin" required></div>
<div class="kc-field"><label for="kcEnd">bis</label><input type="date" id="kcEnd" required></div>
<div class="kc-field kc-field-len"><label>Reiselänge</label><div class="kc-len" id="kcLen">– Tage</div></div>
</div>
<div class="kc-form-err" id="kcFormErr" hidden></div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-light" data-bs-dismiss="modal">Abbrechen</button>
<button type="submit" form="kcCreateForm" class="btn btn-primary"><i class="material-icons sm">add</i> Hinzufügen</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="valetBuilderModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-xl modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="valetBuilderTitle"><i class="material-icons">directions_car</i> VALET-Formulare</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Schließen"></button>
</div>
<div class="modal-body p-0">
<div class="kc-split">
<div class="kc-pdf">
<div id="valetLoading" class="kc-loading" hidden>Vorschau wird erzeugt …</div>
<iframe id="valetFrame" title="VALET-Formulare-Vorschau"></iframe>
</div>
<aside class="kc-panel">
<div class="kc-panel-sec">
<div class="kc-panel-head"><i class="material-icons">description</i> Formulare <span class="kc-count" id="valetCount"></span></div>
<div id="valetList" class="kc-list"></div>
</div>
<div class="kc-panel-sec">
<div class="kc-panel-head"><i class="material-icons">history</i> Gespeicherte Varianten</div>
<div id="valetVariants" class="kc-variants"></div>
</div>
</aside>
</div>
</div>
<div class="modal-footer kc-foot">
<button type="button" class="btn btn-outline-primary me-auto" id="valetAddBtn"><i class="material-icons sm">add</i> Formular hinzufügen</button>
<span class="text-muted small" id="valetStatus"></span>
<button type="button" class="btn btn-primary" id="valetSaveBtn"><i class="material-icons sm">save</i> Als Variante speichern</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="valetCreateModal" 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">add</i> <span id="valetCreateTitleText">VALET-Formular hinzufügen</span></h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Schließen"></button>
</div>
<div class="modal-body">
<form id="valetCreateForm" class="kc-form" autocomplete="off">
<div class="kc-row">
<div class="kc-field kc-field-grow"><label for="vfName">Name</label><input type="text" id="vfName" required placeholder="Nachname"></div>
<div class="kc-field kc-field-grow"><label for="vfFirst">Vorname</label><input type="text" id="vfFirst" placeholder="Vorname"></div>
</div>
<div class="kc-field"><label for="vfMarke">Marke, Modell</label><input type="text" id="vfMarke" placeholder="z. B. VW Passat"></div>
<div class="kc-field"><label for="vfPlate">Amtl. Kennzeichen</label><input type="text" id="vfPlate" class="kc-plate-input" maxlength="13" placeholder="HRO AB 123"></div>
<div class="kc-form-err" id="vfErr" hidden></div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-light" data-bs-dismiss="modal">Abbrechen</button>
<button type="submit" form="valetCreateForm" class="btn btn-primary"><i class="material-icons sm">add</i> Hinzufügen</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="valetVersionsModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-lg modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title"><i class="material-icons">history</i> VALET-Formulare – Versionen</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Schließen"></button>
</div>
<div class="modal-body">
<div id="valetVersionsBody" class="kc-variants"></div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="docCommentModal" 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">comment</i> Kommentar zur Version</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Schließen"></button>
</div>
<div class="modal-body">
<label for="docCommentText" class="form-label small text-muted">Beschreibe kurz, was diese Version enthält (optional). Der Kommentar wird in der Versionsliste angezeigt.</label>
<textarea id="docCommentText" class="form-control" rows="3" placeholder="z. B. Stand nach Anreise, ohne Stornos …"></textarea>
</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="docCommentSave"><i class="material-icons sm">save</i> Version speichern</button>
</div>
</div>
</div>
</div>
<link rel="stylesheet" href="https://seaside.pacim.de/assets/vendor/x-spreadsheet/xspreadsheet.css">
<script src="https://seaside.pacim.de/assets/vendor/x-spreadsheet/xspreadsheet.js"></script>
<script src="https://seaside.pacim.de/assets/vendor/x-spreadsheet/locale-de.js"></script>
<script src="https://seaside.pacim.de/assets/js/doc-comment.js?v=1780595931"></script>
<script src="https://seaside.pacim.de/assets/js/day-documents.js?v=1780596397"></script>
<script src="https://seaside.pacim.de/assets/js/day-keycards.js?v=1780596277"></script>
<script src="https://seaside.pacim.de/assets/js/day-valet.js?v=1780597192"></script>
</div>
</div>
<div class="modal fade" id="aidaPreviewModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-xl modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title text-truncate" id="aidaPreviewTitle">AIDA-Liste</h5>
<a id="aidaPreviewDl" class="btn btn-sm btn-outline-primary ms-3" href="#" target="_blank"><i class="material-icons sm">file_download</i> Download</a>
<button type="button" class="btn-close ms-2" data-bs-dismiss="modal" aria-label="Schließen"></button>
</div>
<div class="modal-body">
<div class="input-group input-group-sm mb-2">
<span class="input-group-text"><i class="material-icons sm">search</i></span>
<input type="text" id="aidaPreviewSearch" class="form-control" placeholder="In der Liste suchen … (Name, Kennzeichen, Kabine, Buchung …)" autocomplete="off">
<span class="input-group-text" id="aidaPreviewCount"></span>
</div>
<div id="aidaPreviewLoading" class="text-muted py-4 text-center">Wird geladen …</div>
<div id="aidaPreviewTable" class="els-scroll"></div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="bkModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header"><h5 class="modal-title"><i class="material-icons">post_add</i> Buchung erfassen</h5><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div>
<form id="bkForm" autocomplete="off">
<div class="modal-body bk-body">
<input type="hidden" id="bkMode" value="own">
<div class="bk-modeswitch" role="group" aria-label="Buchungsart">
<input type="radio" class="btn-check" name="bkmode" id="bkModeOwn" value="own" checked>
<label for="bkModeOwn"><i class="material-icons">home</i><span class="bk-mode-t">Eigene Buchung</span><span class="bk-mode-s">Parken-am-Schiff.de</span></label>
<input type="radio" class="btn-check" name="bkmode" id="bkModeAida" value="aida">
<label for="bkModeAida"><i class="material-icons">directions_boat</i><span class="bk-mode-t">AIDA-Nachtrag</span><span class="bk-mode-s">Kreuzfahrt-Gast</span></label>
</div>
<div class="bk-section">
<div class="bk-section-h"><i class="material-icons">event</i> Reisedaten
<div class="bk-pmtoggle ms-auto" role="group" aria-label="Zeitraum-Modus">
<input type="radio" class="btn-check" name="bkperiodmode" id="bkPMEvent" value="event" checked>
<label class="btn btn-sm" for="bkPMEvent">Event</label>
<input type="radio" class="btn-check" name="bkperiodmode" id="bkPMManual" value="manual">
<label class="btn btn-sm" for="bkPMManual">Datum manuell</label>
</div>
</div>
<div class="row g-3">
<div class="col-12 col-md-7 bk-pm bk-pm-event"><label class="form-label">Event / Schiff *</label>
<select class="form-select" id="bkEvent"></select>
<div class="bk-period" id="bkPeriod">Reisezeitraum wird aus dem Event übernommen.</div>
</div>
<div class="col-12 col-md-7 bk-pm bk-pm-manual d-none">
<div class="row g-2">
<div class="col-6"><label class="form-label">Anreise (von) *</label><input class="form-control" type="date" id="bkBeginM"></div>
<div class="col-6"><label class="form-label">Abreise (bis) *</label><input class="form-control" type="date" id="bkEndM"></div>
<div class="col-12"><label class="form-label">Event / Schiff <span class="bk-opt">optional</span></label><input class="form-control" type="text" id="bkEventM" placeholder="z. B. AIDAdiva"></div>
</div>
</div>
<div class="col-7 col-md-3"><label class="form-label">Stellplatz</label>
<select class="form-select" id="bkType"><option value="1">Halle</option><option value="2">Außen</option></select>
</div>
<div class="col-5 col-md-2"><label class="form-label">Gäste</label><input class="form-control" type="number" min="0" id="bkGuests" value="2"></div>
</div>
</div>
<div class="bk-section bk-price-section" id="bkPriceWrap">
<div class="bk-section-h"><i class="material-icons">sell</i> Buchungspreis</div>
<div class="row g-2 align-items-center">
<div class="col-12 col-md-6">
<div class="input-group bk-price-input">
<span class="input-group-text">€</span>
<input class="form-control" id="bkPrice" inputmode="decimal" placeholder="0,00">
<button type="button" class="btn btn-light border" id="bkPriceCalc" title="Nach Staffelung neu berechnen"><i class="material-icons sm">refresh</i> Auto</button>
</div>
</div>
<div class="col-12 col-md-6"><div class="bk-price-hint" id="bkPriceHint">Automatisch nach Preis-Staffelung – manuell überschreibbar.</div></div>
</div>
</div>
<div class="bk-section" id="bkOwn">
<div class="bk-section-h"><i class="material-icons">person</i> Kundendaten</div>
<label class="bk-switch"><input class="form-check-input" type="checkbox" id="bkFirma" role="switch"> <span><strong>Firma</strong> – Rechnung an ein Unternehmen</span></label>
<div class="row g-3 mt-1">
<div class="col-12 d-none" id="bkCompanyWrap"><label class="form-label">Firmenname (Rechnungsempfänger) *</label>
<div class="input-group"><span class="input-group-text"><i class="material-icons sm">business</i></span><input class="form-control" id="bkCompany"></div>
</div>
<div class="col-12 col-md-6"><label class="form-label">Vorname</label><input class="form-control" id="bkFirstname"></div>
<div class="col-12 col-md-6"><label class="form-label">Nachname *</label><input class="form-control" id="bkLastname"></div>
<div class="col-12 col-md-6"><label class="form-label">Straße & Nr.</label><input class="form-control" id="bkStreet" autocomplete="off" data-addr-street data-addr-zip="#bkZip" data-addr-city="#bkCity" data-addr-country="#bkCountry"></div>
<div class="col-4 col-md-2"><label class="form-label">PLZ</label><input class="form-control" id="bkZip"></div>
<div class="col-8 col-md-4"><label class="form-label">Ort</label><input class="form-control" id="bkCity"></div>
<div class="col-12 col-md-4"><label class="form-label">Land</label><input class="form-control" id="bkCountry" value="Deutschland"></div>
<div class="col-12 col-md-4"><label class="form-label">Telefon</label>
<div class="input-group"><span class="input-group-text"><i class="material-icons sm">call</i></span><input class="form-control" id="bkPhone"></div>
</div>
<div class="col-12 col-md-4"><label class="form-label">E-Mail</label>
<div class="input-group"><span class="input-group-text"><i class="material-icons sm">mail</i></span><input class="form-control" type="email" id="bkEmail"></div>
</div>
<div class="col-12 col-md-6"><label class="form-label">KFZ-Kennzeichen</label>
<div class="input-group"><span class="input-group-text"><i class="material-icons sm">directions_car</i></span><input class="form-control bk-plate" id="bkPlate"></div>
</div>
</div>
</div>
<div class="bk-section d-none" id="bkAida">
<div class="bk-section-h"><i class="material-icons">directions_boat</i> AIDA-Daten</div>
<div class="row g-3">
<div class="col-12 col-md-6"><label class="form-label">Vorname</label><input class="form-control" id="bkAFirstname"></div>
<div class="col-12 col-md-6"><label class="form-label">Nachname *</label><input class="form-control" id="bkALastname"></div>
<div class="col-12 col-md-4"><label class="form-label">Buchungsnummer (8-stellig) *</label>
<div class="input-group"><span class="input-group-text"><i class="material-icons sm">confirmation_number</i></span><input class="form-control" id="bkABookingNo" inputmode="numeric" maxlength="8" placeholder="12345678"></div>
</div>
<div class="col-6 col-md-4"><label class="form-label">Kabine (4–5-stellig) *</label>
<div class="input-group"><span class="input-group-text"><i class="material-icons sm">meeting_room</i></span><input class="form-control" id="bkACabin" inputmode="numeric" maxlength="5" placeholder="1234"></div>
</div>
<div class="col-6 col-md-4"><label class="form-label">KFZ-Kennzeichen</label>
<div class="input-group"><span class="input-group-text"><i class="material-icons sm">directions_car</i></span><input class="form-control bk-plate" id="bkAPlate"></div>
</div>
<div class="col-12 col-md-6"><label class="form-label">Telefon <span class="bk-opt">optional</span></label>
<div class="input-group"><span class="input-group-text"><i class="material-icons sm">call</i></span><input class="form-control" id="bkAPhone"></div>
</div>
<div class="col-12 col-md-6"><label class="form-label">E-Mail <span class="bk-opt">optional</span></label>
<div class="input-group"><span class="input-group-text"><i class="material-icons sm">mail</i></span><input class="form-control" type="email" id="bkAEmail"></div>
</div>
</div>
</div>
<div class="bk-notify">
<label class="bk-switch"><input class="form-check-input" type="checkbox" id="bkNotify"> <span><strong>Buchungsbestätigung direkt verschicken</strong></span></label>
<div class="bk-notify-hint">Versand nur, wenn der lokale SMTP-Versand aktiviert ist – sonst wird die Mail vorgemerkt.</div>
</div>
<div class="js-status small mt-2" id="bkMsg"></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-light border" data-bs-dismiss="modal">Abbrechen</button>
<button class="btn btn-primary px-4" type="submit"><i class="material-icons sm">check_circle</i> Buchung anlegen</button>
</div>
</form>
</div>
</div>
</div>
<style>
/* Das <form> umschließt modal-body+footer → Flex-Kette für modal-dialog-scrollable wiederherstellen,
damit der Body scrollt und der „Buchung anlegen"-Button (Footer) immer sichtbar bleibt. */
#bkModal .modal-content > form{ display:flex; flex-direction:column; flex:1 1 auto; min-height:0; overflow:hidden; }
#bkModal .modal-body{ min-height:0; overflow-y:auto; }
/* ---- „Buchung erfassen": ansprechendes Layout ---- */
#bkModal .modal-content{ border:0; border-radius:14px; overflow:hidden; box-shadow:0 24px 60px rgba(15,23,42,.28); }
#bkModal .modal-header{ background:var(--primary,#0b4677); color:#fff; border:0; padding:15px 20px; }
#bkModal .modal-header .modal-title{ font-weight:600; display:flex; align-items:center; gap:8px; }
#bkModal .modal-header .modal-title .material-icons{ font-size:20px; }
#bkModal .modal-header .btn-close{ filter:invert(1) grayscale(1) brightness(2); opacity:.85; }
#bkModal .bk-body{ background:var(--bg-surface-secondary,#f6f8fb); padding:18px 20px; }
#bkModal .bk-section{ background:var(--bg-surface,#fff); border:1px solid var(--border-color,#e6e7eb); border-radius:12px; padding:16px; margin-bottom:14px; }
#bkModal .bk-section-h{ display:flex; align-items:center; gap:8px; font-weight:600; font-size:.92rem; color:var(--text,#1e2633); margin-bottom:12px; }
#bkModal .bk-section-h .material-icons{ font-size:19px; color:var(--primary,#0b4677); }
#bkModal .form-label{ font-size:.74rem; font-weight:600; text-transform:uppercase; letter-spacing:.3px; color:var(--text-muted,#8a909d); margin-bottom:3px; }
#bkModal .bk-opt{ text-transform:none; letter-spacing:0; font-weight:400; color:var(--text-disabled,#aab); font-size:.7rem; }
#bkModal .input-group-text{ background:var(--bg-surface-secondary,#f6f8fb); color:var(--text-muted,#8a909d); }
#bkModal .input-group-text .material-icons{ font-size:17px; }
#bkModal .bk-plate{ text-transform:uppercase; font-weight:600; letter-spacing:.5px; }
/* Buchungsart-Auswahl */
#bkModal .bk-modeswitch{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:16px; }
#bkModal .bk-modeswitch label{ display:flex; flex-direction:column; align-items:center; gap:1px; text-align:center; padding:13px 10px; border:2px solid var(--border-color,#e6e7eb); border-radius:12px; background:var(--bg-surface,#fff); cursor:pointer; transition:border-color .15s,background-color .15s,box-shadow .15s; margin:0; }
#bkModal .bk-modeswitch label .material-icons{ font-size:25px; color:var(--text-muted,#8a909d); margin-bottom:2px; }
#bkModal .bk-modeswitch .bk-mode-t{ font-weight:600; color:var(--text,#1e2633); }
#bkModal .bk-modeswitch .bk-mode-s{ font-size:.73rem; color:var(--text-muted,#8a909d); }
#bkModal .bk-modeswitch .btn-check:checked + label{ border-color:var(--primary,#0b4677); background:var(--primary-lt,rgba(11,70,119,.07)); box-shadow:0 0 0 1px var(--primary,#0b4677) inset; }
#bkModal .bk-modeswitch .btn-check:checked + label .material-icons,#bkModal .bk-modeswitch .btn-check:checked + label .bk-mode-t{ color:var(--primary,#0b4677); }
#bkModal .bk-modeswitch .btn-check:focus-visible + label{ outline:2px solid var(--primary,#0b4677); outline-offset:2px; }
/* Zeitraum-Modus-Umschalter (Event / Datum manuell) */
#bkModal .bk-pmtoggle .btn{ border:1px solid var(--border-color,#e6e7eb); color:var(--text-secondary,#626d7d); background:var(--bg-surface,#fff); font-weight:500; font-size:.78rem; padding:3px 10px; }
#bkModal .bk-pmtoggle .btn-check:checked + .btn{ background:var(--primary,#0b4677); border-color:var(--primary,#0b4677); color:#fff; }
/* Reisezeitraum-Pill (Icon via ::before, damit JS textContent unberührt bleibt) */
#bkModal .bk-period{ display:inline-flex; align-items:center; margin-top:8px; font-size:.82rem; color:var(--text-secondary,#626d7d); background:var(--bg-surface-secondary,#f6f8fb); border-radius:20px; padding:4px 12px; }
#bkModal .bk-period::before{ font-family:'Material Icons'; content:'date_range'; font-size:15px; margin-right:6px; color:var(--primary,#0b4677); }
#bkModal .bk-period.has{ background:var(--primary-lt,rgba(11,70,119,.07)); color:var(--primary,#0b4677); font-weight:600; }
/* Preis */
#bkModal .bk-price-section{ border-color:var(--primary-lt,#d7e3ee); background:linear-gradient(180deg, var(--primary-lt,rgba(11,70,119,.05)), var(--bg-surface,#fff)); }
#bkModal .bk-price-input .input-group-text{ font-weight:700; color:var(--primary,#0b4677); font-size:1.05rem; }
#bkModal #bkPrice{ font-size:1.15rem; font-weight:700; color:var(--text,#1e2633); }
#bkModal #bkPriceCalc{ display:inline-flex; align-items:center; gap:4px; white-space:nowrap; }
#bkModal #bkPriceCalc .material-icons{ font-size:16px; }
#bkModal .bk-price-hint{ font-size:.78rem; color:var(--text-muted,#8a909d); }
/* Schalter (Firma / Bestätigung) */
#bkModal .bk-switch{ display:flex; align-items:center; gap:10px; font-size:.9rem; margin:0; cursor:pointer; }
#bkModal .bk-switch .form-check-input{ width:2.1em; height:1.1em; margin:0; flex-shrink:0; cursor:pointer; }
#bkModal .bk-notify{ background:var(--bg-surface,#fff); border:1px solid var(--border-color,#e6e7eb); border-radius:12px; padding:12px 16px; }
#bkModal .bk-notify-hint{ font-size:.76rem; color:var(--text-muted,#8a909d); margin-top:4px; margin-left:calc(2.1em + 10px); }
#bkModal .modal-footer{ background:var(--bg-surface,#fff); padding:14px 20px; }
#bkModal .modal-footer .btn .material-icons{ font-size:16px; vertical-align:-3px; }
button.date-nav-btn{ background:none; border:0; border-right:1px solid var(--border-color,#e6e7eb); cursor:pointer; font:inherit; }
button.date-nav-cal[aria-expanded="true"]{ background:var(--primary-lt); color:var(--primary); }
.daycal-pop{ position:absolute; top:calc(100% + 8px); left:50%; transform:translateX(-50%); z-index:1060; width:300px; background:var(--bg-surface,#fff); border:1px solid var(--border-color,#e6e7eb); border-radius:10px; box-shadow:0 12px 40px rgba(15,23,42,.18); padding:12px; }
.daycal-pop[hidden]{ display:none; }
.daycal-pop::before{ content:""; position:absolute; top:-7px; left:50%; transform:translateX(-50%) rotate(45deg); width:12px; height:12px; background:var(--bg-surface,#fff); border-left:1px solid var(--border-color,#e6e7eb); border-top:1px solid var(--border-color,#e6e7eb); }
.daycal-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; }
.daycal-title{ font-weight:700; font-size:.95rem; }
.daycal-nav{ border:1px solid var(--border-color,#e6e7eb); background:var(--bg-surface,#fff); border-radius:6px; width:28px; height:28px; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; color:var(--text,#1e2633); }
.daycal-nav:hover{ background:var(--bg-surface-secondary,#f4f6f9); }
.daycal-foot{ display:flex; align-items:center; justify-content:space-between; margin-top:10px; flex-wrap:wrap; gap:6px; }
.daycal-today{ border:1px solid var(--border-color,#e6e7eb); background:var(--bg-surface,#fff); border-radius:6px; padding:3px 10px; font-size:.8rem; cursor:pointer; }
.daycal-today:hover{ background:var(--bg-surface-secondary,#f4f6f9); }
.daycal-legend{ font-size:.72rem; color:var(--text-muted,#8a909d); display:flex; align-items:center; gap:4px; }
.daycal-legend .dash-dot{ margin:0 1px 0 6px; }
.daycal-loading{ text-align:center; color:var(--text-muted,#8a909d); padding:24px 0; font-size:.85rem; }
.dash-cal{ display:grid; grid-template-columns:repeat(7,1fr); gap:3px; }
.dash-cal-dow{ text-align:center; font-size:.66rem; font-weight:600; text-transform:uppercase; color:var(--text-muted,#8a909d); padding-bottom:2px; }
.dash-cal-cell{ position:relative; aspect-ratio:1/1; display:flex; flex-direction:column; align-items:center; justify-content:center; border-radius:7px; font-size:.82rem; font-weight:500; color:#333; cursor:pointer; border:1px solid transparent; transition:background-color .12s,border-color .12s,color .12s; user-select:none; }
.dash-cal-cell:hover{ background:var(--bg-surface-secondary,#f4f6f9); }
.dash-cal-cell.muted{ color:#c7ccd6; cursor:default; font-weight:400; }
.dash-cal-cell.muted:hover{ background:transparent; }
.dash-cal-cell.has{ font-weight:700; }
.dash-cal-cell.today{ border-color:var(--primary,#0b4677); }
.dash-cal-cell.selected{ background:var(--primary,#0b4677); color:#fff; }
.dash-cal-cell .d{ line-height:1; }
.dash-cal-cell .cnt{ font-size:.6rem; font-weight:700; line-height:1; margin-top:1px; }
.dash-cal-cell.lvl-normal .cnt{ color:var(--blue,#3b7ddd); }
.dash-cal-cell.lvl-high .cnt{ color:var(--orange,#fd7e14); }
.dash-cal-cell.lvl-peak .cnt{ color:var(--red,#dc3545); }
.dash-cal-cell.selected .cnt{ color:#fff; }
.dash-dot{ display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--blue,#3b7ddd); }
.dash-dot.normal{ background:var(--blue,#3b7ddd); } .dash-dot.high{ background:var(--orange,#fd7e14); } .dash-dot.peak{ background:var(--red,#dc3545); }
</style>
<script src="https://seaside.pacim.de/assets/js/excel-livesearch.js?v=1780600053"></script>
<script src="https://seaside.pacim.de/assets/js/day-aida.js?v=1780599949"></script>
<script src="https://seaside.pacim.de/assets/js/day-calendar.js?v=1780684615"></script>
<script src="https://seaside.pacim.de/assets/js/booking-capture.js?v=1780694246"></script>
<div class="modal fade" id="invReverseModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header"><h5 class="modal-title"><i class="material-icons sm align-middle me-1 text-danger">undo</i> Rechnung zurückabwickeln</h5><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div>
<div class="modal-body">
<p class="mb-2">Soll die Rechnung <strong id="invRevNo"></strong> wirklich <strong>zurückabgewickelt</strong> werden?</p>
<div class="alert alert-warning small mb-0">
Dabei werden <strong>Rechnungsnummer und Zahlung entfernt</strong>, der Status auf <strong>storniert</strong> gesetzt und die Nummer für die lückenlose Wiederverwendung freigegeben. Dies ist nur am selben Tag bis 21:00 Uhr möglich.
</div>
<div class="js-status small mt-2" id="invRevMsg"></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="invRevConfirm"><i class="material-icons sm">undo</i> Rückabwicklung</button>
</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>
<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=1781488817"></script>
<script src="https://seaside.pacim.de/assets/js/day-invoices.js?v=1781488989"></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=1780452213"></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>