<?php
/*
 * Page Name: PRO FEATURES
 */

$features = [
	[
		'title' => 'Core Features',
		'desc'  => 'Enhance website navigation with customizable Flexi Menus for an improved user experience.',
	],
	[
		'icon'  => 'fa-solid fa-layer-group',
		'bg'    => '#4CAF50',
		'title' => __( 'Submenus', 'flexi-menu' ),
		'desc'  => __( 'Organize your menu items into structured submenus for better navigation.', 'flexi-menu' ),
	],
	[
		'icon'  => 'fa-solid fa-image',
		'bg'    => '#2196F3',
		'title' => __( 'Custom Icons', 'flexi-menu' ),
		'desc'  => __( 'Use any image or custom icon for a unique menu design.', 'flexi-menu' ),
	],
	[
		'icon'  => 'fa-solid fa-rotate',
		'bg'    => '#FF9800',
		'title' => __( 'Icon Settings', 'flexi-menu' ),
		'desc'  => __( 'Rotate and flip icons to enhance visual appeal.', 'flexi-menu' ),
	],


	[
		'title' => 'Menu Types',
		'desc'  => 'Choose from various menu styles to fit your website layout and functionality.',
	],
	[
		'icon'  => 'fa-solid fa-paper-plane',
		'bg'    => '#FF5722',
		'title' => __( 'Floating Menu', 'flexi-menu' ),
		'desc'  => __( 'A menu that remains visible while scrolling.', 'flexi-menu' ),
	],
	[
		'icon'  => 'fa-solid fa-caret-down',
		'bg'    => '#3F51B5',
		'title' => __( 'Dropdown Menu', 'flexi-menu' ),
		'desc'  => __( 'Opens when clicked or hovered.', 'flexi-menu' ),
	],
	[
		'icon'  => 'fa-solid fa-bars',
		'bg'    => '#4CAF50',
		'title' => __( 'Static Menu', 'flexi-menu' ),
		'desc'  => __( 'Placed manually using a shortcode.', 'flexi-menu' ),
	],
	[
		'icon'  => 'fa-solid fa-mouse-pointer',
		'bg'    => '#673AB7',
		'title' => __( 'Context Menu', 'flexi-menu' ),
		'desc'  => __( 'Opens on right-click.', 'flexi-menu' ),
	],
	[
		'icon'  => 'fa-solid fa-paperclip',
		'bg'    => '#FF9800',
		'title' => __( 'Attached Menu', 'flexi-menu' ),
		'desc'  => __( 'Fixed to a specific section of the page.', 'flexi-menu' ),
	],
	[
		'icon'  => 'fa-solid fa-hand-pointer',
		'bg'    => '#00BCD4',
		'title' => __( 'Selected Text Menu', 'flexi-menu' ),
		'desc'  => __( 'Appears when text is selected.', 'flexi-menu' ),
	],

	[
		'title' => 'Functional Links',
		'desc'  => 'Enhance user engagement with interactive menu links.',
	],

	[
		'icon'  => 'fa-solid fa-share-nodes',
		'bg'    => '#e7332e',
		'title' => __( 'Share Page', 'flexi-menu' ),
		'desc'  => __( 'Allow users to quickly share your content across multiple platforms.', 'flexi-menu' ),
	],
	[
		'icon'  => 'fa-solid fa-share-from-square',
		'bg'    => '#4b0888',
		'title' => __( 'Share Selected Text', 'flexi-menu' ),
		'desc'  => __( 'Enable easy sharing of highlighted text via social media or email.', 'flexi-menu' ),
	],

	[
		'icon'  => 'fa-solid fa-language',
		'bg'    => '#c65ebc',
		'title' => __( 'Translate', 'flexi-menu' ),
		'desc'  => __( 'Enable real-time translation for international users.', 'flexi-menu' ),
	],

	[
		'icon'  => 'fa-solid fa-print',
		'bg'    => '#5fddc5',
		'title' => __( 'Print', 'flexi-menu' ),
		'desc'  => __( 'Provide a direct print button for quick document printing.', 'flexi-menu' ),
	],
	[
		'icon'  => 'fa-solid fa-copy',
		'bg'    => '#ff9800',
		'title' => __( 'Copy', 'flexi-menu' ),
		'desc'  => __( 'Allow users to copy the URL or selected text with a single click.', 'flexi-menu' ),
	],
	[
		'icon'  => 'fa-solid fa-bookmark',
		'bg'    => '#eb3932',
		'title' => __( 'Bookmark', 'flexi-menu' ),
		'desc'  => __( 'Enable users to quickly add the page to their browser bookmarks.', 'flexi-menu' ),
	],
	[
		'icon'  => 'fa-solid fa-arrow-right-arrow-left',
		'bg'    => '#437fb2',
		'title' => __( 'Next/Previous Post', 'flexi-menu' ),
		'desc'  => __( 'Simplify post navigation within the same category.', 'flexi-menu' ),
	],
	[
		'icon'  => 'fa-solid fa-arrows-up-down',
		'bg'    => '#f2c35d',
		'title' => __( 'Scroll To Top/Bottom', 'flexi-menu' ),
		'desc'  => __( 'Add quick scroll buttons for seamless navigation.', 'flexi-menu' ),
	],

	[
		'icon'  => 'fa-solid fa-download',
		'bg'    => '#ff5722',
		'title' => __( 'Forced Download', 'flexi-menu' ),
		'desc'  => __( 'Let users download files directly from the menu.', 'flexi-menu' ),
	],
	[
		'icon'  => 'fa-solid fa-photo-film',
		'bg'    => '#673ab7',
		'title' => __( 'Media Control', 'flexi-menu' ),
		'desc'  => __( 'Add controls for play, pause, volume up/down, and reset.', 'flexi-menu' ),
	],
	[
		'icon'  => 'fa-brands fa-js',
		'bg'    => '#3f51b5',
		'title' => __( 'JS Actions', 'flexi-menu' ),
		'desc'  => __( 'Trigger JavaScript functions and custom events.', 'flexi-menu' ),
	],
	[
		'icon'  => 'fa-solid fa-window-maximize',
		'bg'    => '#df6928',
		'title' => __( 'Modal Window', 'flexi-menu' ),
		'desc'  => __( 'Open popups directly from menu links.', 'flexi-menu' ),
	],

	[
		'title' => 'Analytics & Performance',
		'desc'  => 'Monitor menu usage and ensure compatibility across all platforms.',
	],
	[
		'icon'  => 'fa-solid fa-chart-line',
		'bg'    => '#ff9800',
		'title' => __( 'Google Analytics Tracking', 'flexi-menu' ),
		'desc'  => __( 'Track user interactions with menu items using Google Analytics.', 'flexi-menu' ),
	],
	[
		'icon'  => 'fa-brands fa-chrome',
		'bg'    => '#3f51b5',
		'title' => __( 'Browser Compatibility', 'flexi-menu' ),
		'desc'  => __( 'Ensure your menus display correctly across all browsers. Optionally, hide menus for outdated browsers.', 'flexi-menu' ),
	],

	[
		'title' => 'Visibility & Control',
		'desc'  => 'Manage when and where your floating menus appear across your website.',
	],
	[
		'icon'  => 'fa-solid fa-display',
		'bg'    => '#ff9800',
		'title' => __( 'Display Rules', 'flexi-menu' ),
		'desc'  => __( 'Control menu visibility based on screen size, page type, category, or device.', 'flexi-menu' ),
	],
	[
		'icon'  => 'fa-solid fa-users',
		'bg'    => '#4CAF50',
		'title' => __( 'User Role Permissions', 'flexi-menu' ),
		'desc'  => __( 'Restrict menu visibility for specific user roles (e.g., Admins, Editors, Subscribers).', 'flexi-menu' ),
	],
	[
		'icon'  => 'fa-solid fa-language',
		'bg'    => '#673ab7',
		'title' => __( 'Multilingual Support', 'flexi-menu' ),
		'desc'  => __( 'Show menus based on language preferences. Compatible with WPML and Polylang.', 'flexi-menu' ),
	],
	[
		'icon'  => 'fa-solid fa-calendar-day',
		'bg'    => '#3f51b5',
		'title' => __( 'Scheduling', 'flexi-menu' ),
		'desc'  => __( 'Schedule menu visibility by date, time, or specific days.', 'flexi-menu' ),
	],

];

