<?php

/**
 * pepe-lite-support.php
 * @link https://denisfranchi.dev
 *
 * @package pepe-lite
 *
 */


// Link to section Header Layout
$query['autofocus[section]'] = 'header_image';
$section_link_header = add_query_arg($query, admin_url('customize.php'));
// Link to section Navbar Menu
$query['autofocus[section]'] = 'pepe_blocks_menu_header_options';
$section_link_header_top_bar = add_query_arg($query, admin_url('customize.php'));
// Link to section Logo
$query['autofocus[section]'] = 'title_tagline';
$section_link_logo = add_query_arg($query, admin_url('customize.php'));
// Link to section Homepage Settings
$query['autofocus[section]'] = 'static_front_page';
$section_link_menu = add_query_arg($query, admin_url('customize.php'));
// Link to section Footer
$query['autofocus[section]'] = 'pepe_footer_settings';
$section_link_footer = add_query_arg($query, admin_url('customize.php'));
// Link to section Social
$query['autofocus[section]'] = 'pepe_section_settings_social';
$section_link_social = add_query_arg($query, admin_url('customize.php'));
// Link to section Colors
$query['autofocus[section]'] = 'colors';
$section_link_colors = add_query_arg($query, admin_url('customize.php'));
// Link to section Fonts
$query['autofocus[section]'] = 'pepe_general_settings';
$section_link_fonts = add_query_arg($query, admin_url('customize.php'));
?>

<div class="content-header-admin container-fluid">
	<div class="row">
		<div class="description-header-admin col text-left col-sx-12">
			<h2><?php echo esc_html__('Pepe', 'pepe-lite'); ?></h2>
			<span class="version"><?php echo esc_html__('V 3.0.1', 'pepe-lite'); ?></span>
			<span class="dashicons dashicons-performance"></span>
			<span><?php echo esc_html__('Lightning Fast & Minimal & Fully Customizable WordPress theme!', 'pepe-lite'); ?></span>
		</div>
		<div class="logo-admin col text-right col-sx-12 pr-0">
			<a href="<?php echo esc_url(franchi_design_url); ?>" target="_blank">
				<img src="<?php echo esc_url(get_template_directory_uri()) . '/images/franchi-design-logo-con-bordo.png'; ?>" alt="<?php echo esc_attr__('Denis Franchi', 'pepe-lite'); ?>">
			</a>
		</div>
	</div>
</div>

