<div class="wrap" id="iris-openwebsite-admin">
	<h1><?php echo PRODUCT_NAME; ?> Knowledge Base &amp; Support</h1>
	

	<ul class="tab-holder">
		<li data-target="#tab-wordpress" class="tab active">
			<a href="#wordpress"><h2 class="hndle"><span class="dashicons dashicons-wordpress"></span> WordPress</h2></a>
		</li>
		<li data-target="#tab-domains" class="tab">
			<a href="#domains"><h2 class="hndle"><span class="dashicons dashicons-admin-home"></span> Domains &amp; Hosting</h2></a>
		</li>
		<li data-target="#tab-newsletter" class="tab">
			<a href="#services-pages"><h2 class="hndle"><span class="dashicons dashicons-email"></span> Email and Newsletter</h2></a>
		</li>
		<li data-target="#tab-seo" class="tab">
			<a href="#seo"><h2 class="hndle"><span class="dashicons dashicons-chart-pie"></span> SEO</h2></a>
		</li>
		<li data-target="#tab-mtd" class="tab">
			<a href="#mtd"><h2 class="hndle"><span class="dashicons dashicons-iris"></span> Making Tax Digital</h2></a>
		</li>
		<li data-target="#tab-upgrades" class="tab">
			<a href="#contact-upgrades"><h2 class="hndle"><span class="dashicons dashicons-cart"></span> Upgrades &amp; Add-ons</h2></a>
		</li>
		<li data-target="#tab-social" class="tab">
			<a href="#social"><h2 class="hndle"><span class="dashicons dashicons-share"></span> Social Media</h2></a>
		</li>
		<li data-target="#tab-security" class="tab">
			<a href="#security"><h2 class="hndle"><span class="dashicons dashicons-shield"></span> Security</h2></a>
		</li>
		<li data-target="#tab-media-hub" class="tab">
			<a href="#media-hub"><h2 class="hndle"><span class="dashicons dashicons-camera"></span> Media Hub</h2></a>
		</li>
	</ul>
	<form id="help-search-form">
		<p class="search-box">
			<input type="search" id="help-search" pattern="(.[^\s]*){4,}" title="Your search term is too short. 4 characters (excluding whitespace) minimum">
			<input type="submit" id="help-search-submit" class="button" value="Search Knowledge Base">
		</p>
	</form>
	<div class="tab-content-wrap">
		<div id="tab-search" class="tab-content">
			<h2>Search the Knowledge Base</h2>
			<p class="about-description">Your search results&hellip;</p>
			<br />
			<div id="help-search-results"></div>
		</div>
		<div id="tab-wordpress" class="tab-content active">
			<h2>WordPress</h2>
			<p class="about-description">Adding, editing &amp; deleting content.</p>
			<br />
			<?php iris_wordpress_help( 'wordpress edit delete' ); ?>
		</div>
		<div id="tab-domains" class="tab-content">
			<h2>Domains &amp; Hosting</h2>
			<p class="about-description">Not just a website.</p>
			<br />
			<?php iris_wordpress_help( 'domain hosting' ); ?>
		</div>
		<div id="tab-newsletter" class="tab-content">
			<h2>Email &amp; Newsletter</h2>
			<p class="about-description">Stay up to date with the monthly newsletter.</p>
			<br />
			<?php iris_wordpress_help( 'newsletter "tax newsletter" email marketer mailchimp' ); ?>
		</div>
		<div id="tab-seo" class="tab-content">
			<h2>SEO (Search Engine Optimisation)</h2>
			<p class="about-description">Get found on Google.</p>
			<br />
			<?php iris_wordpress_help( 'search engine optimisation seo' ); ?>
		</div>
		<div id="tab-mtd" class="tab-content">
			<h2>Making Tax Digital</h2>
			<p class="about-description">Explore the IRIS product range.</p>
			<br />
			<?php iris_wordpress_help( 'making tax digital mtd -live' ); ?>
		</div>
		<div id="tab-upgrades" class="tab-content">
			<h2>Upgrades &amp; Add-ons</h2>
			<p class="about-description">Treat yourself, and your website.</p>
			<br />
			<?php iris_wordpress_help( 'upgrade' ); ?>
		</div>
		<div id="tab-social" class="tab-content">
			<h2>Social Media</h2>
			<p class="about-description">Get connected and expand your reach.</p>
			<br />
			<?php iris_wordpress_help( 'social' ); ?>
		</div>
		<div id="tab-security" class="tab-content">
			<h2>Security</h2>
			<p class="about-description">Keep your website safe.</p>
			<br />
			<?php iris_wordpress_help( 'security' ); ?>
		</div>		
		<div id="tab-media-hub" class="tab-content">
			<h2>Media Hub</h2>
			<p class="about-description">Your images &amp; documents all in one place.</p>
			<br />
			<?php iris_wordpress_help( 'media hub image document -social' ); ?>
		</div>		
	</div>

	<div id="support-panel" class="welcome-panel stripes">
		<div class="welcome-panel-content">
			<h2><?php echo PRODUCT_NAME; ?> Support</h2>
			<p class="about-description">Got a problem? Get in touch!</p>
			<div class="welcome-panel-column-container">
				<div class="welcome-panel-column">
					<h3>&nbsp;</h3>
					<div class="support-column">
						<p>If you are having problems with your IRIS WebPortal package or have any queries regarding your WebPortal service, please visit our <a href="https://iris.co.uk/contactwebportal" target="_blank">contact page</a> where you can find useful information or raise a support ticket with us.<br><br></p>
						<?php /*?><p>Didn't find what you were looking for? Raise a support ticket and we'll get back to you soon.</p>
						<?php if ( is_package_1() ) : ?>
							<p class='alert'><strong>The website package you have purchased does not include free support. Please get in touch for a quote or search our Knowledge Base.</strong></p>
						<?php endif; ?><?php */ ?>
					</div>
				</div>
				<?php /*<div class="welcome-panel-column">
					<h3>Raise a Support ticket</h3>
					<div class="support-column">
						<?php include_once 'knowledge-base/form-support.php'; ?>
					</div>
				</div><?php */?>
			</div>
		</div>	
	</div>
</div><!-- end main wrapper -->