?>

<div class="flexi-menu-pro-upgrade">
    <div>
        <h3>Unlock PRO Features</h3>
        <p>Upgrade to Flexi Menu PRO and get advanced features like</p>
        <a href="https://wow-estore.com/item/flexi-menu-pro/" target="_blank" class="button button-primary">Get Flexi Menu PRO</a>
    </div>
    <ul>
        <li>🎨 More customization options</li>
        <li>📊 Google Analytics tracking</li>
        <li>🔄 Scheduling & visibility rules</li>
        <li>💼 Advanced user permissions</li>
        <li>🎭 Custom icons</li>
    </ul>

</div>

<div class="wowp-pro-features">

	<?php foreach ( $features as $feature ) : ?>

		<?php if ( ! empty( $feature['icon'] ) ): ?>
            <div class="wowp-pro-feature">
                <div class="wowp-pro-feature__icon" style="background: <?php echo esc_attr( $feature['bg'] ); ?>">
                    <span class="<?php echo esc_attr( $feature['icon'] ); ?>"></span>
                </div>
                <div class="wowp-pro-feature__content">
                    <div class="wowp-pro-feature__title">
						<?php echo esc_html( $feature['title'] ); ?>
                    </div>
                    <div class="wowp-pro-feature__desc">
						<?php echo esc_html( $feature['desc'] ); ?>
                    </div>
                </div>
            </div>
		<?php else: ?>
            <div class="wowp-pro-divider">
                <div class="wowp-pro-divider__title">
					<?php echo esc_html( $feature['title'] ); ?>
                </div>
                <div class="wowp-pro-divider__desc">
					<?php echo esc_html( $feature['desc'] ); ?>
                </div>
            </div>
		<?php endif; ?>

	<?php endforeach; ?>

</div>
