import React, { useEffect, useState } from 'react';
import Modal from './../core/Modal';
import { getNonce, isPro } from '../Helpers';
import "../styles/_price.scss";
const Pricing = () => {

    const getFeatrue = async (e) => {
        window.open('https://wpazleen.com/support/', '_blank');
    }
    const getPaidFeatrue = async (e) => {
        window.open('https://wpazleen.com/simple-form-pricing/', '_blank');
    }

    return (
        <div className="formdeck-pricing-feature-list">
            <h1>Choose the Plugin That Works for Your Team!</h1>
            <p className='content-price-text'>
                We're excited to offer our premium features for free! To ensure continuous support and introduce even more amazing features, some functionalities are limited—but you can still enjoy its core benefits.

                Our mission is to make seamless integration and enhanced functionality accessible to everyone, regardless of team size or budget.

                If our plugin has simplified your workflow or added value to your site, we’d love to hear your feedback! Your reviews motivate us to keep improving and delivering exceptional features.

                Let’s grow together—one review at a time!
            </p>


            <div className="pricing">

                <div className="plan popular">
                    <span>Pro</span>
                    <div className="price"> $14.99 </div>
                    <ul className="features">
                        <li>🛠️ Unlimited Drag And Drop Form Builder</li>
                        <li>🏷️ Unlimited SimpleForm Lead Collection</li>
                        <li>📱 Unlimited Contact Form 7 Leads collection</li>
                        <li>🖼️ Custom Icon</li>
                        <li>🪄 Custom Widgets Position</li>
                        <li>🖌️ Form Header text alignment</li>
                        <li>🧹 Form Header Font size</li>
                        <li>🧽 Premium Font</li>
                        <li>✨ New Form Behavior</li>
                        <li>📋 Unlimited SimpleForm Lead Collection</li>
                        <li>📊 Full Access Of SimpleForm Meta Data</li>
                        <li>💾 Full Access Of Contact Form 7 Meta Data</li>
                        <li>📈 Export SimpleForm Leads In Multiple Formats</li>
                        <li>📉 Export Contact Form 7 Leads In Multiple Formats</li>
                        <li>📭 Collets SimpleForm leads in Slack</li>
                        <li>📊 Collets Contact Form 7 leads in Slack</li>
                        <li>📤 Collect SimpleForm Leads In Mail</li>
                        <li>✉️ Collect Contact Form 7 Leads In Mail</li>
                        <li>☄️ More upcomming feature</li>
                    </ul>

                    <button onClick={getPaidFeatrue}>Get Paid version!</button>

                </div>
                <div className="plan">
                    <h2>Upcomming</h2>

                    <ul className="features">
                        <li>🚀 Other Popular Form Integration</li>
                        <li>🪄 Mailchimp Integration</li>
                        <li>📱 GetResponse Integration </li>
                        <li>🛠️ FluentCRM Integration</li>
                        <li>Need more? Contact Us</li>
                    </ul>
                    <button onClick={getFeatrue}>Feature Request/ Support</button>
                </div>
            </div>
        </div>
    )
}

export default Pricing