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

/* @var Smarty_Internal_Template $_smarty_tpl */
if ($_smarty_tpl->_decodeProperties($_smarty_tpl, array (
  'version' => '3.1.30',
  'unifunc' => 'content_6a3f4a0280e6c6_40811970',
  'has_nocache_code' => false,
  'file_dependency' => 
  array (
    '4b47717f64ca7702d37287a43e047abf70815969' => 
    array (
      0 => '/var/www/clients/client1/web17/web/includes/templates/templates/index.tpl',
      1 => 1780663455,
      2 => 'file',
    ),
  ),
  'includes' => 
  array (
  ),
),false)) {
function content_6a3f4a0280e6c6_40811970 (Smarty_Internal_Template $_smarty_tpl) {
if (!is_callable('smarty_modifier_date_format')) require_once '/var/www/clients/client1/web17/web/includes/plugins/smarty-3.1.30/plugins/modifier.date_format.php';
?>

<link rel="stylesheet" href="<?php echo @constant('SITE_URL');?>
/assets/css/cockpit.css?v=<?php echo filemtime((@constant('PATH_SYSTEM')).('/assets/css/cockpit.css'));?>
">

<div class="page-header">
  <div class="page-header-row d-flex justify-content-between align-items-center flex-wrap">
    <div>
      <div class="stat-label">Cockpit</div>
      <h1 class="h3 mb-0">Übersicht</h1>
    </div>
    <div class="text-muted small">Stand: <?php echo smarty_modifier_date_format(time(),"%d.%m.%Y %H:%M");?>
</div>
  </div>
</div>

<!-- KPI Stat-Cards -->
<div class="row g-3 mb-3">

  <div class="col-12 col-sm-6 col-xl-3">
    <a href="<?php echo @constant('SITE_URL');?>
/tasks/day/?date=<?php echo smarty_modifier_date_format(time(),"%Y-%m-%d");?>
&show=arrivals" class="card h-100 text-reset text-decoration-none cockpit-stat-link" title="Heutigen Anreisetag öffnen"><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"><rect x="3" y="4" width="18" height="16" rx="2"/><path d="M3 10h18M8 4v6M16 4v6"/></svg>
      </div>
      <div class="stat-content">
        <div class="stat-label">Anreisen heute <i class="material-icons" style="font-size:14px;vertical-align:-2px;opacity:.5;">open_in_new</i></div>
        <div class="stat-value-row"><span class="stat-value" id="kpiToday"><span class="skeleton" style="width:40px;height:1.4em;"></span></span></div>
        <div class="stat-subtext" id="kpiTodaySub"><span class="skeleton" style="width:110px;height:.9em;"></span></div>
      </div>
    </div></a>
  </div>

  <div class="col-12 col-sm-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="M5 17h14M5 17a2 2 0 01-2-2v-3l2-5h12l2 5v3a2 2 0 01-2 2M7 17v2M17 17v2"/><circle cx="7.5" cy="13.5" r="1"/><circle cx="16.5" cy="13.5" r="1"/></svg>
      </div>
      <div class="stat-content">
        <div class="stat-label">Fahrzeugbestand</div>
        <div class="stat-value-row"><span class="stat-value" id="kpiInvTotal"><span class="skeleton" style="width:48px;height:1.4em;"></span></span></div>
        <div class="stat-subtext" id="kpiInvSub"><span class="skeleton" style="width:120px;height:.9em;"></span></div>
      </div>
    </div></div>
  </div>

  <div class="col-12 col-sm-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="M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
      </div>
      <div class="stat-content">
        <div class="stat-label">Anreisen <span id="kpiSeasonYear"></span></div>
        <div class="stat-value-row"><span class="stat-value" id="kpiSeasonTotal"><span class="skeleton" style="width:56px;height:1.4em;"></span></span></div>
        <div class="stat-subtext" id="kpiSeasonSub"><span class="skeleton" style="width:140px;height:.9em;"></span></div>
      </div>
    </div></div>
  </div>

  <div class="col-12 col-sm-6 col-xl-3">
    <div class="card h-100"><div class="stat">
      <div class="stat-content">
        <div class="stat-label">Buchungstrend · 14 Tage</div>
        <div class="stat-value-row"><span class="stat-value" id="kpiTrendSum"><span class="skeleton" style="width:48px;height:1.4em;"></span></span></div>
        <div class="stat-subtext">neu erfasste Buchungen</div>
      </div>
      <div class="stat-spark" id="kpiSpark" title="Buchungen je Tag (14 Tage)"></div>
    </div></div>
  </div>

</div>

<!-- Buchungsverlauf (Diagramm) + Kommende Termine -->
<div class="row g-3 mb-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 flex-wrap gap-2">
        <span class="fw-bold">Buchungsverlauf</span>
        <div class="btn-group btn-group-sm chart-ranges" role="group" aria-label="Zeitraum">
          <button type="button" class="btn btn-outline-secondary chart-range" data-days="7">7 Tage</button>
          <button type="button" class="btn btn-outline-secondary chart-range active" data-days="14">14 Tage</button>
          <button type="button" class="btn btn-outline-secondary chart-range" data-days="30">30 Tage</button>
        </div>
      </div>
      <div class="card-body">
        <div id="booking-chart"></div>
        <div id="chart-legend" class="chart-legend small text-muted mt-2"></div>
      </div>
    </div>
  </div>

  <div class="col-12 col-xl-4">
    <div class="card h-100 evt-card" id="eventSlideshow">
      <div class="evt-head">
        <span class="evt-kicker">Kommende Termine</span>
        <span class="evt-counter" id="evtCounter"></span>
      </div>
      <div id="evtContent">
        <div class="evt-loading d-flex flex-column align-items-center justify-content-center text-muted" style="min-height:220px;">
          <div class="spinner-border text-primary" role="status" aria-hidden="true"></div>
          <div class="small mt-2">Termine werden geladen …</div>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="row g-3">

  <!-- Buchungen der letzten 7 Tage -->
  <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">Buchungen der letzten 7 Tage</span>
        <span class="badge bg-secondary rounded-pill" id="cockpitRecentCount">…</span>
      </div>
      <div class="table-responsive">
        <table class="table table-hover mb-0 cockpit-bookings align-middle">
          <thead>
            <tr>
              <th>Kunde</th><th>Buchung</th><th>Kennzeichen</th><th>Stellplatz</th>
              <th>Schiff</th><th class="text-end">Reise</th>
            </tr>
          </thead>
          <tbody id="cockpitRecentBody">
            <?php
$__section_r_0_saved = isset($_smarty_tpl->tpl_vars['__smarty_section_r']) ? $_smarty_tpl->tpl_vars['__smarty_section_r'] : false;
$_smarty_tpl->tpl_vars['__smarty_section_r'] = new Smarty_Variable(array());
if (true) {
for ($__section_r_0_iteration = 1, $_smarty_tpl->tpl_vars['__smarty_section_r']->value['index'] = 0; $__section_r_0_iteration <= 5; $__section_r_0_iteration++, $_smarty_tpl->tpl_vars['__smarty_section_r']->value['index']++){
?>
            <tr>
              <td><span class="skeleton" style="width:140px;height:1em;"></span></td>
              <td><span class="skeleton" style="width:60px;height:1em;"></span></td>
              <td><span class="skeleton" style="width:80px;height:1em;"></span></td>
              <td><span class="skeleton" style="width:60px;height:1em;"></span></td>
              <td><span class="skeleton" style="width:90px;height:1em;"></span></td>
              <td class="text-end"><span class="skeleton" style="width:120px;height:1em;"></span></td>
            </tr>
            <?php
}
}
if ($__section_r_0_saved) {
$_smarty_tpl->tpl_vars['__smarty_section_r'] = $__section_r_0_saved;
}
?>
          </tbody>
        </table>
      </div>
    </div>
  </div>

  <!-- Seitenspalte: Import -->
  <div class="col-12 col-xl-4">
    <div class="card">
      <div class="card-header d-flex justify-content-between align-items-center">
        <span class="fw-bold">Letzter Import</span>
        <a href="<?php echo @constant('SITE_URL');?>
/imports/manager/" class="btn btn-sm btn-outline-primary">Import-Manager</a>
      </div>
      <div class="card-body" id="cockpitImport">
        <div class="kv"><span class="k">Datei</span><span class="v"><span class="skeleton" style="width:130px;height:1em;"></span></span></div>
        <div class="kv"><span class="k">Datum</span><span class="v"><span class="skeleton" style="width:140px;height:1em;"></span></span></div>
        <div class="kv"><span class="k">Listen an diesem Tag</span><span class="v"><span class="skeleton" style="width:30px;height:1em;"></span></span></div>
      </div>
    </div>
  </div>
</div>

<?php echo '<script'; ?>
 src="<?php echo @constant('SITE_URL');?>
/assets/js/cockpit.js?v=<?php echo filemtime((@constant('PATH_SYSTEM')).('/assets/js/cockpit.js'));?>
"><?php echo '</script'; ?>
>
<?php }
}