<?php
/**
 * Over ons — Reanimatie.nl
 * Bedrijfsinfo, missie, live statistieken uit DB, oprichtingsjaar, geografisch bereik
 */

// Adaptive SHARED_PATH: prod = root (0 up), lokaal dev = hub/ (1 up)
$__shared = __DIR__ . '/shared';
if (!is_dir($__shared)) $__shared = dirname(__DIR__) . '/shared';
define('SHARED_PATH', $__shared);
require_once SHARED_PATH . '/includes/site-config.php';
init_site('hub');
require_once SHARED_PATH . '/includes/config.php';
require_once SHARED_PATH . '/includes/auth.php';
require_once SHARED_PATH . '/includes/db.php';
require_once SHARED_PATH . '/includes/layout.php';
require_once SHARED_PATH . '/includes/reviews.php';

$reviewsList = Reviews::all(null, 6);
$reviewsAgg  = Reviews::aggregate();

// === Live statistieken uit database ===
$stats = [
    'cursussen'      => 0,
    'cursisten'      => 0,
    'organisaties'   => 0,
    'aeds'           => 0,
    'locaties'       => 0,
    'woonplaatsen'   => 2425,
    'lease_aeds'     => 0,
    'samen_sterk'    => 0,
];

try {
    $cdb = getDb(DB_CURSUS);
    $stats['cursussen']    = (int)$cdb->query("SELECT COUNT(*) FROM cursussen WHERE status IN ('gepubliceerd','afgelopen')")->fetchColumn();
    $stats['cursisten']    = (int)$cdb->query("SELECT COUNT(DISTINCT email) FROM cursus_inschrijvingen WHERE certificaat_status = 'goedgekeurd'")->fetchColumn();
    $stats['organisaties'] = (int)$cdb->query("SELECT COUNT(*) FROM cursus_organisaties WHERE status = 'actief'")->fetchColumn();
} catch (Exception $e) {}

try {
    $idb = getDb(DB_INVENTARISATIE);
    $stats['aeds']     = (int)$idb->query("SELECT COUNT(*) FROM inv_aeds")->fetchColumn();
    $stats['locaties'] = (int)$idb->query("SELECT COUNT(*) FROM inv_locaties")->fetchColumn();
} catch (Exception $e) {}

try {
    $rdb = getDb(DB_WEBSITE);
    $wp = (int)$rdb->query("SELECT COUNT(*) FROM woonplaatsen WHERE actief = 1")->fetchColumn();
    if ($wp > 0) $stats['woonplaatsen'] = $wp;
} catch (Exception $e) {}

// ss_locaties leeft in DB_VERZAMELACTIE (db_helpelkaar), niet in DB_WEBSITE; statuswaarden = nieuw schema
try {
    $ssdb = getDb(DB_VERZAMELACTIE);
    $stats['samen_sterk'] = (int)$ssdb->query("SELECT COUNT(*) FROM ss_locaties WHERE status IN ('werven','actief','stoppend')")->fetchColumn();
} catch (Exception $e) {}

try {
    $stats['lease_aeds'] = (int)$idb->query("SELECT COUNT(*) FROM inv_aeds WHERE eigenaar_type = 'lease'")->fetchColumn();
} catch (Exception $e) {}

// Voor Schema.org foundingDate
$foundingYear = 2026;
$jarenActief  = max(1, (int)date('Y') - $foundingYear);

