/* global jQuery */
(function ($) {
	'use strict';

	$(function () {
		// Live toggle: update card state and status tag when checkbox changes
		$('.moxicon-toggle input[type="checkbox"]').on('change', function () {
			const $card = $(this).closest('.moxicon-library-card');
			const $statusTag = $card.find('.moxicon-status-tag');
			const isChecked = $(this).is(':checked');

			$card.toggleClass('is-active', isChecked);

			$statusTag
				.toggleClass('moxicon-tag--active', isChecked)
				.toggleClass('moxicon-tag--inactive', !isChecked)
				.text(isChecked ? moxIconAdmin.activeLabel : moxIconAdmin.inactiveLabel);
		});

		// Tab switching
		$('.moxicon-tab-btn').on('click', function (e) {
			e.preventDefault();
			const target = $(this).data('target');

			// Update buttons
			$('.moxicon-tab-btn').removeClass('is-active');
			$(this).addClass('is-active');

			// Update content panes
			$('.moxicon-tab-pane').removeClass('is-active');
			$('#' + target).addClass('is-active');
		});
	});
})(jQuery);
