<?php
/**
 * Duplicate Menu Module - Admin Settings
 *
 * @package DuplicateMenu
 * @since 1.0.0
 */

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

if ( ! current_user_can( 'manage_options' ) ) {
	return;
}

$module_id = $module_id ?? 'duplicate-menu';
?>
<div class="wp-powersuite-module-settings">
	<div style="text-align: center; padding: 24px 16px; background: #f6f7f7; border-radius: 8px; border: 1px solid #dcdcde;">
		<span class="dashicons dashicons-yes-alt" style="font-size: 32px; width: 32px; height: 32px; color: #00a32a; margin-bottom: 8px;"></span>
		<p style="margin: 0; font-size: 14px; color: #1d2327; font-weight: 500;"><?php esc_html_e( 'No configuration needed', 'wp-powersuite' ); ?></p>
		<p style="margin: 8px 0 0; font-size: 13px; color: #646970;"><?php esc_html_e( 'Go to Appearance → Menus and click "Duplicate Menu" when editing a menu.', 'wp-powersuite' ); ?></p>
	</div>

	<div class="notice notice-info inline" style="margin-top: 16px;">
		<p><strong><?php esc_html_e( 'What gets duplicated:', 'wp-powersuite' ); ?></strong></p>
		<ul style="list-style: disc; margin-left: 20px; margin-top: 8px;">
			<li><?php esc_html_e( 'All menu items and their order', 'wp-powersuite' ); ?></li>
			<li><?php esc_html_e( 'Parent-child hierarchy', 'wp-powersuite' ); ?></li>
			<li><?php esc_html_e( 'CSS classes, link targets, and descriptions', 'wp-powersuite' ); ?></li>
		</ul>
	</div>
</div>
