<div class="wrap">
    <h1>Planaday</h1>
    <img src="/wp-content/plugins/planaday-connector/assets/logobreed.png" alt="Planaday Logo" style="float:right;">
    <h2 style="color: #ca4a1f"><pad-translate>Over Planaday connector & hulp</pad-translate></h2>
    <h3>
        <pad-translate>Met deze plugin plaats je eenvoudig cursusaanbod uit jouw Planaday omgeving in jouw Wordpress-website.</pad-translate><br>
        <pad-translate>Hiervoor is een eigen omgeving nodig van Planaday, zie ook <a href="https://www.planaday.nl" target="_blank">https://www.planaday.nl</a> en de publieke API moet zijn geactiveerd.</pad-translate><br>
        <br>
    </h3>

    <if-not-pad-connectorIsActive>
        <pad-info-block data-template="warningBlock">
            <h1><pad-translate>Stappenplan nieuw inrichten</pad-translate></h1>
            <p><pad-translate>Bekijk de shortcodes pagina en lees de handleiding <a href="https://planaday.freshdesk.com/support/solutions/articles/11000058859-wordpress-in-website-met-publieke-api" target="_blank">hier</a>. Hier staan alle stappen vermeld.</pad-translate></p>
        </pad-info-block>
    </if-not-pad-connectorIsActive>

    <pad-info-block>
        <h2><pad-translate>Welke gegevens kent de plugin?</pad-translate></h2>
        <p><b><pad-translate>Versie:</pad-translate></b> {{pad-version}}</p>
        <p><b><pad-translate>Laatste update gegevens:</pad-translate></b> {{pad-lastApiUpdate}}</p>
        <p><b><pad-translate>Tijd sinds laatste update gegevens:</pad-translate></b> {{pad-lastUpdateAge}}</p>
        <p><b><pad-translate>Aantal cursussen:</pad-translate></b> {{pad-courseCount}}</p>
        <p><b><pad-translate>Aantal dagdelen:</pad-translate></b> {{pad-dayCount}}</p>
        <p><b><pad-translate>Aantal locaties:</pad-translate></b> {{pad-locationCount}}</p>
    </pad-info-block>

    <pad-info-block data-template="warningBlock">
        <h2><pad-translate>Algemene checks</pad-translate></h2>
        <p><b><pad-translate>Wij doen enkele checks om je te helpen:</pad-translate></b></p>
        <pad-admin-check data-check-type="isDatabaseValid"/>
        <pad-admin-check data-check-type="isApiKeySet"/>
        <pad-admin-check data-check-type="isApiUrlSet"/>
        <pad-admin-check data-check-type="isThanksSet"/>
        <pad-admin-check data-check-type="isDetailsPageSet"/>
        <pad-admin-check data-check-type="isBookingFormOnDetailsPage"/>
        <pad-admin-check data-check-type="isPaymentActive"/>
    </pad-info-block>
</div>