render_head([
    'title'       => 'Over ons — Reanimatie.nl | Sinds 2026',
    'description' => 'Reanimatie.nl is opgericht in 2026 als landelijk platform voor AED\'s, reanimatiecursussen en hartveilige wijken. Actief in heel Nederland — ' . $stats['woonplaatsen'] . ' woonplaatsen, ' . $stats['cursisten'] . '+ gecertificeerde cursisten, ' . $stats['aeds'] . '+ AED\'s in beheer.',
    'canonical'   => SITE_URL . '/over-ons',
]);
?>
<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "Organization",
    "name": "Reanimatie.nl",
    "alternateName": "Reanimatie B.V.",
    "url": "https://www.reanimatie.nl",
    "logo": "https://www.reanimatie.nl/shared/assets/images/logo.png",
    "image": "https://www.reanimatie.nl/shared/assets/images/og-image.jpg",
    "foundingDate": "2026-01-01",
    "description": "Landelijk platform voor reanimatiecursussen, AED lease, AED inventarisatie en het Samen STERK buurtinitiatief voor een hartveilig Nederland.",
    "email": "info@reanimatie.nl",
    "telephone": "+31858002580",
    "address": {
        "@type": "PostalAddress",
        "streetAddress": "Naardermeer 118",
        "postalCode": "1447 KN",
        "addressLocality": "Purmerend",
        "addressRegion": "Noord-Holland",
        "addressCountry": "NL"
    },
    "areaServed": {
        "@type": "Country",
        "name": "Nederland"
    },
    "knowsAbout": ["AED", "Reanimatie", "BLS", "Basic Life Support", "Hartveilige omgeving", "ERC certificering"],
    "sameAs": [
        "https://www.linkedin.com/company/reanimatie",
        "https://www.facebook.com/1088321347693414",
        "https://www.instagram.com/reanimatie.nl"
    ]
}
</script>
<?php
render_topbar();
?>

<main class="page-content" role="main">
<section class="section section--hero" style="padding:60px 0 40px;background:linear-gradient(180deg,#0d2137 0%,#1e3a5f 100%);color:#fff;">
    <div class="container" style="text-align:center;max-width:780px;">
        <h1 style="font-size:2.4rem;font-weight:800;margin-bottom:14px;">Over Reanimatie.nl</h1>
        <p style="font-size:1.15rem;opacity:.92;line-height:1.6;">
            Sinds <strong>2026</strong> het landelijke platform voor reanimatiecursussen, AED's en hartveilige wijken in Nederland.
        </p>
    </div>
</section>

<!-- LIVE STATS -->
<section class="section" style="padding:50px 0;background:#f0f2f5;">
    <div class="container">
        <h2 style="text-align:center;font-size:1.5rem;font-weight:800;color:#0d2137;margin-bottom:32px;">Reanimatie.nl in cijfers</h2>
        <div class="grid-4" style="display:grid;grid-template-columns:repeat(4,1fr);gap:18px;">

            <div class="card" style="text-align:center;padding:28px 16px;border-top:4px solid #e63946;">
                <div style="font-size:2.4rem;font-weight:800;color:#e63946;line-height:1;"><?= number_format($stats['cursisten'], 0, ',', '.') ?>+</div>
                <div style="margin-top:8px;color:#6b7280;font-size:.88rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;">Gecertificeerde cursisten</div>
            </div>

            <div class="card" style="text-align:center;padding:28px 16px;border-top:4px solid #2a9d8f;">
                <div style="font-size:2.4rem;font-weight:800;color:#2a9d8f;line-height:1;"><?= number_format($stats['aeds'], 0, ',', '.') ?>+</div>
                <div style="margin-top:8px;color:#6b7280;font-size:.88rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;">AED's in beheer</div>
            </div>

            <div class="card" style="text-align:center;padding:28px 16px;border-top:4px solid #3b82f6;">
                <div style="font-size:2.4rem;font-weight:800;color:#3b82f6;line-height:1;"><?= number_format($stats['cursussen'], 0, ',', '.') ?>+</div>
                <div style="margin-top:8px;color:#6b7280;font-size:.88rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;">Cursussen gegeven</div>
            </div>

            <div class="card" style="text-align:center;padding:28px 16px;border-top:4px solid #8b5cf6;">
                <div style="font-size:2.4rem;font-weight:800;color:#8b5cf6;line-height:1;"><?= number_format($stats['woonplaatsen'], 0, ',', '.') ?></div>
                <div style="margin-top:8px;color:#6b7280;font-size:.88rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;">Nederlandse woonplaatsen</div>
            </div>

        </div>

        <div class="grid-3" style="display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px;">
            <div class="card" style="text-align:center;padding:22px 16px;">
                <div style="font-size:1.7rem;font-weight:800;color:#0d2137;"><?= number_format($stats['organisaties'], 0, ',', '.') ?>+</div>
                <div style="margin-top:6px;color:#6b7280;font-size:.82rem;">Aangesloten organisaties</div>
            </div>
            <div class="card" style="text-align:center;padding:22px 16px;">
                <div style="font-size:1.7rem;font-weight:800;color:#0d2137;"><?= number_format($stats['locaties'], 0, ',', '.') ?>+</div>
                <div style="margin-top:6px;color:#6b7280;font-size:.82rem;">AED locaties geregistreerd</div>
            </div>
            <div class="card" style="text-align:center;padding:22px 16px;">
                <div style="font-size:1.7rem;font-weight:800;color:#0d2137;"><?= number_format($stats['samen_sterk'], 0, ',', '.') ?></div>
                <div style="margin-top:6px;color:#6b7280;font-size:.82rem;">Samen STERK locaties</div>
            </div>
        </div>
    </div>
