<?php
/**
 * Dashboard Sidebar Template
 *
 * Variables available:
 *
 * @var string  $prefix              CSS prefix (e.g. 'ctl')
 * @var object $dashboard_instance  Main class instance (optional; provides addon_file for asset URLs)
 *
 * Usage:
 * $prefix = 'ctl';
 * include 'path/to/dashboard-sidebar.php';
 */

if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

if ( ! isset( $prefix ) ) {
	// phpcs:ignore WordPress.NamingConventions.PrefixAllGlobals.NonPrefixedVariableFound
	$prefix = 'ctl';
}

// phpcs:ignore WordPress.NamingConventions.PrefixAllGlobals.NonPrefixedVariableFound
$prefix = sanitize_key( $prefix );

$dashboard_instance = isset( $dashboard_instance ) ? $dashboard_instance : null;
$addon_file         = ( $dashboard_instance && isset( $dashboard_instance->addon_file ) ) ? $dashboard_instance->addon_file : __FILE__;
$support_url        = 'https://coolplugins.net/support/?utm_source=ctl_plugin&utm_medium=inside&utm_campaign=support&utm_content=dashboard';
$reviews_url        = 'https://www.trustpilot.com/review/coolplugins.net';
$pro_url            = 'https://cooltimeline.com/?utm_source=ctl_plugin&utm_medium=inside&utm_campaign=pro&utm_content=dashboard';
?>
<aside class="<?php echo esc_attr( $prefix ); ?>-sidebar">
	<!-- Key Features -->
	<!-- <div class="<?php echo esc_attr( $prefix ); ?>-sidebar-card <?php echo esc_attr( $prefix ); ?>-key-features">
		<div class="<?php echo esc_attr( $prefix ); ?>-sidebar-header">
			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M7.5 5.6L5 7l1.4-2.5L5 2l2.5 1.4L10 2L8.6 4.5L10 7zm12 9.8L22 14l-1.4 2.5L22 19l-2.5-1.4L17 19l1.4-2.5L17 14zM22 2l-1.4 2.5L22 7l-2.5-1.4L17 7l1.4-2.5L17 2l2.5 1.4zm-8.66 10.78l2.44-2.44l-2.12-2.12l-2.44 2.44zm1.03-5.49l2.34 2.34c.39.37.39 1.02 0 1.41L5.04 22.71c-.39.39-1.04.39-1.41 0l-2.34-2.34c-.39-.37-.39-1.02 0-1.41L12.96 7.29c.39-.39 1.04-.39 1.41 0"/></svg>
			<h3><?php echo esc_html__( 'KEY FEATURES', 'cool-timeline' ); ?></h3>
		</div>
		<ul class="<?php echo esc_attr( $prefix ); ?>-feature-list">
			<li><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" aria-hidden="true"><defs><mask id="ctl-mask-check"><g fill="none" stroke-linejoin="round" stroke-width="4"><path fill="#fff" stroke="#fff" d="M24 44a19.94 19.94 0 0 0 14.142-5.858A19.94 19.94 0 0 0 44 24a19.94 19.94 0 0 0-5.858-14.142A19.94 19.94 0 0 0 24 4A19.94 19.94 0 0 0 9.858 9.858A19.94 19.94 0 0 0 4 24a19.94 19.94 0 0 0 5.858 14.142A19.94 19.94 0 0 0 24 44Z"/><path stroke="#000" stroke-linecap="round" d="m16 24l6 6l12-12"/></g></mask></defs><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#ctl-mask-check)"/></svg> <?php echo esc_html__( 'Shortcode support', 'cool-timeline' ); ?></li>
			<li><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" aria-hidden="true"><defs><mask id="ctl-mask-check2"><g fill="none" stroke-linejoin="round" stroke-width="4"><path fill="#fff" stroke="#fff" d="M24 44a19.94 19.94 0 0 0 14.142-5.858A19.94 19.94 0 0 0 44 24a19.94 19.94 0 0 0-5.858-14.142A19.94 19.94 0 0 0 24 4A19.94 19.94 0 0 0 9.858 9.858A19.94 19.94 0 0 0 4 24a19.94 19.94 0 0 0 5.858 14.142A19.94 19.94 0 0 0 24 44Z"/><path stroke="#000" stroke-linecap="round" d="m16 24l6 6l12-12"/></g></mask></defs><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#ctl-mask-check2)"/></svg> <?php echo esc_html__( 'Block / Gutenberg support', 'cool-timeline' ); ?></li>
			<li><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" aria-hidden="true"><defs><mask id="ctl-mask-check3"><g fill="none" stroke-linejoin="round" stroke-width="4"><path fill="#fff" stroke="#fff" d="M24 44a19.94 19.94 0 0 0 14.142-5.858A19.94 19.94 0 0 0 44 24a19.94 19.94 0 0 0-5.858-14.142A19.94 19.94 0 0 0 24 4A19.94 19.94 0 0 0 9.858 9.858A19.94 19.94 0 0 0 4 24a19.94 19.94 0 0 0 5.858 14.142A19.94 19.94 0 0 0 24 44Z"/><path stroke="#000" stroke-linecap="round" d="m16 24l6 6l12-12"/></g></mask></defs><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#ctl-mask-check3)"/></svg> <?php echo esc_html__( 'Multiple timeline layouts', 'cool-timeline' ); ?></li>
		</ul>
	</div> -->

	<!-- Premium Support -->
	<div class="<?php echo esc_attr( $prefix ); ?>-sidebar-card <?php echo esc_attr( $prefix ); ?>-premium-support">
		<div class="<?php echo esc_attr( $prefix ); ?>-sidebar-header">
			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M12 2C6.486 2 2 6.486 2 12v4.143C2 17.167 2.897 18 4 18h1a1 1 0 0 0 1-1v-5.143a1 1 0 0 0-1-1h-.908C4.648 6.987 7.978 4 12 4s7.352 2.987 7.908 6.857H19a1 1 0 0 0-1 1V18c0 1.103-.897 2-2 2h-2v-1h-4v3h6c2.206 0 4-1.794 4-4c1.103 0 2-.833 2-1.857V12c0-5.514-4.486-10-10-10"/></svg>
			<h3><?php echo esc_html__( 'PREMIUM SUPPORT', 'cool-timeline' ); ?></h3>
		</div>
		<ul class="<?php echo esc_attr( $prefix ); ?>-feature-list">
			<li><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" aria-hidden="true"><defs><mask id="<?php echo esc_attr( $prefix ); ?>-support-check1"><g fill="none" stroke-linejoin="round" stroke-width="4"><path fill="#fff" stroke="#fff" d="M24 44a19.94 19.94 0 0 0 14.142-5.858A19.94 19.94 0 0 0 44 24a19.94 19.94 0 0 0-5.858-14.142A19.94 19.94 0 0 0 24 4A19.94 19.94 0 0 0 9.858 9.858A19.94 19.94 0 0 0 4 24a19.94 19.94 0 0 0 5.858 14.142A19.94 19.94 0 0 0 24 44Z"/><path stroke="#000" stroke-linecap="round" d="m16 24l6 6l12-12"/></g></mask></defs><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#<?php echo esc_attr( $prefix ); ?>-support-check1)"/></svg> <?php echo esc_html__( 'Priority fast support.', 'cool-timeline' ); ?></li>
			<li><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" aria-hidden="true"><defs><mask id="<?php echo esc_attr( $prefix ); ?>-support-check2"><g fill="none" stroke-linejoin="round" stroke-width="4"><path fill="#fff" stroke="#fff" d="M24 44a19.94 19.94 0 0 0 14.142-5.858A19.94 19.94 0 0 0 44 24a19.94 19.94 0 0 0-5.858-14.142A19.94 19.94 0 0 0 24 4A19.94 19.94 0 0 0 9.858 9.858A19.94 19.94 0 0 0 4 24a19.94 19.94 0 0 0 5.858 14.142A19.94 19.94 0 0 0 24 44Z"/><path stroke="#000" stroke-linecap="round" d="m16 24l6 6l12-12"/></g></mask></defs><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#<?php echo esc_attr( $prefix ); ?>-support-check2)"/></svg> <?php echo esc_html__( 'Mon–Fri, 9:30 AM–6:30 PM IST.', 'cool-timeline' ); ?></li>
			<li><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" aria-hidden="true"><defs><mask id="<?php echo esc_attr( $prefix ); ?>-support-check3"><g fill="none" stroke-linejoin="round" stroke-width="4"><path fill="#fff" stroke="#fff" d="M24 44a19.94 19.94 0 0 0 14.142-5.858A19.94 19.94 0 0 0 44 24a19.94 19.94 0 0 0-5.858-14.142A19.94 19.94 0 0 0 24 4A19.94 19.94 0 0 0 9.858 9.858A19.94 19.94 0 0 0 4 24a19.94 19.94 0 0 0 5.858 14.142A19.94 19.94 0 0 0 24 44Z"/><path stroke="#000" stroke-linecap="round" d="m16 24l6 6l12-12"/></g></mask></defs><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#<?php echo esc_attr( $prefix ); ?>-support-check3)"/></svg> <?php echo esc_html__( 'Aim to resolve issues in 24 hrs.', 'cool-timeline' ); ?></li>
		</ul>		<a href="<?php echo esc_url( $support_url ); ?>" target="_blank" rel="noopener" class="button <?php echo esc_attr( $prefix ); ?>-button-primary <?php echo esc_attr( $prefix ); ?>-btn-full">
			<?php echo esc_html__( 'Contact Support', 'cool-timeline' ); ?>
		</a>
	</div>

	<!-- Rate us / Reviews -->
	<div class="<?php echo esc_attr( $prefix ); ?>-sidebar-card <?php echo esc_attr( $prefix ); ?>-trustpilot-rating">
		<div class="<?php echo esc_attr( $prefix ); ?>-sidebar-header">
			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="m12 21.35l-1.45-1.32C5.4 15.36 2 12.27 2 8.5C2 5.41 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.08C13.09 3.81 14.76 3 16.5 3C19.58 3 22 5.41 22 8.5c0 3.77-3.4 6.86-8.55 11.53z"/></svg>
			<h3><?php echo esc_html__( 'LOVING OUR PLUGINS?', 'cool-timeline' ); ?></h3>
		</div>
		<div class="<?php echo esc_attr( $prefix ); ?>-trustpilot">
			<div class="<?php echo esc_attr( $prefix ); ?>-stars">
				<a href="<?php echo esc_url( $reviews_url ); ?>" target="_blank" rel="noopener"><img src="<?php echo esc_url( plugin_dir_url( __FILE__ ) . '../assets/images/timeline-trustpilot.svg' ); ?>" alt="<?php esc_attr_e( 'Rating', 'cool-timeline' ); ?>"></a>
			</div>
			<p class="<?php echo esc_attr( $prefix ); ?>-sidebar-text"><?php echo esc_html__( 'Review us on Trustpilot and share your feedback with the community.', 'cool-timeline' ); ?></p>
			<a href="<?php echo esc_url( $reviews_url ); ?>" target="_blank" rel="noopener" class="<?php echo esc_attr( $prefix ); ?>-trustpilot-link">
				<?php echo esc_html__( 'Rate us on trustpilot.com', 'cool-timeline' ); ?> <span class="dashicons dashicons-external"></span>
			</a>
		</div>
	</div>

</aside>
