run(); } run_calendly_wp_plugin(); load_dependencies(); } /** * Load plugin dependencies. */ private function load_dependencies() { require_once CALENDLY_WP_PLUGIN_PLUGIN_DIR . 'includes/admin/class-calendly-wp-plugin-admin.php'; require_once CALENDLY_WP_PLUGIN_PLUGIN_DIR . 'includes/frontend/class-calendly-wp-plugin-frontend.php'; } /** * Run the plugin. */ public function run() { if (is_admin()) { $admin = new Calendly_WP_Plugin_Admin(); $admin->run(); } $frontend = new Calendly_WP_Plugin_Frontend(); $frontend->run(); } } ``` handle_settings_updates(); } $this->render_settings_page(); } /** * Handle settings updates. */ private function handle_settings_updates() { check_admin_referer('calendly_wp_plugin_settings'); $working_hours = isset($_POST['working_hours']) ? $_POST['working_hours'] : []; update_option('calendly_wp_plugin_working_hours', $working_hours); echo '

Settings saved successfully!

'; } /** * Render settings page. */ private function render_settings_page() { $working_hours = get_option('calendly_wp_plugin_working_hours', []); ?>

Working Hours	false, 'from' => '09:00', 'to' => '17:00']; ?> /> From: To:

' . esc_html($time) . ''; } } return $options; } /** * Enqueue admin scripts and styles. * * @param string $hook Page hook. */ public function enqueue_admin_scripts($hook) { if ('toplevel_page_calendly-wp-plugin' === $hook) { wp_enqueue_style('calendly-wp-plugin-admin-style', CALENDLY_WP_PLUGIN_PLUGIN_URL . 'assets/css/calendly-wp-plugin-admin.css', [], CALENDLY_WP_PLUGIN_VERSION); } } } ``` render_booking_form(); return ob_get_clean(); } /** * Render booking form. */ private function render_booking_form() { include CALENDLY_WP_PLUGIN_PLUGIN_DIR . 'templates/booking-form.php'; } /** * Enqueue frontend scripts and styles. */ public function enqueue_frontend_scripts() { wp_enqueue_style('calendly-wp-plugin-frontend-style', CALENDLY_WP_PLUGIN_PLUGIN_URL . 'assets/css/calendly-wp-plugin-frontend.css', [], CALENDLY_WP_PLUGIN_VERSION); wp_enqueue_script('calendly-wp-plugin-frontend-script', CALENDLY_WP_PLUGIN_PLUGIN_URL . 'assets/js/calendly-wp-plugin-frontend.js', ['jquery'], CALENDLY_WP_PLUGIN_VERSION, true); } } ```

Book an Appointment

``` /* Admin styles */ .calendly-wp-plugin-admin-settings {} ``` /* Frontend Styles */ .calendly-booking-form { max-width: 600px; margin: 20px auto; padding: 20px; border: 1px solid #ccc; border-radius: 5px; } .calendly-booking-form h2 { text-align: center; margin-bottom: 20px; } .calendly-booking-form .form-group { margin-bottom: 15px; } .calendly-booking-form label { display: block; margin-bottom: 5px; font-weight: bold; } .calendly-booking-form input[type="text"], .calendly-booking-form input[type="email"], .calendly-booking-form input[type="date"], .calendly-booking-form select { width: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 4px; box-sizing: border-box; } .calendly-booking-form button[type="submit"] { background-color: #4CAF50; color: white; padding: 10px 15px; border: none; border-radius: 4px; cursor: pointer; font-size: 16px; } .calendly-booking-form button[type="submit"]:hover { background-color: #45a049; } ``` // Frontend scripts (function($) { $(document).ready(function() { // Your frontend scripts here. }); })(jQuery); ``` ```