<?php
/**
 * Vacatures pagina — Reanimatie B.V.
 */
$__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/layout.php';

session_start();
$flash = $_SESSION['vacature_flash'] ?? null;
unset($_SESSION['vacature_flash']);

$VACATURES = [
    [
        'id'          => 'monteur-aed-onderhoud',
        'titel'       => 'Monteur AED-onderhoud',
        'badge'       => 'Parttime → Fulltime',
        'icon'        => 'fa-screwdriver-wrench',
        'employmentType' => ['PART_TIME', 'CONTRACTOR'],
        'datePosted'  => '2026-04-26',
        'validThrough'=> '2026-07-31',
        'kortInfo'    => 'Plaatsen en onderhouden van AED\'s en buitenkasten op locatie bij onze klanten.',
        'wat_doe_je' => [
            'Plaatsen van AED\'s en buitenkasten op klantlocaties (scholen, sportclubs, bedrijven, particulier)',
            'Periodiek onderhoud volgens NRR/fabrikant-richtlijnen: elektrodes, batterij, status-check',
            'Reparaties en vervangingen na alarm of incident',
            'Documenteren van onderhoud in ons digitale inventarisatiesysteem (foto\'s + status)',
            'Klantcontact ter plaatse: korte uitleg en bediening voorbeeld',
        ],
        'wat_vraag_je' => [
            'MBO Techniek niveau 3-4 (Elektrotechniek, Werktuigbouw of vergelijkbaar)',
            'Rijbewijs B (verplicht — je rijdt naar klantlocaties)',
            'Handig met gereedschap, oog voor detail',
            'Klantvriendelijk, zelfstandig, betrouwbaar',
            'Woonachtig in regio Noord-Holland (of bereid te reizen)',
            'In bezit van VOG of bereid die aan te vragen',
        ],
        'wat_bieden' => [
            'Start met een nul-urencontract en doorgroei naar 40 uur per week zodra de klantportefeuille groeit',
            'Marktconform salaris',
            'Reiskostenvergoeding en op termijn een eigen werkbus',
            'Werk met maatschappelijke impact — letterlijk levens redden',
            'Doorgroeimogelijkheden binnen het team (bijv. teamleider, opleiden van nieuwe monteurs)',
            'Werkgebied vooral Noord-Holland, met perspectief op landelijke uitbreiding',
        ],
    ],
    [
        'id'          => 'accountmanager',
        'titel'       => 'Accountmanager',
        'badge'       => 'Parttime → Fulltime',
        'icon'        => 'fa-handshake',
        'employmentType' => ['PART_TIME', 'CONTRACTOR'],
        'datePosted'  => '2026-04-26',
        'validThrough'=> '2026-07-31',
        'kortInfo'    => 'Nieuwe klanten werven voor AED-lease en buitenkasten + ons online platform reanimatie.nl verder positioneren.',
        'wat_doe_je' => [
            'Actief acquireren van nieuwe klanten (sportclubs, scholen, MKB, VVE\'s) voor AED-lease en buitenkasten',
            'Online platform reanimatie.nl verder promoten en zichtbaarheid vergroten',
            'Lead-opvolging vanuit website-aanvragen, social media en partnerorganisaties',
            'Demo\'s en presentaties geven (online + op locatie)',
            'Offertes maken in BergIX en sluiten van contracten',
            'Bijdragen aan marketing-strategie en content (input voor blog, social, campagnes)',
        ],
        'wat_vraag_je' => [
            'MBO/HBO werk- en denkniveau (Commerciële Economie, Bedrijfskunde of vergelijkbaar)',
            'Minimaal 1 jaar B2B sales-ervaring (bij voorkeur in dienstverlening of MKB-segment)',
            'Rijbewijs B (verplicht)',
            'Communicatief sterk in NL, gestructureerd en doelgericht',
            'Affiniteit met digitale kanalen (LinkedIn, e-mail outreach, online demo\'s)',
            'Eigen netwerk in regio Noord-Holland is een pre',
        ],
        'wat_bieden' => [
            'Start met een nul-urencontract en doorgroei naar 40 uur per week zodra de klantportefeuille groeit',
            'Marktconform basissalaris met aantrekkelijke provisiestructuur',
            'Warme leads via ons groeiende online platform (geen koud bellen vanaf nul)',
            'Veel vrijheid in aanpak en hybride werken (deels op kantoor in Purmerend)',
            'Reiskostenvergoeding en kilometers in eigen auto vergoed',
            'Doorgroei naar Sales Manager of Commercieel Directeur als het team groeit',
        ],
    ],
];

