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

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

<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-pretitle">System</div>
  <h1 class="h3 mb-0">Partnerprogramm</h1>
  <div class="text-muted small mt-1">Vermittler/Reisebüros, Provisionssätze und vermittelte Buchungen verwalten.</div>
</div>

<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="#pp-brokers" type="button" role="tab">Vermittler <span class="badge bg-warning text-dark ms-1 d-none" id="ppPendingBadge">0</span></button></li>
  <li class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#pp-bookings" type="button" role="tab">Vermittelte Buchungen</button></li>
  <li class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#pp-settings" type="button" role="tab">Einstellungen</button></li>
</ul>

<div class="tab-content">

  
  <div class="tab-pane fade show active" id="pp-brokers" role="tabpanel">
    <div id="ppPendingBanner" class="alert alert-warning d-none align-items-center gap-2 mb-3" role="alert">
      <i class="material-icons sm">hourglass_top</i>
      <span><strong id="ppPendingCount">0</strong> offene Registrierungs-Anfrage(n) von Reisebüros. Bitte prüfen und freischalten.</span>
    </div>
    <div class="d-flex justify-content-end mb-3">
      <button class="btn btn-primary" id="ppAddBtn"><i class="material-icons sm">person_add</i> Vermittler anlegen</button>
    </div>

    <div class="card"><div class="table-responsive">
      <table class="table table-hover align-middle mb-0">
        <thead><tr><th>Name / Firma</th><th>E-Mail</th><th class="text-end">Provision Parken</th><th class="text-end pp-addon-col">Provision Zusatz</th><th>Geldfluss</th><th>Status</th><th class="text-end">Buchungen</th><th class="text-end">Provision gesamt</th><th></th></tr></thead>
        <tbody id="ppBrokersBody"><tr><td colspan="9" class="text-center text-muted py-4">Wird geladen …</td></tr></tbody>
      </table>
    </div></div>
  </div>

  
  <div class="tab-pane fade" id="pp-bookings" role="tabpanel">
    <div class="alert alert-info d-flex align-items-center gap-2 py-2 mb-3" role="alert">
      <i class="material-icons" style="font-size:20px;">info</i>
      <span class="small">Provisionen werden erst bei <strong>erfolgter Anreise</strong> freigegeben (<span class="text-success fw-semibold">grün</span>). Vor der Anreise gelten sie als <span class="text-warning fw-semibold">ausstehend</span>; stornierte Buchungen werden <span class="text-danger fw-semibold">nicht gezählt</span>.</span>
    </div>
    <div class="row g-3 mb-3">
      <div class="col-12 col-md-4"><div class="card h-100 border-success"><div class="card-body"><div class="stat-label"><span class="d-inline-block rounded-circle bg-success me-1" style="width:9px;height:9px;"></span>Freigegeben (angereist)</div><div class="stat-value text-success" id="ppbReleased">–</div><div class="small text-muted"><span id="ppbCntReleased">0</span> Buchung(en)</div></div></div></div>
      <div class="col-12 col-md-4"><div class="card h-100 border-warning"><div class="card-body"><div class="stat-label"><span class="d-inline-block rounded-circle bg-warning me-1" style="width:9px;height:9px;"></span>Ausstehend (vor Anreise)</div><div class="stat-value text-warning" id="ppbPending">–</div><div class="small text-muted"><span id="ppbCntPending">0</span> Buchung(en)</div></div></div></div>
      <div class="col-12 col-md-4"><div class="card h-100 border-danger"><div class="card-body"><div class="stat-label"><span class="d-inline-block rounded-circle bg-danger me-1" style="width:9px;height:9px;"></span>Storniert</div><div class="stat-value text-danger" id="ppbCancelled">–</div><div class="small text-muted">nicht gezählt</div></div></div></div>
    </div>
    <div class="card mb-3"><div class="card-body d-flex flex-wrap align-items-center gap-3">
      <label class="mb-0">Vermittler:</label>
      <select class="form-select" id="ppBookingFilter" style="max-width:280px;"><option value="">Alle Vermittler</option></select>
      <span class="ms-auto text-muted small">Buchungen: <strong id="ppbCount">–</strong> · Umsatz: <strong id="ppbGross">–</strong> · Provision: <strong id="ppbComm">–</strong></span>
    </div></div>
    <div class="card"><div class="table-responsive">
      <table class="table table-hover align-middle mb-0">
        <thead><tr><th>Erstellt</th><th>Vermittler</th><th>Buchung</th><th>Kunde</th><th>Event</th><th>Zeitraum</th><th class="text-end">Betrag</th><th class="text-end">Satz</th><th class="text-end">Provision</th><th>Status</th></tr></thead>
        <tbody id="ppBookingsBody"><tr><td colspan="10" class="text-center text-muted py-4">Wird geladen …</td></tr></tbody>
      </table>
    </div></div>
  </div>

  
  <div class="tab-pane fade" id="pp-settings" role="tabpanel">
    <div class="card" style="max-width:640px;"><div class="card-body">
      <h2 class="h6 mb-1">Standard-Provisionssätze</h2>
      <div class="text-muted small mb-3">Gelten für alle Vermittler ohne individuell hinterlegten Satz.</div>
      <form id="ppDefaultForm">
        <div class="row g-3 align-items-end">
          <div class="col-12 col-sm-6">
            <label class="form-label">Parkplatz (Halle/Außen)</label>
            <div class="d-flex align-items-center gap-2">
              <input type="text" class="form-control" name="commission" id="ppDefault" inputmode="decimal" placeholder="z. B. 10" style="max-width:120px;">
              <span class="text-muted fw-bold">%</span>
            </div>
          </div>
          <div class="col-12 col-sm-6">
            <label class="form-label">Zusatzprodukte <span class="text-muted small" id="ppAddonState"></span></label>
            <div class="d-flex align-items-center gap-2">
              <input type="text" class="form-control" name="commission_addon" id="ppDefaultAddon" inputmode="decimal" placeholder="0 = deaktiviert" style="max-width:120px;">
              <span class="text-muted fw-bold">%</span>
            </div>
            <div class="form-text">0 % = deaktiviert: Zusatzprodukte erhalten keine Provision und werden ausgeblendet. Valet (Produkt 8) zählt dann zum Parkplatz.</div>
          </div>
        </div>
        <div class="d-flex align-items-center gap-3 mt-3">
          <button class="btn btn-primary" type="submit"><i class="material-icons sm">save</i> Speichern</button>
          <span class="js-status small" id="ppDefaultStatus"></span>
        </div>
      </form>
      <div class="text-muted small mt-3">Parkplatzprodukte = Hallen- und Außenparkplatz. Zusatzprodukte = alle weiteren Leistungen (z. B. Valet).</div>
    </div></div>

    <div class="card mt-3"><div class="card-body">
      <div class="d-flex flex-wrap align-items-center gap-2 mb-1">
        <h2 class="h6 mb-0">Teilnahmebedingungen</h2>
        <button type="button" class="btn btn-sm btn-light border ms-auto" data-bs-toggle="modal" data-bs-target="#ppTermsPdfModal"><i class="material-icons sm">picture_as_pdf</i> PDF-Vorschau</button>
      </div>
      <div class="text-muted small mb-2">Diese Bedingungen werden bei der Registrierung verlinkt (Modal) und können dort als PDF heruntergeladen werden.</div>
      <form id="ppTermsForm">
        <textarea class="form-control" id="ppTerms" name="terms" rows="16" style="font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.5;"></textarea>
        <div class="text-muted small mt-2">Formatierung: <code>## Überschrift</code> für Abschnitte, <code>- Punkt</code> für Aufzählungen, eine Leerzeile für einen neuen Absatz.</div>
        <div class="d-flex align-items-center gap-3 mt-3">
          <button class="btn btn-primary" type="submit"><i class="material-icons sm">save</i> Speichern</button>
          <span class="js-status small" id="ppTermsStatus"></span>
        </div>
      </form>
    </div></div>
  </div>

