<div id="wrap" class="trustpulse-wrap">
	<h1 class="tp-heading">Boost Your Sales and Conversions with Social Proof Notifications</h1>
	<div class="tp-admin-box">
		<p>TrustPulse helps you leverage the true power of social proof to instantly increase trust, conversions and sales by up to 15%</p>
		<div class="notice notice-error" style="display:none;" id="om-plugin-alerts"></div>
		<form class="install-plugin-form">
			<?php wp_nonce_field( 'install_plugin', 'nonce' ); ?>
			<input type="hidden" name="plugin" value="trustpulse-api/trustpulse.php">
			<input type="hidden" name="url" value="https://downloads.wordpress.org/plugin/trustpulse-api.zip">

			<?php if ( $data['has_plugin'] ) : ?>
				<input type="hidden" name="action" value="activate">
				<button type="submit" id="activateButton" class="button button-primary button-activate">Activate the TrustPulse Plugin</button>
			<?php else : ?>
				<input type="hidden" name="action" value="install">
				<button type="submit" id="installButton" class="button button-primary button-install">Install & Activate the TrustPulse Plugin</button>
			<?php endif; ?>
		</form>
	</div>
	<h2 class="tp-heading">Top 4 Reasons Why People Love TrustPulse</h2>
	<p class="tp-subheading">Here's why smart business owners love TrustPulse, and you will too!</p>
	<div class="tp-features">
		<div class="tp-feature tp-feature--text-right">
			<div class="tp-feature__image">
				<img src="<?php echo $this->url . 'assets/css/images/features-event.svg'; ?>" alt="Real-Time Event Tracking">
			</div>
			<div class="tp-feature__text">
				<h3>Real-Time Event Tracking</h3>
				<p>Show a live stream of any action on your website, including purchases, demo registrations, email newsletter signups, and more.</p>
			</div>
		</div>
		<div class="tp-feature tp-feature--text-left">
			<div class="tp-feature__image">
				<img src="<?php echo $this->url . 'assets/css/images/features-fire.svg'; ?>" alt="On Fire Notifications">
			</div>
			<div class="tp-feature__text">
				<h3>"On Fire" Notifications</h3>
				<p>Show how many people are taking action in a given period. Great for leveraging FOMO (Fear of Missing Out) on landing pages and checkouts.</p>
			</div>
		</div>
		<div class="tp-feature tp-feature--text-right">
			<div class="tp-feature__image">
				<img src="<?php echo $this->url . 'assets/css/images/home-smart-targeting.svg'; ?>" alt="Real-Time Event Tracking">
			</div>
			<div class="tp-feature__text">
				<h3>Smart Targeting</h3>
				<p>Show your social proof notifications to the right people at the right time to boost conversions by using advanced targeting rules and timing controls.</p>
			</div>
		</div>
		<div class="tp-feature tp-feature--text-left">
			<div class="tp-feature__image">
				<img src="<?php echo $this->url . 'assets/css/images/home-flexible.svg'; ?>" alt="Smart Targeting">
			</div>
			<div class="tp-feature__text">
				<h3>Flexible Design Options</h3>
				<p>Create attractive notifications designed to convert. Customize the message, colors, images, and more to match the look and feel of your website.</p>
			</div>
		</div>
	</div>
	<div class="tp-works-on">
		<h2 class="tp-heading">TrustPulse works with all popular form and ecommerce plugins<br>for WordPress</h2>
		<div class="tp-works-on__icons">
			<img class="tp-works-on__icon" src="<?php echo $this->url . 'assets/css/images/wpforms.png'; ?>" alt="WP Forms">
			<img class="tp-works-on__icon" src="<?php echo $this->url . 'assets/css/images/logo-om.png'; ?>" alt="OptinMonster">
			<img class="tp-works-on__icon" src="<?php echo $this->url . 'assets/css/images/woocommerce_logo.png'; ?>" alt="WooCommerce">
			<img class="tp-works-on__icon" src="<?php echo $this->url . 'assets/css/images/logo-edd.png'; ?>" alt="Easy Digital Downloads">
			<img class="tp-works-on__icon" src="<?php echo $this->url . 'assets/css/images/BigCommerce-logo.png'; ?>" alt="BigCommerce">
			<img class="tp-works-on__icon" src="<?php echo $this->url . 'assets/css/images/ninja-forms.png'; ?>" alt="Ninja Forms">
			<img class="tp-works-on__icon" src="<?php echo $this->url . 'assets/css/images/gravity-forms.png'; ?>" alt="Gravity Forms">
			<img class="tp-works-on__icon" src="<?php echo $this->url . 'assets/css/images/memberpress-logo.svg'; ?>" alt="MemberPress">
			<img class="tp-works-on__icon" src="<?php echo $this->url . 'assets/css/images/logo-formidable.png'; ?>" alt="Formidable">
		</div>
	</div>
</div>
