<?php
if ( ! defined( 'ABSPATH' ) ) {
	// Exit if accessed directly.
	exit;
}
?>
<div class="qodef-admin-page-v4">
	<?php $options->render_navigation(); ?>
	<div class="qodef-admin-content-wrapper">
		<form method="post" id="qode_variation_swatches_for_woocommerce_framework_ajax_form" data-options-name="<?php echo esc_attr( $options_name ); ?>">
			<div class="qodef-admin-header">
				<div class="qodef-header-left">
					<div class="qodef-header-left-inner">
						<a href="#" class="qodef-mobile-nav-opener">
							<?php qode_variation_swatches_for_woocommerce_framework_svg_icon( 'opener', 'qodef-opener-icon' ); ?>
						</a>
						<div class="qodef-logo-holder">
							<a href="https://qodeinteractive.com/products/plugins/" target="_blank">
								<img src="<?php echo esc_url( QODE_VARIATION_SWATCHES_FOR_WOOCOMMERCE_ADMIN_URL_PATH . '/inc/common/modules/admin/assets/img/logo-qode-interactive.png' ); ?>" alt="<?php esc_attr_e( 'Admin Qode Interactive image', 'qode-variation-swatches-for-woocommerce' ); ?>" height="47" />
							</a>
						</div>
						<div class="qodef-search-holder">
							<?php qode_variation_swatches_for_woocommerce_framework_svg_icon( 'search', 'qodef-search-icon' ); ?>
							<input class="qodef-search-field qodef-input" value="" placeholder="<?php esc_attr_e( 'Search Options', 'qode-variation-swatches-for-woocommerce' ); ?>">
							<?php qode_variation_swatches_for_woocommerce_framework_svg_icon( 'spinner', 'qodef-search-loading qodef-hidden' ); ?>
						</div>
					</div>
				</div>
				<div class="qodef-header-right">
					<div class="qodef-header-right-inner">
						<div class="qodef-save-success">
							<p class="qodef-field-description"><?php esc_html_e( 'Saved!', 'qode-variation-swatches-for-woocommerce' ); ?></p>
						</div>
						<div class="qodef-save-reset-loading"><?php qode_variation_swatches_for_woocommerce_framework_svg_icon( 'spinner', 'qodef-save-reset-loading-spinner' ); ?></div>
						<div class="qodef-form-save-holder">
							<input type="submit" class="qodef-btn qodef-btn-solid qodef-save-reset-button" name="qodef_save" value="<?php esc_attr_e( 'Save Changes', 'qode-variation-swatches-for-woocommerce' ); ?>"/>
						</div>
						<div class="qodef-form-reset-holder">
							<input onclick="return confirm('<?php esc_html_e( 'Are you sure? You will reset all options to default values. This will also apply on already imported demo.', 'qode-variation-swatches-for-woocommerce' ); ?>');" type="submit" class="qodef-btn qodef-btn-outlined qodef-save-reset-button" name="qodef_reset" value="<?php esc_attr_e( 'Reset All', 'qode-variation-swatches-for-woocommerce' ); ?>"/>
						</div>
					</div>
				</div>
			</div>
			<div class="qodef-admin-content">
				<?php $options->render_content(); ?>
			</div>
			<?php wp_nonce_field( 'qode_variation_swatches_for_woocommerce_framework_ajax_save_nonce', 'qode_variation_swatches_for_woocommerce_framework_ajax_save_nonce' ); ?>
		</form>
		<?php $options->render_custom_content(); ?>
	</div>
</div>