</section>

<!-- MISSIE / VISIE -->
<section class="section" style="padding:60px 0;">
    <div class="container" style="max-width:820px;">
        <h2 style="font-size:1.6rem;font-weight:800;color:#0d2137;margin-bottom:18px;">Onze missie</h2>
        <p style="font-size:1.05rem;line-height:1.7;color:#374151;margin-bottom:20px;">
            Elk jaar overlijden in Nederland ruim 17.000 mensen aan een hartstilstand buiten het ziekenhuis. Snelle reanimatie en het inzetten van een AED binnen 6 minuten verhoogt de overlevingskans drastisch — van ~10% naar wel 70%.
        </p>
        <p style="font-size:1.05rem;line-height:1.7;color:#374151;margin-bottom:20px;">
            <strong>Reanimatie.nl</strong> is opgericht in 2026 met één duidelijke missie: <strong>elke wijk in Nederland hartveilig maken</strong>. Wij zijn de tussenpersoon tussen lokale reanimatiestichtingen, vrijwilligers, ondernemers en bewoners. Via één geïntegreerd platform bieden wij:
        </p>
        <ul style="font-size:1.02rem;line-height:1.8;color:#374151;margin-left:24px;margin-bottom:24px;">
            <li><strong>Reanimatiecursussen</strong> met internationaal erkende ERC certificering</li>
            <li><strong>AED Lease</strong> vanaf €39,99/maand inclusief onderhoud en 24/7 inzetgarantie</li>
            <li><strong>AED Inventarisatiebeheer</strong> voor organisaties met meerdere AED's</li>
            <li><strong>Samen STERK buurtinitiatief</strong> waarmee buren samen €5/maand bijdragen aan een AED in hun wijk</li>
            <li><strong>Webshop</strong> voor AED's, kasten, accessoires en reanimatiesets</li>
        </ul>
        <p style="font-size:1.05rem;line-height:1.7;color:#374151;">
            Door automatische koppelingen met systemen zoals <strong>HartslagNU</strong>, <strong>COSY</strong>, <strong>DefibBox</strong> en <strong>BergIX</strong> nemen wij administratieve lasten weg bij stichtingen en organisaties — zodat zij zich kunnen richten op wat écht telt: levens redden.
        </p>
    </div>
</section>