</div>


<div class="modal fade" id="ppEditModal" 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="ppEditTitle">Vermittler</h5><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div>
      <form id="ppEditForm" autocomplete="off">
        <div class="modal-body">
          <input type="hidden" name="id" id="ppId">
          <div class="row g-3">
            <div class="col-12"><label class="form-label">Firma</label><input class="form-control" name="company"></div>
            <div class="col-6"><label class="form-label">Vorname</label><input class="form-control" name="firstname"></div>
            <div class="col-6"><label class="form-label">Nachname</label><input class="form-control" name="lastname"></div>
            <div class="col-12 col-md-6"><label class="form-label">E-Mail (Login) *</label><input class="form-control" name="email" type="email" required></div>
            <div class="col-12 col-md-6"><label class="form-label">Passwort <span class="text-muted small" id="ppPwHint"></span></label>
              <div class="d-flex gap-2">
                <input class="form-control" name="password" id="ppPassword" type="text" autocomplete="new-password" placeholder="z. B. generieren">
                <button type="button" class="btn btn-light border" id="ppGenPw" title="Sicheres Passwort generieren"><i class="material-icons sm">autorenew</i></button>
              </div>
            </div>
            <div class="col-6 col-md-3"><label class="form-label">Provision Parken (%)</label><input class="form-control" name="commission" inputmode="decimal" placeholder="Standard"></div>
            <div class="col-6 col-md-3 pp-addon-col"><label class="form-label">Provision Zusatz (%)</label><input class="form-control" name="commission_addon" inputmode="decimal" placeholder="Standard"></div>
            <div class="col-6 col-md-4"><label class="form-label">Geldfluss</label>
              <select class="form-select" name="payment_mode">
                <option value="payout">Kunde zahlt Betreiber (Provision-Auszahlung)</option>
                <option value="collect">Vermittler kassiert &amp; führt ab</option>
              </select>
            </div>
            <div class="col-6 col-md-2 d-flex align-items-end"><label class="form-check d-flex align-items-center gap-2"><input class="form-check-input" type="checkbox" name="active" value="1" checked> <span class="form-check-label">aktiv</span></label></div>
            <div class="col-12"><hr class="my-1"></div>
            <div class="col-12 col-md-8"><label class="form-label">Straße</label><input class="form-control" name="street"></div>
            <div class="col-4 col-md-2"><label class="form-label">PLZ</label><input class="form-control" name="zipcode"></div>
            <div class="col-8 col-md-2"><label class="form-label">Ort</label><input class="form-control" name="city"></div>
            <div class="col-6"><label class="form-label">Land</label><input class="form-control" name="country" value="Deutschland"></div>
            <div class="col-6"><label class="form-label">Telefon</label><input class="form-control" name="phone"></div>
            <div class="col-12 col-md-6"><label class="form-label">USt-IdNr.</label><input class="form-control" name="taxid"></div>
          </div>
          <div class="js-status small mt-2" id="ppEditStatus"></div>
        </div>
        <div class="modal-footer"><button type="button" class="btn btn-light" data-bs-dismiss="modal">Abbrechen</button><button class="btn btn-primary" type="submit"><i class="material-icons sm">save</i> Speichern</button></div>
      </form>
    </div>
  </div>
</div>

<style>
#ppEditForm .form-check-input{ -webkit-appearance:auto; appearance:auto; width:1.1em; height:1.1em; min-height:auto; margin:0; }
#ppEditForm .form-check{ display:flex; align-items:center; gap:8px; margin:0; }
</style>

<div class="modal fade" id="ppTermsPdfModal" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog modal-xl modal-dialog-centered">
    <div class="modal-content" style="height:88vh;">
      <div class="modal-header">
        <h5 class="modal-title">Teilnahmebedingungen · PDF-Vorschau</h5>
        <a class="btn btn-sm btn-light border ms-auto me-2" href="<?php echo @constant('SITE_URL');?>
/partner-terms.php"><i class="material-icons sm">download</i> Herunterladen</a>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Schließen"></button>
      </div>
      <div class="modal-body p-0" style="overflow:hidden;">
        <iframe id="ppTermsPdfFrame" title="PDF-Vorschau" style="width:100%;height:100%;border:0;"></iframe>
      </div>
    </div>
  </div>
</div>

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