<?php // phpcs:ignore WordPress.Files.FileName.NotHyphenatedLowercase
/**
 * Admin Page Partial: Dashboard: First use dashboard (Woo variant)
 *
 * @package automattic/jetpack-crm
 */

// stop direct access
if ( ! defined( 'ZEROBSCRM_PATH' ) ) {
	exit( 0 );
}

##WLREMOVE

global $zbs;

// Define videos to show
$learn_from_mike_videos = array(
	'youtube-preview-1' => array(
		'url'   => $zbs->urls['youtube_intro_to_crm'],
		'img'   => 'youtube-preview-1-intro-to-crm.png',
		'title' => __( 'Introduction to CRM contact management', 'zero-bs-crm' ),
	),

	'youtube-preview-3' => array(
		'url'   => $zbs->urls['youtube_intro_to_tags'],
		'img'   => 'youtube-preview-3-intro-to-tags.png',
		'title' => __( 'Introduction to tags and segments', 'zero-bs-crm' ),
	),

	'youtube-preview-4' => array(
		'url'   => $zbs->urls['youtube_intro_to_modules'],
		'img'   => 'youtube-preview-4-core-modules.png',
		'title' => __( 'Introduction to CRM Core Modules', 'zero-bs-crm' ),
	),
);

?>

<div class="ui large modal woovariant" id="jpcrm-first-use-dash">
	<div class="jpcrm-modal-close"></div>
	<div class="content">
		<div class="jpcrm-modal-body ui grid">
			<div class="jpcrm-modal-cta-group eight wide column middle aligned" id="jpcrm-modal-cta-group">
				<div class="jpcrm-modal-mobile-only">
					<img src="<?php echo esc_url( ZEROBSCRM_URL ); ?>i/first-use-dash-stylized-ui-activity-log.png" alt="<?php esc_attr_e( 'Add a contact', 'zero-bs-crm' ); ?>" />
				</div>
				<div class="jpcrm-modal-title"><?php esc_html_e( 'Add Your Contacts', 'zero-bs-crm' ); ?></div>
				<div class="jpcrm-modal-paragraph"><?php esc_html_e( 'Your CRM starts with your contacts. Start collecting your contact information all in one place and use it to nurture those relationships.', 'zero-bs-crm' ); ?></div>
				<div class="jpcrm-modal-actions">
					<a href="<?php echo jpcrm_esc_link( 'create', -1, ZBS_TYPE_CONTACT ); ?>" class="ui black button jpcrm-modal-action-add"><?php esc_html_e( 'Add a contact', 'zero-bs-crm' ); ?></a>
					<a href="<?php echo wp_nonce_url( jpcrm_esc_link( $zbs->slugs['module-activate-redirect'] . '&jpcrm-module-name=woo-sync' ), 'jpcrmmoduleactivateredirectnonce' ); /* phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped */ ?>" target="_blank" class="ui woopink button jpcrm-modal-action-import"><?php esc_html_e( 'Import from WooCommerce', 'zero-bs-crm' ); ?></a>
				</div>
			</div>
			<div class="jpcrm-modal-mobile-only jpcrm-modal-mobile-watch-videos-link">
				<a href="<?php echo esc_url( $zbs->urls['youtube_intro_playlist'] ); ?>" target="_blank"><?php esc_html_e( 'Watch tutorials on YouTube', 'zero-bs-crm' ); ?></a>
			</div>
			<div class="jpcrm-modal-illustration eight wide column">
				<img src="<?php echo esc_url( ZEROBSCRM_URL ); ?>i/first-use-dash-stylized-ui-activity-log.png" alt="<?php esc_attr_e( 'Add a contact', 'zero-bs-crm' ); ?>" />
			</div>
		</div>
	</div>

	<div class="jpcrm-modal-footer">

		<div class="ui grid">

			<div class="seven wide column">

				<div class="jpcrm-modal-learn-footer">
					<div class="jpcrm-modal-learn-footer-paragraph"><?php esc_html_e( 'You can learn more about how to use Jetpack CRM to its full potential from our videos on YouTube.', 'zero-bs-crm' ); ?></div>
					<div class="jpcrm-modal-learn-footer-actions">
						<a href="<?php echo esc_url( $zbs->urls['youtube_intro_playlist'] ); ?>" target="_blank"><img src="<?php echo esc_url( ZEROBSCRM_URL ); ?>i/first-use-dash-learn-video-ico.png" alt="<?php esc_attr_e( 'Get Started Playlist', 'zero-bs-crm' ); ?>" /> <?php esc_html_e( 'Get Started Playlist', 'zero-bs-crm' ); ?></a>
					</div>
				</div>

			</div>

			<div class="nine wide column">

				<div class="ui grid jpcrm-modal-learn-footer-videos">
					<?php
					foreach ( $learn_from_mike_videos as $video_key => $video_info ) {
						?>
						<div class="five wide column jpcrm-modal-learn-footer-video">
							<a href="<?php echo esc_url( $video_info['url'] ); ?>" target="_blank"><img src="<?php echo esc_url( ZEROBSCRM_URL . 'i/' . $video_info['img'] ); ?>" alt="<?php echo esc_attr( $video_info['title'] ); ?>" /></a>
							<br>
							<a href="<?php echo esc_url( $video_info['url'] ); ?>" target="_blank"><?php echo esc_html( $video_info['title'] ); ?></a>
						</div>

						<?php
					}
					?>
				</div>

			</div>


		</div>

	</div>
</div>
<?php // PHPCS:Ignore WordPress.Security.NonceVerification.Recommended ?>
<script>var jpcrm_show_first_use_dash = <?php echo wp_json_encode( ! isset( $_GET['zbs-welcome-tour'] ) ); ?>;</script>
<?php

##/WLREMOVE