<div class="body-admin container">
	<div class="row">
		<!-- Tab links -->
		<div class="col-md-8">
			<div class="tab">
				<button class="tablinks" onclick="AvikProOpenGuide(event, 'Welcome')" id="defaultOpen"><?php esc_html_e('Welcome', 'pepe-lite'); ?></button>
				<button class="tablinks" onclick="AvikProOpenGuide(event, 'Help')"><?php esc_html_e('Help', 'pepe-lite'); ?></button>
				<button class="tablinks" onclick="AvikProOpenGuide(event, 'Demo')"><?php esc_html_e('Demo Install', 'pepe-lite'); ?></button>
			</div>
			<!-- Tab content -->
			<!-- Demo Install -->
			<div id="Demo" class="tabcontent">
				<h3 class="avik-welkome-support-title"><?php echo esc_html__('Starter setup', 'pepe-lite'); ?></h3>
				<p class="bubiblock-welkome-support"><?php echo esc_html__('Hosted demo zip files are no longer distributed.', 'pepe-lite'); ?></p>
				<p class="bubiblock-welkome-support"><?php echo esc_html__('Set up the theme from Appearance → Customize. One Click Demo Import is optional and not required.', 'pepe-lite'); ?></p>
			</div>
			<!-- Welcome -->
			<div id="Welcome" class="tabcontent">
				<h3 class="avik-welkome-support-title"><?php echo esc_html__('Welcome to Pepe', 'pepe-lite'); ?></h3>
				<p class="bubiblock-welkome-support"><?php echo esc_html__('Thank you for choosing Pepe Lite.', 'pepe-lite'); ?></p>
				<div class="container-body-admin">
					<h4><?php echo esc_html__('Link to Customizer Settings:', 'pepe-lite') ?></h4>
					<div class="row">
						<div class="col-admin-50 col-left-admin">
							<ul>
								<hr>
								<li><span class="dashicons dashicons-align-center"></span><a target="_blank" href="<?php echo esc_url($section_link_header); ?>"><?php echo esc_html__('Header Builder', 'pepe-lite') ?></a></li>
								<hr>
								<li><span class="dashicons dashicons-menu"></span><a target="_blank" href="<?php echo esc_url($section_link_header_top_bar); ?>"><?php echo esc_html__('Nav Menu Settings', 'pepe-lite') ?></a></li>
								<hr>
								<li><span class="dashicons dashicons-align-wide"></span><a target="_blank" href="<?php echo esc_url($section_link_footer); ?>"><?php echo esc_html__('Footer Builder', 'pepe-lite') ?></a></li>
								<hr>
								<li><span class="dashicons dashicons-admin-customizer"></span><a target="_blank" href="<?php echo esc_url($section_link_colors); ?>"><?php echo esc_html__('Set Colors', 'pepe-lite') ?></a></li>
								<hr class="mb-5">
							</ul>
						</div>
						<div class="col-admin-50 text-right col-right-admin">
							<ul>
								<hr>
								<li><span class="dashicons dashicons-format-image"></span><a target="_blank" href="<?php echo esc_url($section_link_logo); ?>"><?php echo esc_html__('Upload Logo&nbsp;&nbsp;&nbsp;&nbsp;', 'pepe-lite') ?></a></li>
								<hr>
								<li><span class="dashicons dashicons-admin-home"></span><a target="_blank" href="<?php echo esc_url($section_link_menu); ?>"><?php echo esc_html__('Set Homepage', 'pepe-lite') ?></a></li>
								<hr>
								<li><span class="dashicons dashicons-share"></span><a target="_blank" href="<?php echo esc_url($section_link_social); ?>"><?php echo esc_html__('&nbsp;Set Social&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;', 'pepe-lite') ?></a></li>
								<hr>
								<li><span class="dashicons dashicons-welcome-widgets-menus"></span><a target="_blank" href="<?php echo esc_url($section_link_fonts); ?>"><?php echo esc_html__('Layout Body&nbsp;&nbsp;&nbsp;&nbsp;', 'pepe-lite') ?></a></li>
								<hr class="mb-5">
							</ul>
						</div>
					</div>
				</div>
			</div>

			<!-- Help -->
			<div id="Help" class="tabcontent">
				<div class="at-documentation">
					<div class="at-header-help">
						<h3 class="avik-welkome-support-title"><?php echo esc_html__('Documentation', 'pepe-lite'); ?></h2>
					</div>
					<div class="at-header-help-p">
						<p><?php echo esc_html__('Pepe Lite is a classic PHP theme. Support is available on WordPress.org:', 'pepe-lite') ?></p>
						<div class="at-button-documentation">
							<a class="at-read-documentation" target="_blank" href="<?php echo esc_url(franchi_design_url); ?>"><?php echo esc_html__('Author site', 'pepe-lite'); ?></a><br><br>
							<a class="at-theme-support" target="_blank" href="<?php echo esc_url(pepe_url_support_theme); ?>"><?php echo esc_html__('Theme Support', 'pepe-lite'); ?></a>
						</div>
					</div>
				</div>
				<div class="at-margin-bottom-tab"></div>
				<div class="bubiblock-clear-guide-support-admin"></div>
			</div>
		</div>
		<!-- Sidebar -->
		<div class="col">
			<div class="sidebar-admin">
				<div class="header-sidebar-admin">
					<span class="dashicons dashicons-admin-customizer"></span>
					<h4><?php echo esc_html__('Getting started', 'pepe-lite') ?></h4>
				</div>
				<hr class="mb-1">
				<div class="img-template-admin text-center">
					<img src="<?php echo esc_url(get_template_directory_uri()) . '/images/demo-1.png'; ?>" alt="<?php echo esc_attr__('Pepe Lite', 'pepe-lite'); ?>">
				</div>
				<div class="body-templete-admin">
					<p class="mt-1"><?php echo esc_html__('Use Appearance → Customize to set up the homepage, header, and widgets.', 'pepe-lite') ?></p>
					<p><a target="_blank" href="<?php echo esc_url(franchi_design_url); ?>"><?php echo esc_html__('denisfranchi.dev', 'pepe-lite') ?></a><span class="link-admin dashicons dashicons-external"></span></p>
				</div>
			</div>
			<div class="sidebar-admin mt-4">
				<div class="header-sidebar-admin">
					<span class="dashicons dashicons-admin-links"></span>
					<h4><?php echo esc_html__('Important Links', 'pepe-lite') ?></h4>
				</div>
				<hr>
				<ul>
					<li class="link-sidebar-admin"><span class="dashicons dashicons-admin-home"></span><a target="_blank" href="<?php echo esc_url(franchi_design_url); ?>"><?php echo esc_html__('denisfranchi.dev', 'pepe-lite') ?></a></li>
					<li class="link-sidebar-admin mt-3"><span class="dashicons dashicons-admin-tools"></span><a target="_blank" href="<?php echo esc_url(pepe_url_support_theme); ?>"><?php echo esc_html__('Support', 'pepe-lite') ?></a></li>
					<li class="link-sidebar-admin mt-3"><span class="dashicons dashicons-star-filled"></span><a target="_blank" href="<?php echo esc_url(pepe_review_theme); ?>"><?php echo esc_html__('Leave a review', 'pepe-lite') ?></a></li>
				</ul>
			</div>
		</div>

	</div>
</div>