Dialyse-Webseite/view/first-appointment.php

<?php
$pdfInfo = '/files/' . rawurlencode('Information zum 1 Termin ab 1-2024.pdf');
$pdfAnamnese = '/files/' . rawurlencode('Anamnesebogen.pdf');
$pdfDatenschutz = '/files/' . rawurlencode('Datenschutzerklärung_neu.pdf');
$pdfAusfall = '/files/' . rawurlencode('Einverständniserklärung zur Ausfallhonorarregelung.pdf');
$pdfPrivat = '/files/' . rawurlencode('Behandlunsvertrag Privatpatienten.pdf');
?>
<h1>Informationen zu Ihrem 1. Termin</h1>

<p class="lead" style="font-size: 1.1rem; color: var(--text-muted); margin-bottom: 2rem;">
    Liebe Patientin, lieber Patient, willkommen in der Nephrologie / Dialysepraxis Berlin-Mahlsdorf! 
    Damit wir uns bei Ihrem Erstbesuch optimal auf Sie vorbereiten können, finden Sie hier die Checkliste aller benötigten Unterlagen sowie alle Formulare zum direkten <strong>Online-Ausfüllen im Browser</strong> oder zum <strong>Herunterladen</strong>.
</p>

<!-- Checkliste & Vorbefunde Grid -->
<div class="grid-2" style="margin-bottom: 2rem;">
    <!-- Erforderliche Unterlagen -->
    <div class="card">
        <h2 style="font-size: 1.25rem; margin-top: 0; color: var(--primary-dark); display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1.25rem;">
            <svg aria-hidden="true" focusable="false" style="width: 22px; height: 22px; fill: var(--accent); flex-shrink: 0;" viewBox="0 0 24 24"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>
            Erforderliche Unterlagen zum 1. Termin
        </h2>
        <p style="font-size: 0.92rem; color: var(--text-muted); margin-bottom: 1rem;">
            Bitte bringen Sie zu Ihrem 1. Termin bei uns folgende Unterlagen mit:
        </p>
        <ul style="list-style: none; padding: 0; margin: 0;">
            <li style="display: flex; align-items: flex-start; gap: 0.6rem; margin-bottom: 0.75rem;">
                <span aria-hidden="true" style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">&#x2713;</span>
                <span><strong>Überweisung</strong> vom aktuellen oder letzten Quartal</span>
            </li>
            <li style="display: flex; align-items: flex-start; gap: 0.6rem; margin-bottom: 0.75rem;">
                <span aria-hidden="true" style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">&#x2713;</span>
                <span><strong>Versichertenkarte</strong> (elektronische Gesundheitskarte)</span>
            </li>
            <li style="display: flex; align-items: flex-start; gap: 0.6rem; margin-bottom: 0.75rem;">
                <span aria-hidden="true" style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">&#x2713;</span>
                <span>Falls vorhanden: Ihren <strong>Befreiungsausweis</strong></span>
            </li>
            <li style="display: flex; align-items: flex-start; gap: 0.6rem; margin-bottom: 0.75rem;">
                <span aria-hidden="true" style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">&#x2713;</span>
                <span>Die <strong>letzten 3 Laboruntersuchungen</strong></span>
            </li>
            <li style="display: flex; align-items: flex-start; gap: 0.6rem; margin-bottom: 0.75rem;">
                <span aria-hidden="true" style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">&#x2713;</span>
                <span>Ihren <strong>aktuellen Medikamentenplan</strong></span>
            </li>
            <li style="display: flex; align-items: flex-start; gap: 0.6rem; margin-bottom: 0.75rem;">
                <span aria-hidden="true" style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">&#x2713;</span>
                <span><a href="#form-anamnese" style="font-weight: 700;">Anamnesebogen</a> (ausgefüllt und unterschrieben)</span>
            </li>
            <li style="display: flex; align-items: flex-start; gap: 0.6rem;">
                <span aria-hidden="true" style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">&#x2713;</span>
                <span><a href="#form-datenschutz" style="font-weight: 700;">Patienteninformation &amp; Einwilligung zum Datenschutz</a> (ausgefüllt und unterschrieben)</span>
            </li>
        </ul>
    </div>

    <!-- Fachärztliche Vorbefunde -->
    <div class="card" style="display: flex; flex-direction: column; justify-content: space-between;">
        <div>
            <h2 style="font-size: 1.25rem; margin-top: 0; color: var(--primary-dark); display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1.25rem;">
                <svg aria-hidden="true" focusable="false" style="width: 22px; height: 22px; fill: var(--accent); flex-shrink: 0;" viewBox="0 0 24 24"><path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/></svg>
                Falls vorhanden: Fachärztliche Vorbefunde
            </h2>
            <p style="font-size: 0.92rem; color: var(--text-muted); margin-bottom: 1rem;">
                Sofern bei Ihnen bereits Vorbefunde vorliegen, bringen Sie diese bitte ebenfalls zum Termin mit:
            </p>
            <ul style="list-style: none; padding: 0; margin: 0 0 1.5rem 0;">
                <li style="display: flex; align-items: flex-start; gap: 0.6rem; margin-bottom: 0.65rem;">
                    <span aria-hidden="true" style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">&#x2713;</span>
                    <span><strong>Krankenhausbericht(e)</strong> der letzten 2 Jahre</span>
                </li>
                <li style="display: flex; align-items: flex-start; gap: 0.6rem; margin-bottom: 0.65rem;">
                    <span aria-hidden="true" style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">&#x2713;</span>
                    <span><strong>Kardiologiebefund</strong></span>
                </li>
                <li style="display: flex; align-items: flex-start; gap: 0.6rem; margin-bottom: 0.65rem;">
                    <span aria-hidden="true" style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">&#x2713;</span>
                    <span><strong>Urologiebefund</strong></span>
                </li>
                <li style="display: flex; align-items: flex-start; gap: 0.6rem; margin-bottom: 0.65rem;">
                    <span aria-hidden="true" style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">&#x2713;</span>
                    <span><strong>Gynäkologiebefund</strong></span>
                </li>
                <li style="display: flex; align-items: flex-start; gap: 0.6rem; margin-bottom: 0.65rem;">
                    <span aria-hidden="true" style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">&#x2713;</span>
                    <span><strong>Angiologiebefund</strong></span>
                </li>
                <li style="display: flex; align-items: flex-start; gap: 0.6rem;">
                    <span aria-hidden="true" style="color: var(--accent); font-weight: bold; font-size: 1.1rem;">&#x2713;</span>
                    <span><strong>MRT- / CT-Befund(e)</strong> sowie <strong>Röntgenbefund(e)</strong></span>
                </li>
            </ul>
        </div>

        <!-- Wichtiger Hinweis zu Originalbefunden -->
        <div style="background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%); border-left: 4px solid var(--accent); border-radius: var(--radius-md); padding: 1rem 1.15rem;">
            <div style="font-weight: 700; color: var(--primary-dark); margin-bottom: 0.25rem; display: flex; align-items: center; gap: 0.4rem;">
                <svg aria-hidden="true" focusable="false" style="width: 18px; height: 18px; fill: var(--accent); flex-shrink: 0;" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"/></svg>
                Wichtiger Hinweis zu Ihren Originalbefunden:
            </div>
            <p style="margin: 0; font-size: 0.92rem; color: var(--primary-dark);">
                Bitte bringen Sie die <strong>Originalbefunde</strong> mit &ndash; wir scannen alles vor Ort ein und Sie erhalten Ihre Unterlagen am selben Tag wieder zurück.
            </p>
        </div>
    </div>
