#I LOVE YOU EVERDAY#

<?php
/**
 * Welcome Page template
 * users are redirected here upon activation
 *
 * @package    Timeline Express
 *
 * @since      1.2
 */

// If accessed directly, exit;
if ( ! defined( 'ABSPATH' ) ) :

exit;

endif;

$selected = isset( $_GET['tab'] ) ? $_GET['tab'] : 'timeline-express-getting-started';
?>

<div class="wrap timeline-express-about-wrap about-wrap">

<div class="timeline-express-badge">
			<img src="<?php echo esc_url( TIMELINE_EXPRESS_URL . 'lib/admin/images/timeline-express-logo-128.png' ); ?>" title="Timeline Express" />
		</div>

</div>

<h2 class="nav-tab-wrapper">
		<a class="nav-tab <?php echo 'timeline-express-getting-started' === $selected ? 'nav-tab-active' : ''; ?>" href="<?php echo esc_url(
			admin_url(
				add_query_arg(
					array(
						'tab' => 'timeline-express-getting-started',
					),
					'admin.php?page=timeline-express-welcome'
				)
			)
		); ?>">
			<?php esc_html_e( 'Getting Started', 'timeline-express' ); ?>
		</a>
		<a class="nav-tab <?php echo 'timeline-express-author' === $selected ? 'nav-tab-active' : ''; ?>" href="<?php echo esc_url(
			admin_url(
				add_query_arg(
					array(
						'tab' => 'timeline-express-author',
					),
					'admin.php?page=timeline-express-welcome'
				)
			)
		); ?>">
			<?php esc_html_e( 'About Code Parrots', 'timeline-express' ); ?>
		</a>
	</h2>

<p class="about-description">
		<?php
		if ( 'timeline-express-getting-started' === $selected ) {

esc_html_e( 'Use the tips below to get started using Timeline Express. You will be up and running in no time!', 'timeline-express' );

}
		?>
	</p>

<?php	if ( 'timeline-express-getting-started' === $selected ) { ?>

<div class="feature-section-media">
					<img src="<?php echo esc_url( TIMELINE_EXPRESS_URL . 'lib/admin/images/create-new-announcement.png' ); ?>" title="Timeline Express" />
				</div>

<p>
						<?php
							/* translators: Anchor tag linking back to the Timeline Express documentation. */
							printf( esc_html( 'Timeline Express makes it easy to create and display a beautiful and animated timeline in WordPress. Feel free to read our support article, %s.', 'timeline-express' ), '<a href="https://www.wp-timelineexpress.com/documentation/creating-an-announcement/" target="_blank">How To Create Your First Announcement</a>' );
						?>
					</p>

<p>
						<?php
							/* translators: Anchor tag linking to create a new announcement. */
							printf( esc_html( 'The process is so intuitive that you can jump right in by going to %s.', 'timeline-express' ), '<a href="' . esc_url( admin_url( 'post-new.php?post_type=te_announcements' ) ) . '">' . esc_html__( 'Timeline Express &#8594; New Announcement', 'timeine-express-pro' ) . '</a>' );
						?>
					</p>

</div>

<div class="feature-section-media">
					<img src="<?php echo esc_url( TIMELINE_EXPRESS_URL . 'lib/admin/images/timeline-express-settings.png' ); ?>" title="<?php esc_attr_e( 'Timeline Express Settings Page', 'timeline-express' ); ?>" />
				</div>

<p>
						<?php
							/* translators: Anchor tag linking back to the Timeline Express settings page. */
							printf( esc_html( 'Head into the %s to tweak how the Timeline is going to function and display on your site. You can tweak the visual appearance of the timeline, and the order and time period from which announcements should disdplay.', 'timeline-express' ), '<a href="' . esc_url( admin_url( 'edit.php?post_type=te_announcements&page=timeline-express-settings' ) ) . '">' . esc_attr__( 'Settings Page', 'timeline-express' ) . '</a>' );
						?>
					</p>

<p>
						<?php
							/* translators: HTML markup (strong tags) surrounding the words "Pro Tip" */
							printf( esc_html( "%s: If you ever notice something doesn't look correct or function properly on the timeline, double check that your settings are correct.", 'timeline-express' ), '<strong>' . esc_html__( 'Pro Tip', 'timeline-express' ) . '</strong>' );
						?>
					</p>

</div>

</div>

</div>

<p>
						<a href="<?php echo esc_url( admin_url() . '/edit.php?post_type=te_announcements&page=timeline-express-license' ); ?>" class="timeline-express-features-button button button-primary">
							<?php esc_html_e( 'Support', 'timeline-express' ); ?>
						</a>
						<a href="https://www.wp-timelineexpress.com/documentation/" target="_blank" class="timeline-express-features-button button button-primary">
							<?php esc_html_e( 'Documentation', 'timeline-express' ); ?>
						</a>
					</p>

</div>

</div>

<?php } else { ?>

<div class="feature-section-media">
					
					<a href="http://www.codeparrots.com" target="_blank">
						<img src="<?php echo esc_url( TIMELINE_EXPRESS_URL . 'lib/admin/images/code-parrots-logo-dark.png' ); ?>" title="Code Parrots Logo" />
					</a>
				</div>

</div>

<?php }// End if().
	?>
</div>