<?php
define('SHARED_PATH', dirname(__DIR__) . '/shared');
require_once SHARED_PATH . '/includes/site-config.php';
init_site('cursus');
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';

$cursusUser = Auth::isLoggedIn() ? Auth::user() : null;
$cursusRol  = Auth::getModuleRol('cursus');

// Gemeenten ophalen
$gemeenten = [];
try { $gemeenten = getDb(DB_CURSUS)->query("SELECT * FROM gemeenten ORDER BY naam")->fetchAll(); } catch (Exception $e) {}

render_head([
    'title'       => 'Voor organisaties — Cursus | Reanimatie.nl',
    'description' => 'Bied reanimatiecursussen aan via ons platform. Beheer cursussen, locaties, docenten, inschrijvingen en certificaten.',
    'canonical'   => SITE_CURSUS . '/voor-organisaties',
    'css'         => ['/css/cursus.css'],
]);
render_topbar([
    ['href' => '/', 'label' => 'Cursussen', 'icon' => 'fa-solid fa-graduation-cap'],
    ['href' => '/voor-organisaties', 'label' => 'Voor organisaties', 'active' => true],
    ['href' => '/voor-docenten', 'label' => 'Voor docenten'],
    ['href' => '/faq', 'label' => 'FAQ'],
]);
?>

<main class="page-content" role="main">

<!-- HERO -->
<section class="module-hero" style="background:linear-gradient(135deg,#0d2137 0%,#1e3a5f 60%,#2a5298 100%);">
    <div class="container module-hero__content">
        <div class="module-hero__badge"><i class="fa-solid fa-building-user"></i> Voor organisaties</div>
        <h1>Bied cursussen aan via <span class="module-hero__accent">Reanimatie.nl</span></h1>
        <p>Bereik cursisten in heel Nederland. Beheer uw cursussen, locaties, docenten en inschrijvingen op één plek.</p>
        <a href="#registreren" class="btn btn-primary" style="padding:12px 28px;font-size:1rem;">
            <i class="fa-solid fa-rocket"></i> Nu aanmelden
        </a>
    </div>
</section>

<!-- HOE WERKT HET -->
<section class="section">
    <div class="container">
        <div class="section__header">
            <h2>Hoe werkt het?</h2>
            <p>In 4 stappen aan de slag als cursusorganisatie.</p>
        </div>
        <div class="grid-4" data-animate>
            <div class="card" style="text-align:center;">
                <div style="width:48px;height:48px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:800;margin:0 auto 16px;">1</div>
                <h4 style="font-weight:600;margin-bottom:6px;">Registreren</h4>
                <p style="font-size:0.85rem;color:var(--text-secondary);">Meld uw organisatie aan. Na goedkeuring door een admin bent u direct operationeel.</p>
            </div>
            <div class="card" style="text-align:center;">
                <div style="width:48px;height:48px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:800;margin:0 auto 16px;">2</div>
                <h4 style="font-weight:600;margin-bottom:6px;">Cursussen plannen</h4>
                <p style="font-size:0.85rem;color:var(--text-secondary);">Maak cursussen aan met datum, locatie, prijs en maximaal aantal deelnemers.</p>
            </div>
            <div class="card" style="text-align:center;">
                <div style="width:48px;height:48px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:800;margin:0 auto 16px;">3</div>
                <h4 style="font-weight:600;margin-bottom:6px;">Inschrijvingen ontvangen</h4>
                <p style="font-size:0.85rem;color:var(--text-secondary);">Cursisten schrijven zich online in en betalen direct via iDEAL. U ontvangt de betalingen automatisch.</p>
            </div>
            <div class="card" style="text-align:center;">
                <div style="width:48px;height:48px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:800;margin:0 auto 16px;">4</div>
                <h4 style="font-weight:600;margin-bottom:6px;">Certificaten uitreiken</h4>
                <p style="font-size:0.85rem;color:var(--text-secondary);">Na afloop beoordeelt de docent deelnemers. Certificaten worden automatisch uitgereikt.</p>
            </div>
        </div>
    </div>