render_head([
    'title'       => 'Vacatures bij Reanimatie B.V. | Werken in AED-onderhoud & sales',
    'description' => 'Bekijk de openstaande vacatures bij Reanimatie B.V.: Monteur AED-onderhoud (parttime) en Accountmanager AED. Bouw mee aan een hartveilig Nederland.',
    'keywords'    => 'vacatures Reanimatie, monteur AED, accountmanager AED, werken bij Reanimatie B.V., AED onderhoud baan, sales AED, vacature Purmerend',
    'canonical'   => SITE_URL . '/vacatures',
    'css'         => ['/css/modules.css'],
]);
render_topbar();
?>

<main class="page-content" role="main">
    <section class="vac-hero">
        <div class="container">
            <div class="vac-hero__badge"><i class="fa-solid fa-briefcase"></i> Werken bij Reanimatie</div>
            <h1>Bouw mee aan een <span class="vac-hero__accent">hartveilig Nederland</span></h1>
            <p class="vac-hero__lead">
                Reanimatie B.V. groeit en zoekt collega's die mee willen bouwen aan onze missie: zoveel mogelijk AED's binnen handbereik in Nederland.
                Bekijk hieronder onze openstaande vacatures.
            </p>
            <div class="vac-hero__count">
                <i class="fa-solid fa-list-check"></i> <?= count($VACATURES) ?> openstaande vacatures
            </div>
        </div>
    </section>

    <section class="vac-list">
        <div class="container">
            <?php if ($flash): ?>
                <div class="vac-flash vac-flash--<?= htmlspecialchars($flash['type']) ?>">
                    <i class="fa-solid <?= $flash['type'] === 'success' ? 'fa-circle-check' : 'fa-triangle-exclamation' ?>"></i>
                    <?= htmlspecialchars($flash['message']) ?>
                </div>
            <?php endif; ?>

            <?php foreach ($VACATURES as $v): ?>
                <article class="vac-card" id="<?= htmlspecialchars($v['id']) ?>">
                    <header class="vac-card__head">
                        <div class="vac-card__icon"><i class="fa-solid <?= $v['icon'] ?>"></i></div>
                        <div class="vac-card__title">
                            <h2><?= htmlspecialchars($v['titel']) ?></h2>
                            <div class="vac-card__meta">
                                <span class="vac-badge"><i class="fa-solid fa-clock"></i> <?= htmlspecialchars($v['badge']) ?></span>
                                <span class="vac-badge"><i class="fa-solid fa-location-dot"></i> Noord-Holland</span>
                                <span class="vac-badge"><i class="fa-solid fa-euro-sign"></i> Marktconform</span>
                            </div>
                        </div>
                    </header>

                    <p class="vac-card__lead"><?= htmlspecialchars($v['kortInfo']) ?></p>

                    <div class="vac-card__grid">
                        <div>
                            <h3><i class="fa-solid fa-briefcase"></i> Wat ga je doen?</h3>
                            <ul>
                                <?php foreach ($v['wat_doe_je'] as $item): ?>
                                    <li><?= htmlspecialchars($item) ?></li>
                                <?php endforeach; ?>
                            </ul>
                        </div>
                        <div>
                            <h3><i class="fa-solid fa-user-check"></i> Wat vragen wij?</h3>
                            <ul>
                                <?php foreach ($v['wat_vraag_je'] as $item): ?>
                                    <li><?= htmlspecialchars($item) ?></li>
                                <?php endforeach; ?>
                            </ul>
                        </div>
                        <div>
                            <h3><i class="fa-solid fa-gift"></i> Wat bieden wij?</h3>
                            <ul>
                                <?php foreach ($v['wat_bieden'] as $item): ?>
                                    <li><?= htmlspecialchars($item) ?></li>
                                <?php endforeach; ?>
                            </ul>
                        </div>
                    </div>

                    <div class="vac-card__cta">
                        <a href="#solliciteren" class="btn btn-primary"
                           onclick="document.getElementById('vac-input').value='<?= htmlspecialchars($v['titel']) ?>';">
                            <i class="fa-solid fa-paper-plane"></i> Solliciteer op deze functie
                        </a>
                    </div>
                </article>
            <?php endforeach; ?>
        </div>
    </section>

    <section class="vac-form-section" id="solliciteren">
        <div class="container">
            <h2><i class="fa-solid fa-paper-plane"></i> Solliciteren</h2>
            <p class="vac-form-section__lead">Vul het formulier in en stuur eventueel je CV mee. We nemen binnen 5 werkdagen contact met je op.</p>

            <form action="/api/vacatures/solliciteer.php" method="POST" enctype="multipart/form-data" class="vac-form">
                <div class="vac-form__row">
                    <label>Op welke vacature solliciteer je? *
                        <select name="vacature" id="vac-input" required>
                            <option value="">— Maak een keuze —</option>
                            <?php foreach ($VACATURES as $v): ?>
                                <option value="<?= htmlspecialchars($v['titel']) ?>"><?= htmlspecialchars($v['titel']) ?></option>
                            <?php endforeach; ?>
                            <option value="Open sollicitatie">Open sollicitatie</option>
                        </select>
                    </label>
                </div>
                <div class="vac-form__grid">
                    <label>Voornaam *
                        <input type="text" name="voornaam" required maxlength="80" autocomplete="given-name">
                    </label>
                    <label>Achternaam *
                        <input type="text" name="achternaam" required maxlength="80" autocomplete="family-name">
                    </label>
                    <label>E-mailadres *
                        <input type="email" name="email" required maxlength="120" autocomplete="email">
                    </label>
                    <label>Telefoonnummer *
                        <input type="tel" name="telefoon" required maxlength="20" autocomplete="tel">
                    </label>
                    <label>Woonplaats
                        <input type="text" name="woonplaats" maxlength="80" autocomplete="address-level2">
                    </label>
                    <label>LinkedIn-profiel (optioneel)
                        <input type="url" name="linkedin" maxlength="255" placeholder="https://linkedin.com/in/...">
                    </label>
                </div>
                <div class="vac-form__row">
                    <label>Motivatie *
                        <textarea name="motivatie" required rows="6" maxlength="2000" placeholder="Vertel kort waarom deze functie bij je past en wat je meeneemt..."></textarea>
                    </label>
                </div>
                <div class="vac-form__row">
                    <label>CV uploaden (optioneel, PDF / Word, max 5 MB)
                        <input type="file" name="cv" accept=".pdf,.doc,.docx,application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document">
                    </label>
                </div>
                <!-- Honeypot anti-spam -->
                <div style="position:absolute;left:-9999px;" aria-hidden="true">
                    <label>Website (laat leeg)<input type="text" name="website" tabindex="-1" autocomplete="off"></label>
                </div>
                <div class="vac-form__row">
                    <label class="vac-form__check">
                        <input type="checkbox" name="privacy" required>
                        Ik ga akkoord met het <a href="/privacybeleid" target="_blank" rel="noopener">privacybeleid</a> en geef toestemming om mijn gegevens te gebruiken voor deze sollicitatie.
                    </label>
                </div>
                <div class="vac-form__row">
                    <button type="submit" class="btn btn-primary btn-lg">
                        <i class="fa-solid fa-paper-plane"></i> Verstuur sollicitatie
                    </button>
                </div>
            </form>
        </div>
    </section>
