<?php
defined( 'ABSPATH' ) || die();


function termin_kalender_pro_features() {
 ?>
<div class="tk-feature-section-title"><?php esc_html_e('Why upgrade to Termin-Kalender PRO?', 'termin-kalender'); ?></div>

<div class="tk-feature-grid">
    <div class="tk-feature-item">
        <span class="dashicons dashicons-groups tk-feature-icon"></span>
        <div class="tk-feature-title">
            <?php esc_html_e('Lightweight Team Organization', 'termin-kalender');?><span class="tk-pro-badge-small">PRO</span>
        </div>
        <div class="tk-feature-desc">
            <?php esc_html_e('Built-in To-Do lists & Team Messaging. No need to learn complex external apps!', 'termin-kalender');?>
        </div>
    </div>

    <div class="tk-feature-item">
        <span class="dashicons dashicons-admin-users tk-feature-icon"></span>
        <div class="tk-feature-title">
            <?php esc_html_e('Granular User Management', 'termin-kalender');?><span class="tk-pro-badge-small">PRO</span>
        </div>
        <div class="tk-feature-desc">
            <?php esc_html_e('Safely assign team members to specific team boards for messaging and meetings, while protecting your main calendar.', 'termin-kalender');?>
        </div>
    </div>

    <div class="tk-feature-item">
        <span class="dashicons dashicons-calendar-alt tk-feature-icon"></span>
        <div class="tk-feature-title">
            <?php esc_html_e('Smart Appointments', 'termin-kalender');?><span class="tk-pro-badge-small">PRO</span>
        </div>
        <div class="tk-feature-desc">
            <?php esc_html_e('Recurring events and Google Maps integrations out of the box.', 'termin-kalender');?>
        </div>
    </div>

    <div class="tk-feature-item">
        <span class="dashicons dashicons-update tk-feature-icon"></span>
        <div class="tk-feature-title">
            <?php esc_html_e('Automated Sync', 'termin-kalender');?><span class="tk-pro-badge-small">PRO</span>
        </div>
        <div class="tk-feature-desc">
            <?php esc_html_e('See your Termin-Kalender appointments in Google Calendar, iPhone or any other calendar app — and display external calendars like Google Calendar directly on your website.', 'termin-kalender');?>
        </div>
    </div>

    <div class="tk-feature-item">
        <span class="dashicons dashicons-admin-post tk-feature-icon"></span>
        <div class="tk-feature-title">
            <?php esc_html_e('Automatic WordPress Event Pages', 'termin-kalender');?><span class="tk-pro-badge-small">PRO</span>
        </div>
        <div class="tk-feature-desc">
            <?php esc_html_e('Turn any calendar entry into a full SEO-friendly WordPress Post instantly.', 'termin-kalender');?>
        </div>
    </div>

    <div class="tk-feature-item">
        <span class="dashicons dashicons-shield tk-feature-icon"></span>
        <div class="tk-feature-title">
            <?php esc_html_e('Crash-Proof System', 'termin-kalender');?><span class="tk-pro-badge-small">PRO</span>
        </div>
        <div class="tk-feature-desc">
            <?php esc_html_e('Modules Quarantine Check & one-click Data Backups keep your site safe from third-party crashes.', 'termin-kalender');?>
        </div>
    </div>
</div>

<hr class="tk-feature-divider">

<div class="tk-feature-section-title"><?php esc_html_e('Publish anywhere with Gutenberg Blocks & Shortcodes', 'termin-kalender'); ?></div>

<div class="tk-feature-grid">
    <div class="tk-feature-item">
        <span class="dashicons dashicons-editor-ul tk-feature-icon"></span>
        <div class="tk-feature-title">
            <?php esc_html_e('Customizable List View', 'termin-kalender');?><span class="tk-pro-badge-small">PRO BLOCK</span>
        </div>
        <div class="tk-feature-desc">
            <?php esc_html_e('Filter by categories and limit entries (e.g. "Next 5 Team Trainings").', 'termin-kalender');?>
        </div>
    </div>

    <div class="tk-feature-item">
        <span class="dashicons dashicons-feedback tk-feature-icon"></span>
        <div class="tk-feature-title">
            <?php esc_html_e('Reservation & Booking Form', 'termin-kalender');?><span class="tk-pro-badge-small">PRO BLOCK</span>
        </div>
        <div class="tk-feature-desc">
            <?php esc_html_e('Accept inquiries directly into your calendar with double-booking prevention.', 'termin-kalender');?>
        </div>
    </div>

    <div class="tk-feature-item">
        <span class="dashicons dashicons-edit-page tk-feature-icon"></span>
        <div class="tk-feature-title">
            <?php esc_html_e('Editable Frontend Calendar', 'termin-kalender');?><span class="tk-pro-badge-small">PRO SHORTCODE</span>
        </div>
        <div class="tk-feature-desc">
            <?php esc_html_e('Let your editors manage schedules directly on the live website.', 'termin-kalender');?>
        </div>
    </div>
</div>

<div style="text-align: center; color: #50575e; margin-bottom: 25px; padding: 0 20px;">
    <?php esc_html_e('All blocks can also be used as shortcodes [ ] if you are using a page builder other than the WordPress Gutenberg editor (e.g., Elementor or Divi).', 'termin-kalender');?>
</div>

<hr class="tk-feature-divider">

<div style="text-align: center;">
    <span class="label label-beta" style="margin-bottom: 10px; display: inline-block;">Beta</span><br>
    <strong><?php esc_html_e('New features on the way - stay tuned!', 'termin-kalender');?></strong>
</div>
<br><p style="text-align: center;">
    <a href="https://termin-kalender.pro" class="button bootstrap_button bootstrap_primary" target="_blank">https://termin-kalender.pro</a>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="mailto:contact@termin-kalender.pro" class="button bootstrap_button bootstrap_primary" target="_blank">contact@termin-kalender.pro</a>
    <input type="text" name="remove_focus_from_button" class="tk-hidden-focus-trap" autofocus hidden>
</p>

    <?php
} // end termin_kalender_pro_features