<?php
if (!defined('ABSPATH')) {
    exit;
}
?>

<div class="wrap bookingor">
    <div>
        <h2><?php esc_html_e('Custom Fields', 'bookingor'); ?></h2>
    </div>
    <div class="bookingor-custom-fields-wrapper">
        <div class="row align-items-center bookingor-g-30">
            <div class="bookingor-col-md-12">
                <header class="bookingor-cf-header">
                    <h2><?php echo esc_html__('Custom Booking Fields', 'bookingor'); ?> <span class="dashicons dashicons-awards bookingor-premium-icon"></span></h2>
                    <div class="bookingor-f-14">
                        <?php echo esc_html__('Collect all the information you need from your clients with powerful, flexible custom fields. Whether you need to ask custom questions, gather specific user requirements, or provide custom inputs like text, dropdowns, and checkboxes,    Bookingor Pro gives you the tools to tailor every booking experience to your exact business needs.', 'bookingor'); ?>
                    </div>
                    <div class="mt-4">
                        <a href="https://bookingor.com/pricing" target="_blank" class="bookingor-buy-pro-btn"><?php esc_html_e('Buy Pro Version Now', 'bookingor'); ?></a>
                    </div>
                </header>
            </div>
        </div>

        <div class="row bookingor-g-30 bookingor-cf-content mt-5">
            <div class="bookingor-col-md-6 mb-4">
                <div class="bookingor-cf-feature-card">
                    <h3><span class="dashicons dashicons-forms"></span> <?php esc_html_e('Custom Input Types', 'bookingor'); ?></h3>
                    <p><?php echo esc_html__('Go beyond standard fields. Add specialized inputs like date pickers, number fields, and large textareas for detailed client notes or specialized data collection.', 'bookingor'); ?></p>
                </div>
            </div>
            <div class="bookingor-col-md-6 mb-4">
                <div class="bookingor-cf-feature-card">
                    <h3><span class="dashicons dashicons-editor-help"></span> <?php esc_html_e('Dynamic Questionnaires', 'bookingor'); ?></h3>
                    <p><?php echo esc_html__('Build comprehensive questionnaires directly into your booking flow. Ask the right questions at the right time to prepare for every appointment.', 'bookingor'); ?></p>
                </div>
            </div>
            <div class="bookingor-col-md-6 mb-4">
                <div class="bookingor-cf-feature-card">
                    <h3><span class="dashicons dashicons-yes-alt"></span> <?php esc_html_e('Smart Conditional Logic', 'bookingor'); ?></h3>
                    <p><?php echo esc_html__('Ensure your clients only see the questions that matter. Use conditional logic to show or hide fields based on previous answers, keeping the process fast and efficient.', 'bookingor'); ?></p>
                </div>
            </div>
            <div class="bookingor-col-md-6 mb-4">
                <div class="bookingor-cf-feature-card">
                    <h3><span class="dashicons dashicons-admin-settings"></span> <?php esc_html_e('Intuitive Form Builder', 'bookingor'); ?></h3>
                    <p><?php echo esc_html__('Easily drag, drop, and rearrange your custom inputs. Manage all your booking questions from one centralized location without writing a single line of code.', 'bookingor'); ?></p>
                </div>
            </div>
        </div>
    </div>
</div>