<div class="planaday">
    <if-pad-success-block>
        <pad-info-block>
            <pad-translate>{{pad-successMessage}}</pad-translate>
        </pad-info-block>
    </if-pad-success-block>

    <h1><pad-translate>Database Informatie</pad-translate></h1>
    <pad-form data-action="" data-name="planaday-database-options">
        <div class="pad-tabs" style="display: none;">
            <ul>
                <li><a href="#pad-database-recovery-{{pad-uniqueId}}"><pad-translate>Info</pad-translate></a></li>
                <li><a href="#pad-database-course-mirror-{{pad-uniqueId}}"><pad-translate>Cursussen</pad-translate></a></li>
                <li><a href="#pad-database-day-part-mirror-{{pad-uniqueId}}"><pad-translate>Dagdelen</pad-translate></a></li>
                <li><a href="#pad-database-location-mirror-{{pad-uniqueId}}"><pad-translate>Locaties</pad-translate></a></li>
            </ul>
            <div class="pad-options-tabs" id="pad-database-course-mirror-{{pad-uniqueId}}">
                <h2><pad-translate>Cursussen in de database</pad-translate></h2>
                <p>
                    <pad-translate>Aantal cursussen in de database:</pad-translate> {{pad-courseCount}}
                </p>
                <pad-utility-array-display data-index-to-display="course" data-template="tableDisplay"/>
            </div>
            <div class="pad-options-tabs" id="pad-database-day-part-mirror-{{pad-uniqueId}}">
                <h2><pad-translate>Dagdelen in de database</pad-translate></h2>
                <p>
                    <pad-translate>Aantal dagdelen in de database:</pad-translate> {{pad-dayPartCount}}
                </p>
                <pad-utility-array-display data-index-to-display="dayPart" data-template="tableDisplay"/>
            </div>
            <div class="pad-options-tabs" id="pad-database-location-mirror-{{pad-uniqueId}}">
                <h2><pad-translate>Locaties in de database</pad-translate></h2>
                <p>
                    <pad-translate>Aantal locaties in de database:</pad-translate> {{pad-locationCount}}
                </p>
                <pad-utility-array-display data-index-to-display="location" data-template="tableDisplay"/>
            </div>
            <div class="pad-options-tabs" id="pad-database-recovery-{{pad-uniqueId}}">
                <h2><pad-translate>Database info</pad-translate></h2>
                <div>
                    <pad-translate>Bij eerste keer inlezen van een pagina waar een shortcode staat voor een overzicht van cursussen worden deze meteen opgehaald via de API.<br>
                    Deze worden de eerste keer en na verloop van tijd welke is ingesteld (zie instellingen) opnieuw opgehaald.<br>
                    Hierdoor wordt het laden van een pagina veel sneller omdat het lokaal wordt opgeslagen wordt opgehaald.</pad-translate> <br><br>
                    <pad-translate><b>Let op: </b>De detailpagina is altijd actueel, daar wordt de data niet uit de database gehaald, maar via de API.</pad-translate>
                    <h3><pad-translate>Aantallen</pad-translate></h3>
                    <p>
                        <pad-translate>Aantal cursussen in de database:</pad-translate> {{pad-courseCount}}
                    </p>
                    <p>
                        <pad-translate>Aantal dagdelen in de database:</pad-translate> {{pad-dayPartCount}}
                    </p>
                    <p>
                        <pad-translate>Aantal locaties in de database:</pad-translate> {{pad-locationCount}}
                    </p>
                    <p>
                        <pad-translate>Aantal boekingen in de database:</pad-translate> {{pad-bookingCount}}
                    </p>
                    <h3><pad-translate>Datum & tijd (van de server)</pad-translate></h3>
                    <p>
                        <pad-translate>Tijd sinds laatste update gegevens:</pad-translate> {{pad-lastUpdateAge}}
                    </p>
                    <p>
                        <pad-translate>Laatste update gegevens:</pad-translate> {{pad-lastUpdate}}
                    </p>

                    <pad-info-block>
                        <h3><pad-translate>Database Acties</pad-translate></h3>
                        <p>
                            <pad-action-button data-action="reload databases"><pad-translate>database herladen</pad-translate></pad-action-button>
                        </p>
                    </pad-info-block>
                </div>
            </div>
        </div>
    </pad-form>
    <pad-script data-script="Tabs"/>
</div>