</main>

<!-- JSON-LD JobPosting per vacature (Google for Jobs) -->
<?php foreach ($VACATURES as $v): ?>
<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "JobPosting",
    "title": <?= json_encode($v['titel']) ?>,
    "description": <?= json_encode(
        '<p>' . htmlspecialchars($v['kortInfo']) . '</p>' .
        '<h3>Wat ga je doen?</h3><ul><li>' . implode('</li><li>', array_map('htmlspecialchars', $v['wat_doe_je'])) . '</li></ul>' .
        '<h3>Wat vragen wij?</h3><ul><li>' . implode('</li><li>', array_map('htmlspecialchars', $v['wat_vraag_je'])) . '</li></ul>' .
        '<h3>Wat bieden wij?</h3><ul><li>' . implode('</li><li>', array_map('htmlspecialchars', $v['wat_bieden'])) . '</li></ul>'
    ) ?>,
    "datePosted": "<?= $v['datePosted'] ?>",
    "validThrough": "<?= $v['validThrough'] ?>T23:59:59+02:00",
    "employmentType": <?= json_encode($v['employmentType']) ?>,
    "hiringOrganization": {
        "@type": "Organization",
        "name": "Reanimatie B.V.",
        "sameAs": "https://www.reanimatie.nl",
        "logo": "https://www.reanimatie.nl/assets/images/logo.png"
    },
    "jobLocation": {
        "@type": "Place",
        "address": {
            "@type": "PostalAddress",
            "streetAddress": "Naardermeer 118",
            "addressLocality": "Purmerend",
            "addressRegion": "Noord-Holland",
            "postalCode": "1447 KN",
            "addressCountry": "NL"
        }
    },
    "applicantLocationRequirements": {
        "@type": "Country",
        "name": "Netherlands"
    },
    "directApply": true,
    "url": "https://www.reanimatie.nl/vacatures#<?= $v['id'] ?>"
}
</script>
<?php endforeach; ?>

<?php render_footer(); ?>