<?php // User Submitted Posts - Show Support Panel

if (!function_exists('add_action')) die();

function user_submitted_posts_wp_resources() {
	
	$plugin_project = esc_html__('User Submitted Posts', 'usp');
	
	$plugin_url = USP_URL;
	
	$array = array(
		
		0  => '<a target="_blank" rel="noopener noreferrer" href="https://plugin-planet.com/bbq-pro/" title="BBQ Pro: Fastest Firewall for WordPress">
					<img width="125" height="125" src="'. $plugin_url .'images/250x250-bbq-pro.jpg" alt="">
				</a>',
				
		1  => '<a target="_blank" rel="noopener noreferrer" href="https://plugin-planet.com/banhammer-pro/" title="Banhammer Pro: Monitor Traffic. Hammer the Enemy.">
					<img width="125" height="125" src="'. $plugin_url .'images/250x250-banhammer-pro.jpg" alt="">
				</a>',
				
		2  => '<a target="_blank" rel="noopener noreferrer" href="https://plugin-planet.com/blackhole-pro/" title="Blackhole Pro: Trap Bad Bots in a Virtual Black Hole">
					<img width="125" height="125" src="'. $plugin_url .'images/250x250-blackhole-pro.jpg" alt="">
				</a>',
				
		3  => '<a target="_blank" rel="noopener noreferrer" href="https://plugin-planet.com/ga-google-analytics-pro/" title="GA Pro: Connect Google Analytics to WordPress">
					<img width="125" height="125" src="'. $plugin_url .'images/250x250-ga-pro.jpg" alt="">
				</a>',
				
		4  => '<a target="_blank" rel="noopener noreferrer" href="https://plugin-planet.com/head-meta-pro/" title="Head Meta Pro: Ultimate Meta Tags for WordPress">
					<img width="125" height="125" src="'. $plugin_url .'images/250x250-head-meta-pro.jpg" alt="">
				</a>',
				
		5  => '<a target="_blank" rel="noopener noreferrer" href="https://plugin-planet.com/simple-ajax-chat-pro/" title="SAC Pro: Own Your Chats">
					<img width="125" height="125" src="'. $plugin_url .'images/250x250-sac-pro.jpg" alt="">
				</a>',
				
		6  => '<a target="_blank" rel="noopener noreferrer" href="https://plugin-planet.com/usp-pro/" title="USP Pro: Unlimited Front-End Forms">
					<img width="125" height="125" src="'. $plugin_url .'images/250x250-usp-pro.jpg" alt="">
				</a>',
				
				//
				
		7  => '<a target="_blank" rel="noopener noreferrer" href="https://digwp.com/" title="Take your WordPress Skills to the Next Level">
					<img width="125" height="125" src="'. $plugin_url .'images/250x250-digging-into-wordpress.jpg" alt="">
				</a>',
				
		8  => '<a target="_blank" rel="noopener noreferrer" href="https://wp-tao.com/" title="Learn the Way of WordPress">
					<img width="125" height="125" src="'. $plugin_url .'images/250x250-tao-of-wordpress.jpg" alt="">
				</a>',
				
		9  => '<a target="_blank" rel="noopener noreferrer" href="https://wp-tao.com/wordpress-themes-book/" title="WordPress Themes In Depth">
					<img width="125" height="125" src="'. $plugin_url .'images/250x250-wp-themes-in-depth.jpg" alt="">
				</a>',
				
		10 => '<a target="_blank" rel="noopener noreferrer" href="https://htaccessbook.com/" title="Optimize and Secure with .htaccess">
					<img width="125" height="125" src="'. $plugin_url .'images/250x250-htaccess-made-easy.jpg" alt="">
				</a>',
				
		11 => '<a target="_blank" rel="noopener noreferrer" href="https://books.perishablepress.com/downloads/wizards-collection-sql-recipes-wordpress/" title="Wizard&rsquo;s SQL Recipes for WordPress">
					<img width="125" height="125" src="'. $plugin_url .'images/250x250-wizards-sql.jpg" alt="">
				</a>',
		
	);
	
	$items = array_rand($array, 3);
	
	$item1 = isset($array[$items[0]]) ? $array[$items[0]] : 0;
	$item2 = isset($array[$items[1]]) ? $array[$items[1]] : 1;
	$item3 = isset($array[$items[2]]) ? $array[$items[2]] : 2;
	
	$url1 = esc_url('https://books.perishablepress.com/');
	$url2 = esc_url('https://plugin-planet.com/store/');
	$url3 = esc_url('https://monzillamedia.com/donate.html');
	
	$title1 = esc_html__('Perishable Press Books', 'usp');
	$title2 = esc_html__('Plugin Planet: Pro WordPress Plugins', 'usp');
	$title3 = esc_html__('Donate via PayPal, credit card, or cryptocurrency', 'usp');
	
	$link1 = ' <a target="_blank" rel="noopener noreferrer" href="'. $url1 .'" title="'. $title1 .'">'. esc_html__('books',    'usp') .'</a> ';
	$link2 = ' <a target="_blank" rel="noopener noreferrer" href="'. $url2 .'" title="'. $title2 .'">'. esc_html__('plugins',  'usp') .'</a>, ';
	$link3 = ' <a target="_blank" rel="noopener noreferrer" href="'. $url3 .'" title="'. $title3 .'">'. esc_html__('donation', 'usp') .'</a>. ';
	
	$message  = esc_html__('Thank you for using', 'usp') .' '. $plugin_project .'! ';
	$message .= esc_html__('Please show support by purchasing one of my', 'usp') . $link1;
	$message .= esc_html__('or', 'usp') . $link2 . esc_html__('or by making a', 'usp') . $link3;
	$message .= esc_html__('Your generous support helps future development of', 'usp') .' '. $plugin_project .' ';
	$message .= esc_html__('and is greatly appreciated.', 'usp');
	
	$donate = esc_html__('Any size donation helps me to continue developing this free plugin and other awesome WordPress resources.', 'usp');
	
	?>
	
	<style type="text/css">
		#project-wrap { width: 100%; overflow: hidden; }
		#project-wrap p { font-size: 12px; }
		#project-wrap .project-support { float: left; max-width: 480px; }
		#project-wrap .project-message p { margin: 5px 15px 15px 15px; }
		
		#project-wrap .project-links { width: 100%; overflow: hidden; margin: 15px 0; }
		#project-wrap .project-links img { display: block; width: 125px; height: 125px; margin: 0; padding: 0; border: 0; background-color: #fff; color: #fff; }
		#project-wrap .project-links a { float: left; width: 125px; height: 125px; margin: 0 0 0 15px; padding: 1px; border: 1px solid #ccc; opacity: 0.9; }
		#project-wrap .project-links a:link, #project-wrap .project-links a:visited, #project-wrap .project-links a:hover, #project-wrap .project-links a:after { box-shadow: none; }
		#project-wrap .project-links a:hover { opacity: 1.0; }
		
		#project-wrap .project-blurb { 
			float: left; width: 220px; box-sizing: border-box; margin: 5px 0 25px 20px; padding: 15px 20px; border-radius: 5px;
			background-color: #fefefe; border: 1px solid #ccc; box-shadow: 0 20px 25px -20px rgba(0,0,0,0.5);
			}
		#project-wrap .project-blurb p { margin: 0 0 10px 0; }
		#project-wrap .project-blurb p:first-child { font-size: 13px; }
		#project-wrap .project-blurb p:last-child { margin: 0 0 5px 0; }
		
		@media (max-width: 880px) {
			#project-wrap .project-support { max-width: 100%; }
			#project-wrap .project-message p { font-size: 13px; }
			#project-wrap .project-blurb { display: none; }
		}
		@media (max-width: 550px) {
			#mm-panel-current { display: none; }
		}
	</style>
	<div id="project-wrap">
		<div class="project-support">
			<div class="project-message">
				<p><?php echo $message; ?></p>
			</div>
			<div class="project-links">
				<?php echo $item1 . $item2 . $item3; ?>
			</div>
		</div>
		<div class="project-blurb">
			<p><strong><?php esc_html_e('Please Donate', 'usp'); ?></strong></p>
			<p><?php echo $donate; ?></p>
			<p><a target="_blank" rel="noopener noreferrer" href="<?php echo $url3; ?>" title="<?php echo $title3; ?>"><?php esc_html_e('Make a donation&nbsp;&raquo;', 'usp'); ?></a></p>
		</div>
	</div>
	
	<?php 
	
}