</section>

<!-- WAT KRIJGT U -->
<section class="section section-bg">
    <div class="container" style="max-width:800px;">
        <div class="section__header">
            <h2>Wat biedt het platform?</h2>
        </div>
        <div style="display:flex;flex-direction:column;gap:16px;">
            <?php
            $features = [
                ['icon' => 'fa-calendar-days',    'title' => 'Cursusbeheer',       'desc' => 'Plan cursussen met datum, tijd, locatie en prijs. Publiceer en beheer alles vanuit uw portaal.'],
                ['icon' => 'fa-location-dot',     'title' => 'Locatiebeheer',      'desc' => 'Voeg cursuslocaties toe met adres en GPS-coördinaten. Cursisten vinden zo gemakkelijk een cursus in hun buurt.'],
                ['icon' => 'fa-chalkboard-user',  'title' => 'Docentenbeheer',     'desc' => 'Koppel docenten aan uw organisatie. Wijs ze toe aan cursussen (max. 2 per cursus).'],
                ['icon' => 'fa-users',            'title' => 'Inschrijvingen',     'desc' => 'Bekijk alle inschrijvingen met betaalstatus. Betalingen via Mollie (iDEAL/Wero).'],
                ['icon' => 'fa-certificate',      'title' => 'Certificaten',       'desc' => 'Digitale certificaten worden automatisch uitgereikt na beoordeling door de docent. 1 jaar geldig.'],
                ['icon' => 'fa-file-invoice',     'title' => 'Facturatie',         'desc' => 'Automatische facturatie via BergIX. Facturen worden per e-mail verstuurd naar cursisten.'],
                ['icon' => 'fa-bell',             'title' => 'Herinneringen',      'desc' => 'Cursisten ontvangen automatisch een herinnering 24 uur voor de cursus en bij verlopen certificaten.'],
                ['icon' => 'fa-chart-simple',     'title' => 'Statistieken',       'desc' => 'Inzicht in uw cursussen, inschrijvingen en certificaten via het portaal.'],
            ];
            foreach ($features as $f): ?>
            <div class="card" style="display:flex;align-items:flex-start;gap:16px;padding:20px 24px;">
                <div class="card-icon card-icon-blue" style="flex-shrink:0;"><i class="fa-solid <?= $f['icon'] ?>"></i></div>
                <div>
                    <h4 style="font-weight:600;margin-bottom:4px;"><?= $f['title'] ?></h4>
                    <p style="font-size:0.9rem;color:var(--text-secondary);line-height:1.6;"><?= $f['desc'] ?></p>
                </div>
            </div>
            <?php endforeach; ?>
        </div>
    </div>
</section>