</div>

<!-- Formulare zum Online-Ausfüllen & Herunterladen -->
<div class="highlight-panel" style="margin-top: 2rem; margin-bottom: 2.5rem;">
    <span class="highlight-badge">Interaktive PDF-Formulare</span>
    <h2 class="highlight-panel-title" style="margin-top: 0;">
        <svg aria-hidden="true" focusable="false" style="width: 24px; height: 24px; fill: var(--accent); flex-shrink: 0;" viewBox="0 0 24 24"><path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"/></svg>
        Formulare &amp; Patientenunterlagen (Online ausfüllbar)
    </h2>
    <p style="margin-bottom: 1.5rem;">
        Alle nachfolgenden Dokumente verfügen über <strong>interaktive Formularfelder</strong>. Sie können die Bögen direkt <strong>online im Browser öffnen und am Bildschirm ausfüllen</strong>, anschließend ausdrucken und unterschrieben zu Ihrem Termin mitbringen &ndash; oder als PDF-Datei auf Ihr Gerät herunterladen.
    </p>

    <div class="grid-2" style="margin-bottom: 0;">
        <!-- 1. Anamnesebogen -->
        <div class="card" id="form-anamnese" style="display: flex; flex-direction: column; justify-content: space-between; background: #ffffff;">
            <div>
                <div style="display: flex; justify-content: space-between; align-items: flex-start; gap: 0.75rem; margin-bottom: 0.5rem;">
                    <h3 style="font-size: 1.1rem; color: var(--primary-dark); margin: 0;">1. Anamnesebogen &bull; Patientenfragebogen</h3>
                    <span style="background: var(--primary-light); color: var(--primary-dark); font-size: 0.75rem; font-weight: 700; padding: 0.2rem 0.6rem; border-radius: var(--radius-full); white-space: nowrap;">Pflichtdokument</span>
                </div>
                <p style="font-size: 0.92rem; color: var(--text-muted); margin-bottom: 1.25rem;">
                    Fragebogen zu Ihren persönlichen Stammdaten, eigenen Erkrankungen, Voroperationen, Familienanamnese, Vorsorgeuntersuchungen sowie Notfallkontakt &amp; Abholvollmacht (2 Seiten).
                </p>
            </div>
            <div style="display: flex; gap: 0.65rem; flex-wrap: wrap;">
                <a href="<?=$pdfAnamnese?>" target="_blank" rel="noopener" class="btn btn-primary btn-sm" style="flex: 1 1 auto;">
                    <svg aria-hidden="true" focusable="false" style="width: 16px; height: 16px; fill: currentColor;" viewBox="0 0 24 24"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34a.9959.9959 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></svg>
                    Online ausfüllen &amp; öffnen
                </a>
                <a href="<?=$pdfAnamnese?>" download="Anamnesebogen_Dialysezentrum_Berlin-Mahlsdorf.pdf" class="btn btn-outline-primary btn-sm" style="flex: 1 1 auto;">
                    <svg aria-hidden="true" focusable="false" style="width: 16px; height: 16px; fill: currentColor;" viewBox="0 0 24 24"><path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"/></svg>
                    Herunterladen (PDF)
                </a>
            </div>
        </div>

        <!-- 2. Datenschutz & Schweigepflichtentbindung -->
        <div class="card" id="form-datenschutz" style="display: flex; flex-direction: column; justify-content: space-between; background: #ffffff;">
            <div>
                <div style="display: flex; justify-content: space-between; align-items: flex-start; gap: 0.75rem; margin-bottom: 0.5rem;">
                    <h3 style="font-size: 1.1rem; color: var(--primary-dark); margin: 0;">2. Patienteninformation &amp; Datenschutz</h3>
                    <span style="background: var(--primary-light); color: var(--primary-dark); font-size: 0.75rem; font-weight: 700; padding: 0.2rem 0.6rem; border-radius: var(--radius-full); white-space: nowrap;">Pflichtdokument</span>
                </div>
                <p style="font-size: 0.92rem; color: var(--text-muted); margin-bottom: 1.25rem;">
                    Pflichtinformationen gemäß Art. 13 DSGVO sowie Einwilligungserklärung und Schweigepflichtentbindung (§ 73 Abs. 1b SGB V, § 203 StGB) für Hausärzte, mitbehandelnde Ärzte und Angehörige.
                </p>
            </div>
            <div style="display: flex; gap: 0.65rem; flex-wrap: wrap;">
                <a href="<?=$pdfDatenschutz?>" target="_blank" rel="noopener" class="btn btn-primary btn-sm" style="flex: 1 1 auto;">
                    <svg aria-hidden="true" focusable="false" style="width: 16px; height: 16px; fill: currentColor;" viewBox="0 0 24 24"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34a.9959.9959 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></svg>
                    Online ausfüllen &amp; öffnen
                </a>
                <a href="<?=$pdfDatenschutz?>" download="Datenschutz_Einwilligung_Dialysezentrum_Berlin-Mahlsdorf.pdf" class="btn btn-outline-primary btn-sm" style="flex: 1 1 auto;">
                    <svg aria-hidden="true" focusable="false" style="width: 16px; height: 16px; fill: currentColor;" viewBox="0 0 24 24"><path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"/></svg>
                    Herunterladen (PDF)
                </a>
            </div>
        </div>

        <!-- 3. Einverständniserklärung zur Ausfallhonorarregelung -->
        <div class="card" id="form-ausfallhonorar" style="display: flex; flex-direction: column; justify-content: space-between; background: #ffffff;">
            <div>
                <div style="display: flex; justify-content: space-between; align-items: flex-start; gap: 0.75rem; margin-bottom: 0.5rem;">
                    <h3 style="font-size: 1.1rem; color: var(--primary-dark); margin: 0;">3. Vereinbarung zur Terminabsage / Ausfallhonorar</h3>
                    <span style="background: var(--primary-light); color: var(--primary-dark); font-size: 0.75rem; font-weight: 700; padding: 0.2rem 0.6rem; border-radius: var(--radius-full); white-space: nowrap;">Neupatienten</span>
                </div>
                <p style="font-size: 0.92rem; color: var(--text-muted); margin-bottom: 1.25rem;">
                    Patienteninformation und Terminvereinbarung für Neupatientinnen und Neupatienten (§ 615 BGB) zur rechtzeitigen Absage reservierter Behandlungszeitfenster (mindestens 24 Stunden vor dem Termin).
                </p>
            </div>
            <div style="display: flex; gap: 0.65rem; flex-wrap: wrap;">
                <a href="<?=$pdfAusfall?>" target="_blank" rel="noopener" class="btn btn-primary btn-sm" style="flex: 1 1 auto;">
                    <svg aria-hidden="true" focusable="false" style="width: 16px; height: 16px; fill: currentColor;" viewBox="0 0 24 24"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34a.9959.9959 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></svg>
                    Online ausfüllen &amp; öffnen
                </a>
                <a href="<?=$pdfAusfall?>" download="Ausfallhonorarregelung_Dialysezentrum_Berlin-Mahlsdorf.pdf" class="btn btn-outline-primary btn-sm" style="flex: 1 1 auto;">
                    <svg aria-hidden="true" focusable="false" style="width: 16px; height: 16px; fill: currentColor;" viewBox="0 0 24 24"><path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"/></svg>
                    Herunterladen (PDF)
                </a>
            </div>
        </div>

        <!-- 4. Behandlungsvertrag Privatpatienten / Selbstzahler -->
        <div class="card" id="form-privat" style="display: flex; flex-direction: column; justify-content: space-between; background: #ffffff;">
            <div>
                <div style="display: flex; justify-content: space-between; align-items: flex-start; gap: 0.75rem; margin-bottom: 0.5rem;">
                    <h3 style="font-size: 1.1rem; color: var(--primary-dark); margin: 0;">4. Behandlungsvertrag (Privatpatienten &amp; Selbstzahler)</h3>
                    <span style="background: #f1f5f9; color: var(--text-muted); font-size: 0.75rem; font-weight: 700; padding: 0.2rem 0.6rem; border-radius: var(--radius-full); white-space: nowrap;">Bei Bedarf</span>
                </div>
                <p style="font-size: 0.92rem; color: var(--text-muted); margin-bottom: 1.25rem;">
                    Vereinbarung über die privatärztliche Behandlung (§ 630a BGB, GOÄ) sowie Selbstzahlererklärung (§ 630c Abs. 3 BGB) &ndash; nur für Privatversicherte oder Selbstzahler erforderlich.
                </p>
            </div>
            <div style="display: flex; gap: 0.65rem; flex-wrap: wrap;">
                <a href="<?=$pdfPrivat?>" target="_blank" rel="noopener" class="btn btn-primary btn-sm" style="flex: 1 1 auto;">
                    <svg aria-hidden="true" focusable="false" style="width: 16px; height: 16px; fill: currentColor;" viewBox="0 0 24 24"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34a.9959.9959 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></svg>
                    Online ausfüllen &amp; öffnen
                </a>
                <a href="<?=$pdfPrivat?>" download="Behandlungsvertrag_Privatpatienten_Dialysezentrum.pdf" class="btn btn-outline-primary btn-sm" style="flex: 1 1 auto;">
                    <svg aria-hidden="true" focusable="false" style="width: 16px; height: 16px; fill: currentColor;" viewBox="0 0 24 24"><path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"/></svg>
                    Herunterladen (PDF)
                </a>
            </div>
        </div>
    </div>

    <!-- Checkliste als PDF -->
    <div style="margin-top: 1.25rem; padding-top: 1.25rem; border-top: 1px solid var(--border); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem;">
        <div>
            <strong style="color: var(--primary-dark);">Gesamte Checkliste zum 1. Termin als PDF-Dokument:</strong>
            <div style="font-size: 0.9rem; color: var(--text-muted);">Übersichtsblatt aller erforderlichen Unterlagen und Vorbefunde zum Ausdrucken oder digitalen Abhaken.</div>
        </div>
        <div style="display: flex; gap: 0.65rem; flex-wrap: wrap;">
            <a href="<?=$pdfInfo?>" target="_blank" rel="noopener" class="btn btn-secondary btn-sm">
                Checkliste öffnen (PDF)
            </a>
            <a href="<?=$pdfInfo?>" download="Information_zum_1_Termin_Dialysezentrum.pdf" class="btn btn-outline-primary btn-sm">
                Checkliste herunterladen
            </a>
        </div>
    </div>
</div>

<!-- Kontakt-Hinweis bei Rückfragen -->
<div class="card" style="background: var(--bg-alt); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem;">
    <div>
        <h2 style="font-size: 1.15rem; margin: 0 0 0.25rem 0; color: var(--primary-dark);">Haben Sie Fragen zu Ihrem ersten Termin oder zum Ausfüllen der Bögen?</h2>
        <p style="margin: 0; font-size: 0.95rem; color: var(--text-muted);">
            Unser Praxisteam hilft Ihnen gern telefonisch unter <a href="tel:0305662539"><strong>030 / 566 25 39</strong></a> (Ambulanz) oder vor Ort weiter.
        </p>
    </div>
    <a href="/kontakt.html" class="btn btn-primary btn-sm">Kontakt &amp; Anfahrt <span aria-hidden="true">&raquo;</span></a>
</div>