<!-- WAT MAAKT ONS UNIEK -->
<section class="section" style="padding:60px 0;background:#f0f2f5;">
    <div class="container" style="max-width:980px;">
        <h2 style="text-align:center;font-size:1.6rem;font-weight:800;color:#0d2137;margin-bottom:32px;">Wat maakt ons uniek?</h2>
        <div class="grid-3" style="display:grid;grid-template-columns:repeat(3,1fr);gap:22px;">
            <div class="card" style="padding:24px;">
                <div style="font-size:2rem;color:#e63946;margin-bottom:10px;"><i class="fa-solid fa-link"></i></div>
                <h3 style="font-size:1.05rem;font-weight:700;color:#0d2137;margin-bottom:8px;">Geïntegreerd platform</h3>
                <p style="font-size:.92rem;color:#6b7280;line-height:1.6;">Alle diensten in één portaal. Cursusinschrijvingen, AED beheer, lease-facturen en certificaten vinden elkaar automatisch.</p>
            </div>
            <div class="card" style="padding:24px;">
                <div style="font-size:2rem;color:#2a9d8f;margin-bottom:10px;"><i class="fa-solid fa-bell"></i></div>
                <h3 style="font-size:1.05rem;font-weight:700;color:#0d2137;margin-bottom:8px;">Automatische notificaties</h3>
                <p style="font-size:.92rem;color:#6b7280;line-height:1.6;">Email + WhatsApp meldingen bij nieuwe inschrijvingen, certificaten, facturen en AED onderhoud. Niets meer vergeten.</p>
            </div>
            <div class="card" style="padding:24px;">
                <div style="font-size:2rem;color:#3b82f6;margin-bottom:10px;"><i class="fa-solid fa-map-location-dot"></i></div>
                <h3 style="font-size:1.05rem;font-weight:700;color:#0d2137;margin-bottom:8px;">Landelijk bereik</h3>
                <p style="font-size:.92rem;color:#6b7280;line-height:1.6;">Actief in heel Nederland met eigen pagina's voor alle <?= number_format($stats['woonplaatsen'], 0, ',', '.') ?> woonplaatsen. Lokaal waar het kan, landelijk waar het nodig is.</p>
            </div>
            <div class="card" style="padding:24px;">
                <div style="font-size:2rem;color:#f59e0b;margin-bottom:10px;"><i class="fa-solid fa-certificate"></i></div>
                <h3 style="font-size:1.05rem;font-weight:700;color:#0d2137;margin-bottom:8px;">ERC gecertificeerd</h3>
                <p style="font-size:.92rem;color:#6b7280;line-height:1.6;">Alle cursussen volgen de European Resuscitation Council richtlijnen. Internationaal erkend certificaat.</p>
            </div>
            <div class="card" style="padding:24px;">
                <div style="font-size:2rem;color:#8b5cf6;margin-bottom:10px;"><i class="fa-solid fa-handshake"></i></div>
                <h3 style="font-size:1.05rem;font-weight:700;color:#0d2137;margin-bottom:8px;">Partner van stichtingen</h3>
                <p style="font-size:.92rem;color:#6b7280;line-height:1.6;">Wij ondersteunen lokale reanimatiestichtingen met software, betalingsverwerking en marketingtools. Zij houden de regie.</p>
            </div>
            <div class="card" style="padding:24px;">
                <div style="font-size:2rem;color:#10b981;margin-bottom:10px;"><i class="fa-solid fa-shield-heart"></i></div>
                <h3 style="font-size:1.05rem;font-weight:700;color:#0d2137;margin-bottom:8px;">24/7 beschikbaar</h3>
                <p style="font-size:.92rem;color:#6b7280;line-height:1.6;">DefibBox monitoring volgt onze AED's continu. Een defect wordt direct gemeld zodat de AED altijd inzetbaar is.</p>
            </div>
        </div>
    </div>
</section>

<!-- ORGANISATIE -->
<section class="section" style="padding:60px 0;">
    <div class="container" style="max-width:780px;">
        <h2 style="font-size:1.5rem;font-weight:800;color:#0d2137;margin-bottom:18px;">Organisatie</h2>
        <div class="card" style="padding:28px;">
            <div style="display:grid;grid-template-columns:160px 1fr;gap:14px 22px;font-size:.95rem;line-height:1.6;">
                <span style="color:#6b7280;font-weight:600;">Bedrijfsnaam</span><span><strong>Reanimatie B.V.</strong></span>
                <span style="color:#6b7280;font-weight:600;">Opgericht</span><span>2026 · <?= $jarenActief ?> jaar actief</span>
                <span style="color:#6b7280;font-weight:600;">Adres</span><span>Naardermeer 118<br>1447 KN Purmerend</span>
                <span style="color:#6b7280;font-weight:600;">Telefoon</span><span><a href="tel:+31858002580" style="color:#e63946;">085 – 800 25 80</a></span>
                <span style="color:#6b7280;font-weight:600;">E-mail</span><span><a href="mailto:info@reanimatie.nl" style="color:#e63946;">info@reanimatie.nl</a></span>
                <span style="color:#6b7280;font-weight:600;">WhatsApp</span><span><a href="https://wa.me/31858002580" target="_blank" rel="noopener" style="color:#25D366;"><i class="fa-brands fa-whatsapp"></i> 085 – 800 25 80</a></span>
                <span style="color:#6b7280;font-weight:600;">Werkgebied</span><span>Geheel Nederland</span>
                <span style="color:#6b7280;font-weight:600;">Specialisaties</span><span>AED, BLS reanimatie, ERC certificering, hartveilige wijken</span>
            </div>
        </div>
    </div>