<!-- REGISTRATIE -->
<section class="section" id="registreren">
    <div class="container" style="max-width:640px;">
        <div class="section__header">
            <h2>Organisatie aanmelden</h2>
            <p>Vul het formulier in. Na goedkeuring kunt u direct cursussen aanmaken.</p>
        </div>

        <?php if ($cursusUser && $cursusRol && $cursusRol['status'] === 'pending' && $cursusRol['rol'] === 'organisatie'): ?>
        <div class="card" style="padding:40px;text-align:center;">
            <div class="card-icon card-icon-green" style="margin:0 auto 20px;width:72px;height:72px;font-size:2rem;"><i class="fa-solid fa-clock"></i></div>
            <h3 style="font-weight:800;margin-bottom:12px;">Aanvraag in behandeling</h3>
            <p style="color:var(--text-secondary);">Uw aanvraag als cursusorganisatie wordt beoordeeld. U ontvangt een e-mail zodra uw account actief is.</p>
        </div>

        <?php elseif ($cursusUser && $cursusRol && $cursusRol['status'] === 'actief' && $cursusRol['rol'] === 'organisatie'): ?>
        <div class="card" style="padding:40px;text-align:center;">
            <div class="card-icon card-icon-green" style="margin:0 auto 20px;width:72px;height:72px;font-size:2rem;"><i class="fa-solid fa-check"></i></div>
            <h3 style="font-weight:800;margin-bottom:12px;">U bent al geregistreerd!</h3>
            <p style="color:var(--text-secondary);margin-bottom:20px;">Ga naar uw portaal om cursussen te beheren.</p>
            <a href="/portaal/" class="btn btn-primary"><i class="fa-solid fa-gauge"></i> Naar portaal</a>
        </div>

        <?php else: ?>
        <div class="card" style="padding:32px;">
            <div id="orgRegAlert" class="alert" style="display:none;"></div>
            <form id="orgRegForm">
                <input type="hidden" name="rol" value="organisatie">
                <div class="form-group">
                    <label class="form-label">Bedrijfsnaam <span style="color:var(--accent)">*</span></label>
                    <input type="text" name="bedrijfsnaam" class="form-control" placeholder="Uw Cursusorganisatie B.V." required>
                </div>
                <div class="form-row">
                    <div class="form-group">
                        <label class="form-label">KvK-nummer <span style="color:var(--accent)">*</span></label>
                        <input type="text" name="kvk" class="form-control" placeholder="12345678" pattern="\d{8}" required>
                    </div>
                    <div class="form-group">
                        <label class="form-label">BTW-nummer <span style="color:var(--accent)">*</span></label>
                        <input type="text" name="btw" class="form-control" placeholder="NL123456789B01" required>
                    </div>
                </div>
                <div class="form-group">
                    <label class="form-label">Contactpersoon <span style="color:var(--accent)">*</span></label>
                    <input type="text" name="contactpersoon" class="form-control" placeholder="Jan Jansen" required>
                </div>
                <div class="form-row">
                    <div class="form-group">
                        <label class="form-label">Telefoonnummer</label>
                        <input type="tel" name="telefoon" class="form-control" placeholder="010-1234567">
                    </div>
                    <div class="form-group">
                        <label class="form-label">E-mailadres <span style="color:var(--accent)">*</span></label>
                        <input type="email" name="email" class="form-control" placeholder="info@organisatie.nl" required>
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group">
                        <label class="form-label">Straatnaam + huisnummer</label>
                        <input type="text" name="straatnaam" class="form-control" placeholder="Hoofdstraat 1A">
                    </div>
                    <div class="form-group">
                        <label class="form-label">Postcode + woonplaats</label>
                        <input type="text" name="woonplaats" class="form-control" placeholder="1234 AB Amsterdam">
                    </div>
                </div>
                <div class="form-group">
                    <label class="form-label">Website</label>
                    <input type="url" name="website" class="form-control" placeholder="https://www.organisatie.nl">
                </div>
                <?php if (!empty($gemeenten)): ?>
                <div class="form-group">
                    <label class="form-label">In welke gemeenten wilt u cursussen geven?</label>
                    <select name="gemeente_ids[]" class="form-control" multiple size="5" style="height:auto;">
                        <?php foreach ($gemeenten as $g): ?>
                        <option value="<?= $g['id'] ?>"><?= htmlspecialchars($g['naam']) ?> (<?= htmlspecialchars($g['provincie'] ?? '') ?>)</option>
                        <?php endforeach; ?>
                    </select>
                    <small class="form-hint">Houd Ctrl ingedrukt om meerdere te selecteren</small>
                </div>
                <?php endif; ?>
                <p style="font-size:0.8rem;color:var(--text-muted);margin-bottom:16px;">
                    <i class="fa-solid fa-info-circle"></i> Na registratie wordt uw aanvraag beoordeeld. U ontvangt een e-mail zodra uw account actief is.
                </p>
                <button type="submit" class="btn btn-primary w-full" style="padding:13px;">
                    <i class="fa-solid fa-paper-plane"></i> Registratie indienen
                </button>
            </form>
        </div>
        <?php endif; ?>
    </div>
</section>

</main>

<?php render_footer(); ?>
<script src="/js/cursus.js?v=<?= filemtime(__DIR__ . '/js/cursus.js') ?>"></script>
