<?php
/**
 * The sidebar containing the main widget area
 *
 * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
 *
 * @package Zentorone
 */

?>

<aside id="secondary" class="widget-area">
	<?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?>
		<?php dynamic_sidebar( 'sidebar-1' ); ?>
	<?php else : ?>
		<div class="alert alert-info" role="alert">
			<h4 class="alert-heading">
				<i class="bi bi-info-circle me-2"></i>
				<?php esc_html_e( 'Sidebar Area', 'zentorone' ); ?>
			</h4>
			<p class="mb-2">
				<?php esc_html_e( 'This sidebar is currently empty. You can:', 'zentorone' ); ?>
			</p>
			<ul class="mb-0 ps-3">
				<li>
					<a href="<?php echo esc_url( admin_url( 'widgets.php' ) ); ?>">
						<?php esc_html_e( 'Add widgets to this sidebar area', 'zentorone' ); ?>
					</a>
				</li>
				<li>
					<a href="<?php echo esc_url( admin_url( 'customize.php?autofocus[section]=zentorone_layout_section' ) ); ?>">
						<?php esc_html_e( 'Switch to full-width layout in the Customizer', 'zentorone' ); ?>
					</a>
				</li>
			</ul>
		</div>
	<?php endif; ?>
</aside><!-- #secondary -->