</section>

<?php if (!empty($reviewsList)): ?>
<!-- REVIEWS -->
<section class="section" style="padding:60px 0;background:#fffbeb;">
    <div class="container" style="max-width:980px;">
        <h2 style="font-size:1.6rem;font-weight:800;color:#0d2137;margin-bottom:6px;text-align:center;">Wat klanten zeggen</h2>
        <?php if ($reviewsAgg['count'] > 0): ?>
        <div style="text-align:center;font-size:1.2rem;color:#fbbf24;margin-bottom:28px;">
            <?php for ($i = 1; $i <= 5; $i++): ?><?= $i <= round($reviewsAgg['average']) ? '★' : '☆' ?><?php endfor; ?>
            <span style="color:#6b7280;font-size:.95rem;font-weight:600;">&nbsp;<?= $reviewsAgg['average'] ?>/5 op basis van <?= $reviewsAgg['count'] ?> reviews</span>
        </div>
        <?php endif; ?>
        <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;">
            <?php foreach ($reviewsList as $r): ?>
            <div style="background:#fff;border-radius:14px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.06);">
                <div style="color:#fbbf24;margin-bottom:10px;font-size:1.1rem;">
                    <?php for ($i = 1; $i <= 5; $i++): ?><?= $i <= $r['rating'] ? '★' : '☆' ?><?php endfor; ?>
                </div>
                <?php if ($r['titel']): ?><div style="font-weight:700;color:#0d2137;margin-bottom:8px;font-size:1rem;"><?= htmlspecialchars($r['titel']) ?></div><?php endif; ?>
                <p style="color:#374151;font-size:.95rem;line-height:1.6;margin-bottom:14px;">"<?= htmlspecialchars($r['bericht']) ?>"</p>
                <div style="font-size:.85rem;color:#6b7280;border-top:1px solid #f3f4f6;padding-top:12px;">
                    <strong style="color:#0d2137;"><?= htmlspecialchars(Reviews::formatNaam($r['naam'] ?? '')) ?></strong>
                    <?php if ($r['plaats']): ?><br><span style="color:#9ca3af;"><?= htmlspecialchars($r['plaats']) ?></span><?php endif; ?>
                    <?php if ($r['geverifieerd']): ?><br><span style="color:#10b981;font-weight:600;font-size:.75rem;">✓ Geverifieerde klant</span><?php endif; ?>
                </div>
            </div>
            <?php endforeach; ?>
        </div>
    </div>
</section>
<?php endif; ?>

<!-- CTA -->
<section class="section" style="padding:60px 0;background:linear-gradient(180deg,#e63946 0%,#c62833 100%);color:#fff;text-align:center;">
    <div class="container" style="max-width:680px;">
        <h2 style="font-size:1.7rem;font-weight:800;margin-bottom:12px;">Maak uw omgeving hartveilig</h2>
        <p style="font-size:1.05rem;opacity:.95;margin-bottom:24px;">Sluit u aan bij een groeiend netwerk van organisaties, vrijwilligers en bewoners die samen Nederland hartveilig maken.</p>
        <div style="display:flex;gap:12px;justify-content:center;flex-wrap:wrap;">
            <a href="<?= SITE_URL ?>/register.php" style="display:inline-flex;align-items:center;gap:8px;background:#fff;color:#e63946;padding:14px 26px;border-radius:10px;font-weight:700;text-decoration:none;">
                <i class="fa-solid fa-user-plus"></i> Word lid
            </a>
            <a href="mailto:info@reanimatie.nl" style="display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.18);color:#fff;padding:14px 26px;border-radius:10px;font-weight:700;text-decoration:none;border:1px solid rgba(255,255,255,.3);">
                <i class="fa-solid fa-envelope"></i> Neem contact op
            </a>
        </div>
    </div>
</section>

</main>

<?php render_footer(); ?>
