✏️ Editing: settings.php Writable

<?php

defined('ABSPATH') || exit;

$settings = \MetForm\Core\Admin\Base::instance()->get_settings_option();

include __DIR__ . "/icons.php";
include __DIR__ . "/integrations.php";

if (!function_exists('mf_dummy_simple_input')) {
	/**
	 * Renders a simple input field with a label, placeholder and description
	 *
	 * @param string $label The label for the input field
	 * @param string $placeholder The placeholder text for the input field
	 * @param string $description The description for the input field
	 */
	function mf_dummy_simple_input($label = 'Label', $placeholder = 'Placeholder', $description = 'Description')
	{
?>
		<div class="mf-setting-input-group">
			<label class="mf-setting-label mf-setting-input-heading"><?php echo esc_html($label); ?></label>
			<div class="mf-setting-disabled-input-wrapper">
				<input disabled type="text" class="mf-setting-input attr-form-control mf-setting-disabled-input" placeholder="<?php echo esc_attr($placeholder); ?>">
			</div>
			<p class="description">
				<?php echo esc_html($description); ?>
			</p>
		</div>
	<?php
	}
}

function mf_pro_freemium_badge($isPro = false)
{
	if ($isPro) {
		return '<svg width="34" height="18" viewBox="0 0 34 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 3a3 3 0 0 1 3-3h28a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3z" fill="#E81454"/><path fill-rule="evenodd" clip-rule="evenodd" d="M24.384 13q-.75 0-1.432-.22a3.2 3.2 0 0 1-1.202-.695 3.25 3.25 0 0 1-.815-1.223q-.297-.76-.297-1.807v-.22q0-1.014.297-1.741a3.2 3.2 0 0 1 .816-1.19 3.3 3.3 0 0 1 1.2-.684Q23.635 5 24.385 5q.77 0 1.444.22.672.22 1.19.684.518.462.815 1.19.298.728.298 1.74v.221q0 1.047-.298 1.807-.297.75-.815 1.223a3.2 3.2 0 0 1-1.19.695q-.672.22-1.444.22m-.01-1.653q.45 0 .837-.198.385-.21.617-.694.242-.497.242-1.4v-.22q0-.86-.242-1.334-.232-.474-.617-.66a1.9 1.9 0 0 0-.838-.188q-.43 0-.815.187-.387.187-.628.661-.243.473-.243 1.334v.22q0 .903.242 1.4.243.484.629.694.386.198.815.198m-11.123 1.51V5.143h3.361q.97 0 1.609.32.65.32.98.892.331.573.331 1.367 0 .826-.396 1.421-.387.585-1.168.86l1.785 2.854h-2.204l-1.499-2.645h-.815v2.645zm1.984-4.188h.936q.795 0 1.08-.231.297-.243.298-.716 0-.474-.298-.705-.285-.243-1.08-.243h-.936zM5.87 5.143v7.714h1.983V10.41H9.01q1.079 0 1.774-.31.694-.318 1.024-.914.342-.595.342-1.41 0-.827-.341-1.41-.33-.595-1.025-.904-.694-.32-1.774-.32zM8.79 8.78h-.937V6.774h.936q.76 0 1.07.254.308.253.308.749 0 .495-.309.75-.309.252-1.069.253" fill="#fff"/></svg>';
	} else {
		return '<svg width="74" height="18" viewBox="0 0 74 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 3a3 3 0 0 1 3-3h68a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3z" fill="#3970FF"/><path d="M5.5 4.722v8.4h2.16v-3.24h3.42v-1.56H7.66V6.378h3.78V4.722z" fill="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.637 13.122v-8.4h3.66q1.056 0 1.752.348.708.348 1.068.972t.36 1.488q0 .9-.432 1.548-.42.636-1.272.936l1.944 3.108h-2.4l-1.632-2.88h-.888v2.88zm2.16-4.56h1.02q.864 0 1.176-.252.324-.264.324-.78t-.324-.768q-.312-.264-1.176-.264h-1.02z" fill="#fff"/><path d="M20.98 4.722v8.4h6.12v-1.656h-3.96V9.582h3.6v-1.56h-3.6V6.378h3.96V4.722zm7.5 8.4v-8.4h6.12v1.656h-3.96v1.644h3.6v1.56h-3.6v1.884h3.96v1.656zm7.5-8.4v8.4h2.16V8.31l1.74 3.192h1.2l1.74-3.192v4.812h2.16v-8.4h-2.16l-2.303 4.26-2.329-4.26zm10.796 8.4v-8.4h2.16v8.4zm5.554-.228q.828.384 1.944.384 1.14 0 1.956-.384a2.85 2.85 0 0 0 1.26-1.176q.444-.792.444-1.956v-5.04h-2.16v4.8q0 .96-.324 1.464-.324.492-1.176.492-.828 0-1.164-.492-.336-.504-.336-1.476V4.722h-2.16v5.04q0 1.164.444 1.956.456.78 1.272 1.176m7.17-8.172v8.4h2.16V8.31l1.74 3.192h1.2l1.74-3.192v4.812h2.16v-8.4h-2.16l-2.304 4.26-2.328-4.26z" fill="#fff"/></svg>';
	}
}

if (!function_exists('mf_dummy_checkbox_input')) {
	/**
	 * Renders a simple checkbox input field with a label and description
	 *
	 * @param string $label The label for the checkbox field
	 * @param string $description The description for the checkbox field
	 */
	function mf_dummy_checkbox_input($label = 'Label', $description = 'Description')
	{
	?>
		<div class="attr-row" style="margin: 0 -10px;">
			<div class="attr-col-lg-12">
				<div class="mf-setting-input-group">
					<label class="mf-setting-label mf-setting-switch mf-setting-input-heading">
						<div class="mf-setting-disabled-input-wrapper">
							<input disabled type="checkbox" class="attr-form-control" />
							<span><?php echo esc_html($label); ?></span>
						</div>
					</label>
				</div>
			</div>
		</div>
		<p class="description ts-tf">
			<?php echo esc_html($description); ?>
		</p>
<?php
	}
}
?>
<div class="wrap mf-settings-dashboard">
	<div class="attr-row">
		<div class="attr-col-lg-3 attr-col-sm-4 mf-setting-sidebar-column">
			<div class="mf-setting-sidebar">
				<div class="mf_setting_logo">
					<img src="<?php echo esc_url(plugin_dir_url(__FILE__) . '../images/metform-logo.svg'); ?>">
				</div>
				<div class="mf-settings-tab">
					<ul class="nav-tab-wrapper">
						<li><a href="#" class="mf-setting-nav-link mf-setting-nav-hidden"></a></li>

<div class="mf-settings-section" id="mf-dashboard_options">
							<div class="mf-settings-single-section list-item">
								<div class="tab-header">
									<h4 class="list-item-header"><?php esc_html_e('Welcome', 'metform') ?></h4>
								</div>

<div class="mf-setting-dashboard-banner">
									<img src="<?php echo esc_url(plugin_dir_url(__FILE__) . '../images/dashboard-banner.jpg'); ?>" class="mf-admin-dashboard-banner" style="border-radius: 4px;">
								</div>

<div id="mf-set-dash-free-pro" class="mf-set-dash-section">
									<div class="mf-setting-dash-section-heading">
										<h2 class="mf-setting-dash-section-heading--title">
											<?php esc_html_e('What included with Free &', 'metform'); ?>
											<strong><?php esc_html_e('PRO', 'metform'); ?></strong>
										</h2>
										<span class="mf-setting-dash-section-heading--subtitle"><?php esc_html_e('features', 'metform'); ?></span>
										<div class="mf-setting-dash-section-heading--content">
											<p><?php esc_html_e('Get started by spending some time with the documentation to get familiar with ElementsKit.', 'metform') ?>
											</p>
										</div>
									</div>

<div class="attr-tab-content" id="myTabContent">
											<div class="attr-tab-pane attr-fade attr-active attr-in" id="mf-set-feature-1">
												<div class="mf-set-dash-tab-img">
													<img src="<?php echo esc_url(plugin_dir_url(__FILE__) . '../images/feature-preview.png'); ?>" class="">
												</div>
												<p><?php esc_html_e('Get started by spending some time with the documentation to get familiar with MetForm Get started by spending some time with the documentation to get notification in real time.', 'metform'); ?>
												</p>
												<ul>
													<li><?php esc_html_e('Success Message', 'metform'); ?></li>
													<li><?php esc_html_e('Required Login', 'metform'); ?></li>
													<li><?php esc_html_e('Hide Form After Submission', 'metform'); ?>
													</li>
													<li><?php esc_html_e('Store Entries', 'metform'); ?></li>
												</ul>

<a href="#" class="mf-admin-setting-btn medium"><span class="mf mf-icon-checked-fillpng"></span><?php esc_html_e('View Details', 'metform'); ?></a>
											</div>
											<div class="attr-tab-pane attr-fade" id="mf-set-feature-2">
												<div class="mf-set-dash-tab-img">
													<img src="<?php echo esc_url(plugin_dir_url(__FILE__) . '../images/feature-preview.png'); ?>" class="">
												</div>
												<p><?php esc_html_e('Get started by spending some time with the documentation to get familiar with MetForm Get started by spending some time with the documentation to get notification in real time.', 'metform'); ?>
												</p>
												<ul>
													<li><?php esc_html_e('Success Message', 'metform'); ?></li>
													<li><?php esc_html_e('Required Login', 'metform'); ?></li>
													<li><?php esc_html_e('Hide Form After Submission', 'metform'); ?>
													</li>
													<li><?php esc_html_e('Store Entries', 'metform'); ?></li>
												</ul>
											</div>
											<div class="attr-tab-pane attr-fade" id="mf-set-feature-3">
												<div class="mf-set-dash-tab-img">
													<img src="<?php echo esc_url(plugin_dir_url(__FILE__) . '../images/feature-preview.png'); ?>" class="">
												</div>
												<p><?php esc_html_e('Get started by spending some time with the documentation to get familiar with MetForm Get started by spending some time with the documentation to get notification in real time.', 'metform'); ?>
												</p>
												<ul>
													<li><?php esc_html_e('Success Message', 'metform'); ?></li>
													<li><?php esc_html_e('Required Login', 'metform'); ?></li>
													<li><?php esc_html_e('Hide Form After Submission', 'metform'); ?>
													</li>
													<li><?php esc_html_e('Store Entries', 'metform'); ?></li>
												</ul>
											</div>
										</div>
									</div>
								</div>

<div id="mf-set-dash-faq" class="mf-set-dash-section">
									<div class="mf-setting-dash-section-heading">
										<h2 class="mf-setting-dash-section-heading--title">
											<?php esc_html_e('General Knowledge Base', 'metform'); ?></h2>
										<span class="mf-setting-dash-section-heading--subtitle"><?php esc_html_e('FAQ', 'metform'); ?></span>
										<div class="mf-setting-dash-section-heading--content">
											<p><?php esc_html_e('Get started by spending some time with the documentation to get familiar with ElementsKit.', 'metform') ?>
											</p>
										</div>
									</div>

<div class="mf-dash-content">
									<div class="ekit-admin-section ekit-admin-dual-layout ekit-admin-documentation-section">
										<div class="ekit-admin-left-thumb" style="margin-right: 50px;">
											<img src="<?php echo esc_url(plugin_dir_url(__FILE__) . '../images/documentation-thumb.png'); ?>" alt="<?php esc_attr_e('Documentation Thumb', 'metform'); ?>">
										</div>
										<div class="ekit-admin-right-content">
											<div class="ekit-admin-right-content--heading">
												<h2>Easy Documentation</h2>
												<span class="ekit-admin-right-content--heading__sub-title">Docs</span>
											</div>
											<p>Check out the docs and start building awesome forms with MetForm!</p>
											<div class="ekit-admin-right-content--button">
												<a target="_blank" href="https://wpmet.com/doc/metform/" class="attr-btn attr-btn-primary ekit-admin-right-content--link"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" viewBox="0 0 12 14" fill="none">
														<path d="M3.5 10.125H8.5" stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
														<path d="M3.5 7.625H6" stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
														<path d="M11 12V5.125L6.625 0.75H2.25C1.55964 0.75 1 1.30964 1 2V12C1 12.6904 1.55964 13.25 2.25 13.25H9.75C10.4404 13.25 11 12.6904 11 12Z" stroke="#fff" stroke-width="1.5" stroke-linejoin="round"></path>
														<path d="M6.625 0.75V3.875C6.625 4.56536 7.18463 5.125 7.875 5.125H11" stroke="#fff" stroke-width="1.5" stroke-linejoin="round"></path>
													</svg> Get started</a>
											</div>
										</div>
									</div>
									
									<div class="ekit-admin-section ekit-admin-dual-layout ekit-admin-support-section">
										<div class="ekit-admin-right-content" style="margin-right: 50px;">
											<div class="ekit-admin-right-content--heading">
												<h2>Top-notch &amp; Friendly Support</h2>
												<span class="ekit-admin-right-content--heading__sub-title">Support</span>
											</div>
											<p>Stuck somewhere? Feel free to open a ticket for getting Pro support.</p>
											<div class="ekit-admin-right-content--button">
												<a target="_blank" href="https://wpmet.com/support-ticket-form/" class="attr-btn attr-btn-primary ekit-admin-right-content--link"><span class="mf mf-question"></span>Join support forum</a>
											</div>
										</div>

</div>
									
									
									<div class="ekit-admin-section ekit-admin-dual-layout ekit-admin-feature-request-section ekit-admin-except-title">
										<div class="ekit-admin-left-thumb" style="margin-right: 50px;">
											<img src="<?php echo esc_url(plugin_dir_url(__FILE__) . '../images/featured-request-thumb.png'); ?>" alt="<?php esc_attr_e('Feature Request Thumb', 'metform'); ?>">
										</div>
										<div class="ekit-admin-right-content two">

<p>Maybe we’re missing something you can’t live without.</p>
											<div class="ekit-admin-right-content--button">
												<a target="_blank" href="https://wpmet.com/plugin/metform/roadmaps/#ideas" class="attr-btn attr-btn-primary ekit-admin-right-content--link"> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" viewBox="0 0 12 14" fill="none">
														<path d="M3.5 10.125H8.5" stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
														<path d="M3.5 7.625H6" stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
														<path d="M11 12V5.125L6.625 0.75H2.25C1.55964 0.75 1 1.30964 1 2V12C1 12.6904 1.55964 13.25 2.25 13.25H9.75C10.4404 13.25 11 12.6904 11 12Z" stroke="#fff" stroke-width="1.5" stroke-linejoin="round" />
														<path d="M6.625 0.75V3.875C6.625 4.56536 7.18463 5.125 7.875 5.125H11" stroke="#fff" stroke-width="1.5" stroke-linejoin="round" />
													</svg></span> Request a Feature</a>
											</div>
										</div>
									</div>

<div id="mf-set-dash-rate-now" class="mf-set-dash-section ekit-admin-section " style="margin: 60px 120px 0 120px;">
										<div class="mf-admin-right-content">

</div>

</div>
							</div>
						</div>

<form action="" method="post" class="mf-settings-form-common mf-general-tab-form" id="mf-general-form">
							<div class="mf-settings-section" id="mf-general_options">
								<div class="mf-settings-single-section">
									<div class="recaptha-tab list-item">
										<div class="tab-header">
											<h4 class="list-item-header"><?php esc_attr_e('ReCaptcha Settings', 'metform') ?></h4>
										</div>
										<div class="attr-row" style="margin: 0 -10px;">
											<div class="attr-col-lg-6">
												<div class="mf-setting-input-group">
													<label class="mf-setting-label" for="captcha-method"><?php esc_html_e('Select version:', 'metform'); ?></label>
													<div class="mf-setting-select-container">
														<select name="mf_recaptcha_version" class="mf-setting-input attr-form-control mf-recaptcha-version" id="captcha-method">
															<option <?php echo esc_attr((isset($settings['mf_recaptcha_version']) && ($settings['mf_recaptcha_version'] == 'recaptcha-v2')) ? 'Selected' : ''); ?> value="recaptcha-v2">
																<?php esc_html_e('reCAPTCHA V2', 'metform'); ?>
															</option>
															<option <?php echo esc_attr((isset($settings['mf_recaptcha_version']) && ($settings['mf_recaptcha_version'] == 'recaptcha-v3')) ? 'Selected' : ''); ?> value="recaptcha-v3">
																<?php esc_html_e('reCAPTCHA V3', 'metform'); ?>
															</option>
														</select>
													</div>
													<p class="description">
														<?php esc_html_e('Select google reCaptcha version which one want to use.', 'metform'); ?>
													</p>
												</div>
											</div>
										</div>

<div class="attr-row">
											<div class="attr-col-lg-12" style="padding: 0px;">
												<div class="mf-recaptcha-settings-wrapper">
													<div class="mf-recaptcha-settings" id="mf-recaptcha-v2">
														<div class="attr-row">
															<div class="attr-col-lg-6" style="padding: 0px 5px 0px 0px;">
																<div class="mf-setting-input-group">
																	<label class="mf-setting-label"><?php esc_html_e('Site key:', 'metform'); ?>
																	</label>
																	<input type="text" name="mf_recaptcha_site_key" value="<?php echo esc_attr((isset($settings['mf_recaptcha_site_key'])) ? $settings['mf_recaptcha_site_key'] : ''); ?>" class="mf-setting-input attr-form-control mf-recaptcha-site-key" placeholder="<?php esc_html_e('Insert site key', 'metform'); ?>">
																	<p class="description">
																		<?php esc_html_e('Create google reCaptcha site key from reCaptcha admin panel. ', 'metform'); ?><a target="__blank" class="mf-setting-btn-link" href="<?php echo esc_url('https://www.google.com/recaptcha/admin/'); ?>"><?php esc_html_e('Create from here', 'metform'); ?></a>
																	</p>
																</div>
															</div>
															<div class="attr-col-lg-6" style="padding: 0px 0px 0px 5px;">
																<div class="mf-setting-input-group">
																	<label class="mf-setting-label"><?php esc_html_e('Secret key:', 'metform'); ?>
																	</label>
																	<input type="text" name="mf_recaptcha_secret_key" value="<?php echo esc_attr((isset($settings['mf_recaptcha_secret_key'])) ? $settings['mf_recaptcha_secret_key'] : ''); ?>" class="mf-setting-input attr-form-control mf-recaptcha-secret-key" placeholder="<?php esc_html_e('Insert secret key', 'metform'); ?>">
																	<p class="description">
																		<?php esc_html_e('Create google reCaptcha secret key from reCaptcha admin panel. ', 'metform'); ?><a target="__blank" class="mf-setting-btn-link" href="<?php echo esc_url('https://www.google.com/recaptcha/admin/'); ?>"><?php esc_html_e('Create from here', 'metform'); ?></a>
																	</p>
																</div>
															</div>
														</div>
													</div>

<div class="mf-recaptcha-settings" id="mf-recaptcha-v3">
														<div class="attr-row">
															<div class="attr-col-lg-6">
																<div class="mf-setting-input-group">
																	<label class="mf-setting-label"><?php esc_html_e('Site key:', 'metform'); ?>
																	</label>
																	<input type="text" name="mf_recaptcha_site_key_v3" value="<?php echo esc_attr((isset($settings['mf_recaptcha_site_key_v3'])) ? $settings['mf_recaptcha_site_key_v3'] : ''); ?>" class="mf-setting-input attr-form-control mf-recaptcha-site-key" placeholder="<?php esc_html_e('Insert site key', 'metform'); ?>">
																	<p class="description">
																		<?php esc_html_e('Create google reCaptcha site key from reCaptcha admin panel. ', 'metform'); ?><a target="__blank" class="mf-setting-btn-link" href="<?php echo esc_url('https://www.google.com/recaptcha/admin/'); ?>"><?php esc_html_e('Create from here', 'metform'); ?></a>
																	</p>
																</div>
															</div>
															<div class="attr-col-lg-6">
																<div class="mf-setting-input-group">
																	<label class="mf-setting-label"><?php esc_html_e('Secret key:', 'metform'); ?>
																	</label>
																	<input type="text" name="mf_recaptcha_secret_key_v3" value="<?php echo esc_attr((isset($settings['mf_recaptcha_secret_key_v3'])) ? $settings['mf_recaptcha_secret_key_v3'] : ''); ?>" class="mf-setting-input attr-form-control mf-recaptcha-secret-key" placeholder="<?php esc_html_e('Insert secret key', 'metform'); ?>">
																	<p class="description">
																		<?php esc_html_e('Create google reCaptcha secret key from reCaptcha admin panel. ', 'metform'); ?><a target="__blank" class="mf-setting-btn-link" href="<?php echo esc_url('https://www.google.com/recaptcha/admin/'); ?>"><?php esc_html_e('Create from here', 'metform'); ?></a>
																	</p>
																</div>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>

<?php if (class_exists('\MetForm_Pro\Base\Package')) : ?>
										<div class="map-tab list-item">
											<div class="tab-header">
												<h4 class="list-item-header"><?php esc_html_e('Map', 'metform') ?></h4>
											</div>
											<div class="mf-setting-input-group">
												<label class="mf-setting-label"><?php esc_html_e('API:', 'metform'); ?>
												</label>
												<input type="text" name="mf_google_map_api_key" value="<?php echo esc_attr((isset($settings['mf_google_map_api_key'])) ? $settings['mf_google_map_api_key'] : ''); ?>" class="mf-setting-input attr-form-control mf-google-map-api-key" placeholder="<?php esc_html_e('Insert map API key', 'metform'); ?>">
												<p class="description">
													<?php esc_html_e('Create google map API key from google developer console. ', 'metform'); ?><a target="__blank" class="mf-setting-btn-link" href="<?php echo esc_url('https://console.cloud.google.com/google/maps-apis/'); ?>"><?php esc_html_e('Create from here', 'metform'); ?></a>
												</p>
											</div>
										</div>
									<?php else : ?>
										<div class="mf-pro-missing-wrapper" id="mf-map-tab">
											<div class="mf-pro-missing">
												<div class="map-tab list-item">
													<div class="tab-header">
														<h4 class="list-item-header"><?php esc_html_e('Map', 'metform') ?></h4>
													</div>
													<div class="mf-pro-alert">
														<div class="pro-content">
															<h5 class="alert-heading"><?php esc_html_e('Map is a premium feature—get Pro to use it!', 'metform') ?></h5>
															<p class="alert-description"><?php esc_html_e('Get full access to premium features by upgrading today.', 'metform') ?></p>
														</div>
														<div class="pro-btn">
															<a href="https://wpmet.com/plugin/metform/pricing/" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="14" viewBox="0 0 13 14" fill="none">
																	<path d="M10.6 6.40002H2.2C1.53726 6.40002 1 6.93728 1 7.60002V11.8C1 12.4628 1.53726 13 2.2 13H10.6C11.2627 13 11.8 12.4628 11.8 11.8V7.60002C11.8 6.93728 11.2627 6.40002 10.6 6.40002Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
																	<path d="M3.40039 6.4V4C3.40039 3.20435 3.71646 2.44129 4.27907 1.87868C4.84168 1.31607 5.60474 1 6.40039 1C7.19604 1 7.9591 1.31607 8.52171 1.87868C9.08432 2.44129 9.40039 3.20435 9.40039 4V6" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
																</svg> Upgrade to Pro </a>
														</div>
													</div>
													<div class="attr-row">
														<div class="attr-col-lg-12">
															<?php
															mf_dummy_simple_input('API:', 'Insert map API key', 'Create google map API key from google developer console');
															?>
														</div>
													</div>
												</div>
											</div>
										</div>
									<?php endif; ?>
									<?php if (class_exists('\MetForm_Pro\Base\Package')) : ?>
										<div class="other-tab list-item">
											<div class="tab-header">
												<h4 class="list-item-header"><?php esc_html_e('Smart Form Settings', 'metform') ?></h4>
											</div>
											<div class="tab-pane" id="mf-other-tab">
												<div class="info-list">
													<div class="attr-row">
														<div class="attr-col-lg-12" style="padding: 0px;">
															<div class="mf-setting-input-group">
																<label class="mf-setting-label mf-setting-switch">
																	<input type="checkbox" name="mf_save_progress" value="1" class="attr-form-control" <?php echo esc_attr((isset($settings['mf_save_progress'])) ? 'Checked' : ''); ?> />
																	<span><?php esc_html_e('Save Form Progress ?', 'metform'); ?></span>
																</label>
															</div>
														</div>
													</div>
													<p class="description">
														<?php esc_html_e('Turn this feature on if you want partial submissions to be saved for a form so that the user can complete the form submission later. ', 'metform'); ?>
														<span class="description-highlight"><?php esc_html_e('Please note ', 'metform') ?></span> <br> <?php esc_html_e('that the submissions will be saved for 2 hours, after which the form submissions will be reset. ', 'metform'); ?>
													</p>
												</div>
												<div class="info-list">
													<div class="attr-row">
														<div class="attr-col-lg-12" style="padding: 0px;">
															<div class="mf-setting-input-group">
																<label class="mf-setting-label mf-setting-switch">
																	<input type="checkbox" name="mf_field_name_show" value="1" class="attr-form-control" <?php echo esc_attr((isset($settings['mf_field_name_show'])) ? 'Checked' : ''); ?> />
																	<span><?php esc_html_e('Display Input Field Name Alongside Value ', 'metform'); ?></span>

</label>
															</div>
														</div>
													</div>
													<p class="description">
														<?php esc_html_e('Turn this feature on if you want the input field title to be shown along with the value. By default, only the value is displayed. This feature works for', 'metform'); ?> <br> <?php esc_html_e('widgets like radio buttons, multi-select, select, image select, toggle select, checkboxes, and simple repeater.', 'metform'); ?>
													</p>
												</div>
											</div>
										</div>
									<?php else : ?>
										<div class="mf-pro-missing-wrapper">
											<div class="mf-pro-missing">
												<div class="list-item">
													<div class="tab-header">
														<h4 class="list-item-header"><?php esc_html_e('Smart Form Settings', 'metform') ?></h4>
													</div>

<div class="mf-pro-alert">
														<div class="pro-content">
															<h5 class="alert-heading"><?php esc_html_e('Smart Form is a premium feature—get Pro to use it!', 'metform') ?></h5>
															<p class="alert-description"><?php esc_html_e('Get full access to premium features by upgrading today.', 'metform') ?></p>
														</div>
														<div class="pro-btn">
															<a href="https://wpmet.com/plugin/metform/pricing/" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="14" viewBox="0 0 13 14" fill="none">
																	<path d="M10.6 6.40002H2.2C1.53726 6.40002 1 6.93728 1 7.60002V11.8C1 12.4628 1.53726 13 2.2 13H10.6C11.2627 13 11.8 12.4628 11.8 11.8V7.60002C11.8 6.93728 11.2627 6.40002 10.6 6.40002Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
																	<path d="M3.40039 6.4V4C3.40039 3.20435 3.71646 2.44129 4.27907 1.87868C4.84168 1.31607 5.60474 1 6.40039 1C7.19604 1 7.9591 1.31607 8.52171 1.87868C9.08432 2.44129 9.40039 3.20435 9.40039 4V6.4" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
																</svg> Upgrade to Pro</a>
														</div>
													</div>

<form action="" method="post" class="mf-settings-form-common mf-payment-tab-form" id="mf-payment-form">
							<div class="mf-settings-section" id="mf-payment_options">
								<div class="mf-settings-single-section">
									<div class="list-item">
										<div class="tab-header">
											<h4 class="list-item-header"><?php esc_html_e('Payment', 'metform') ?></h4>
										</div>

<div class="attr-form-group-wrap">
											<div class="attr-tab-content" id="nav-tabContent">
												<?php if (class_exists('\MetForm_Pro\Core\Integrations\Payment\Paypal')) : ?>
													<div class="attr-tab-pane attr-fade attr-active attr-in" id="mf-paypal-tab" role="tabpanel" aria-labelledby="mf-paypal-tab-label">
														<div class="attr-row" style="margin: 0 -10px;">
															<div class="attr-col-lg-12">
																<div class="mf-setting-input-group">
																	<label class="mf-setting-label mf-setting-input-heading"><?php esc_html_e('Paypal email:', 'metform'); ?></label>
																	<input type="email" name="mf_paypal_email" value="<?php echo esc_attr((isset($settings['mf_paypal_email'])) ? $settings['mf_paypal_email'] : ''); ?>" class="mf-setting-input mf-paypal-email attr-form-control" placeholder="<?php esc_html_e('Paypal email', 'metform'); ?>">
																	<p class="description">
																		<?php esc_html_e('Enter here your paypal email. ', 'metform'); ?><a class="mf-setting-btn-link" target="__blank" href="<?php echo esc_url('https://www.paypal.com/'); ?>"><?php esc_html_e('Create from here', 'metform'); ?></a>
																	</p>
																</div>

<div class="mf-setting-input-group">
																	<label class="mf-setting-label mf-setting-input-heading"><?php esc_html_e('Paypal token:', 'metform'); ?></label>
																	<input type="text" name="mf_paypal_token" value="<?php echo esc_attr((isset($settings['mf_paypal_token'])) ? $settings['mf_paypal_token'] : ''); ?>" class="mf-setting-input mf-paypal-token attr-form-control" placeholder="<?php esc_html_e('Paypal token', 'metform'); ?>">
																	<p class="description">
																		<?php esc_html_e('Enter here your paypal token. This is optional. ', 'metform'); ?><a class="mf-setting-btn-link" target="__blank" href="<?php echo esc_url('https://www.paypal.com/'); ?>"><?php esc_html_e('Create from here', 'metform'); ?></a>
																	</p>
																</div>

<div class="mf-setting-input-group">
																	<label class="mf-setting-label mf-setting-input-heading"><?php esc_html_e('Enable sandbox mode:', 'metform'); ?>
																		<input type="checkbox" value="1" name="mf_paypal_sandbox" <?php echo esc_attr((isset($settings['mf_paypal_sandbox'])) ? 'Checked' : ''); ?> class="mf-admin-control-input input-paypal_sandbox">
																	</label>
																	<p class="description">
																		<?php esc_html_e('Enable this for testing payment method. ', 'metform'); ?>
																	</p>
																</div>
															</div>
														</div>
													</div>
												<?php else : ?>
													<div class="mf-pro-missing-wrapper attr-tab-pane attr-fade attr-active attr-in" id="mf-paypal-tab" role="tabpanel" aria-labelledby="mf-paypal-tab-label">
														<div class="mf-pro-missing">
															<div class="mf-pro-alert">
																<div class="pro-content">
																	<h5 class="alert-heading">You are currently using MetForm free version.</h5>
																	<p class="alert-description">Get full access to premium features by upgrading today.</p>
																</div>
																<div class="pro-btn">
																	<a href="https://wpmet.com/plugin/metform/pricing/" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="14" viewBox="0 0 13 14" fill="none">
																			<path d="M10.6 6.40002H2.2C1.53726 6.40002 1 6.93728 1 7.60002V11.8C1 12.4628 1.53726 13 2.2 13H10.6C11.2627 13 11.8 12.4628 11.8 11.8V7.60002C11.8 6.93728 11.2627 6.40002 10.6 6.40002Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
																			<path d="M3.40039 6.4V4C3.40039 3.20435 3.71646 2.44129 4.27907 1.87868C4.84168 1.31607 5.60474 1 6.40039 1C7.19604 1 7.9591 1.31607 8.52171 1.87868C9.08432 2.44129 9.40039 3.20435 9.40039 4V6.4" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
																		</svg> Upgrade to Pro</a>
																</div>
															</div>
															<div class="attr-row" style="margin: 0 -10px;">
																<div class="attr-col-lg-12">
																	<?php
																	mf_dummy_simple_input('Paypal email:', 'Paypal email', 'Enter here your paypal email.');
																	mf_dummy_simple_input('Paypal token:', 'Paypal token', 'Enter here your paypal token. This is optional.');
																	mf_dummy_checkbox_input('Enable sandbox mode:', 'Enable this for testing payment method.');
																	?>
																</div>
															</div>
														</div>
													</div>
												<?php endif; ?>

<?php if (class_exists('\MetForm_Pro\Core\Integrations\Payment\Stripe')) : ?>
													<div class="attr-tab-pane attr-fade" id="attr-stripe-tab" role="tabpanel" aria-labelledby="mf-stripe-tab-label">
														<div class="attr-row" style="margin: 0 -10px;">
															<div class="attr-col-lg-12">
																<div class="mf-setting-input-group">
																	<label for="attr-input-label" class="mf-setting-label attr-input-label mf-setting-input-heading"><?php esc_html_e('Image url:', 'metform'); ?></label>
																	<input type="text" name="mf_stripe_image_url" value="<?php echo esc_attr((isset($settings['mf_stripe_image_url'])) ? $settings['mf_stripe_image_url'] : ''); ?>" class="mf-setting-input mf-stripe-image-url attr-form-control" placeholder="<?php esc_html_e('Stripe image url', 'metform'); ?>">
																	<p class="description">
																		<?php esc_html_e('Enter here your stripe image url. This image will show on stripe payment pop up modal. ', 'metform'); ?>
																	</p>
																</div>

<div class="mf-setting-input-group">
																	<label for="attr-input-label" class="mf-setting-label attr-input-label mf-setting-input-heading"><?php esc_html_e('Live publishiable key:', 'metform'); ?></label>
																	<input type="text" name="mf_stripe_live_publishiable_key" value="<?php echo esc_attr((isset($settings['mf_stripe_live_publishiable_key'])) ? $settings['mf_stripe_live_publishiable_key'] : ''); ?>" class="mf-setting-input mf-stripe-live-publishiable-key attr-form-control" placeholder="<?php esc_html_e('Stripe live publishiable key', 'metform'); ?>">
																	<p class="description">
																		<?php esc_html_e('Enter here your stripe live publishiable key. ', 'metform'); ?><a class="mf-setting-btn-link" target="__blank" href="<?php echo esc_url('https://stripe.com/'); ?>"><?php esc_html_e('Create from here', 'metform'); ?></a>
																	</p>
																</div>

<div class="mf-setting-input-group">
																	<label for="attr-input-label" class="mf-setting-label attr-input-label mf-setting-input-heading"><?php esc_html_e('Live secret key:', 'metform'); ?></label>
																	<input type="text" name="mf_stripe_live_secret_key" value="<?php echo esc_attr((isset($settings['mf_stripe_live_secret_key'])) ? $settings['mf_stripe_live_secret_key'] : ''); ?>" class="mf-setting-input mf-stripe-live-secret-key attr-form-control" placeholder="<?php esc_html_e('Stripe live secret key', 'metform'); ?>">
																	<p class="description">
																		<?php esc_html_e('Enter here your stripe live secret key. ', 'metform'); ?><a target="__blank" class="mf-setting-btn-link" href="<?php echo esc_url('https://stripe.com/'); ?>"><?php esc_html_e('Create from here', 'metform'); ?></a>
																	</p>
																</div>

<div class="mf-setting-input-group">
																	<label class="mf-setting-label attr-input-label mf-setting-input-heading">
																		<?php esc_html_e('Enable sandbox mode:', 'metform'); ?>
																		<input type="checkbox" value="1" name="mf_stripe_sandbox" <?php echo esc_attr((isset($settings['mf_stripe_sandbox'])) ? 'Checked' : ''); ?> class="mf-admin-control-input input-stripe_sandbox">
																	</label>
																	<p class="description">
																		<?php esc_html_e('Enable this for testing your payment system. ', 'metform'); ?>
																	</p>
																</div>

<div class="mf-form-modalinput-stripe_sandbox_keys">
																	<div class="mf-setting-input-group">
																		<label for="attr-input-label" class="mf-setting-label attr-input-label mf-setting-input-heading"><?php esc_html_e('Test publishiable key:', 'metform'); ?></label>
																		<input type="text" name="mf_stripe_test_publishiable_key" value="<?php echo esc_attr((isset($settings['mf_stripe_test_publishiable_key'])) ? $settings['mf_stripe_test_publishiable_key'] : ''); ?>" class="mf-setting-input mf-stripe-test-publishiable-key attr-form-control" placeholder="<?php esc_html_e('Stripe test publishiable key', 'metform'); ?>">
																		<p class="description">
																			<?php esc_html_e('Enter here your test publishiable key. ', 'metform'); ?><a class="mf-setting-btn-link" target="__blank" href="<?php echo esc_url('https://stripe.com/'); ?>"><?php esc_html_e('Create from here', 'metform'); ?></a>
																		</p>
																	</div>
																	<div class="mf-setting-input-group">
																		<label for="attr-input-label" class="mf-setting-label attr-input-label mf-setting-input-heading"><?php esc_html_e('Test secret key:', 'metform'); ?></label>
																		<input type="text" name="mf_stripe_test_secret_key" value="<?php echo esc_attr((isset($settings['mf_stripe_test_secret_key'])) ? $settings['mf_stripe_test_secret_key'] : ''); ?>" class="mf-setting-input mf-stripe-test-secret-key attr-form-control" placeholder="<?php esc_html_e('Stripe test secret key', 'metform'); ?>">
																		<p class="description">
																			<?php esc_html_e('Enter here your test secret key. ', 'metform'); ?><a target="__blank" class="mf-setting-btn-link" href="<?php echo esc_url('https://stripe.com/'); ?>"><?php esc_html_e('Create from here', 'metform'); ?></a>
																		</p>
																	</div>
																</div>

</div>
														</div>
													</div>
												<?php else : ?>
													<div class="mf-pro-missing-wrapper attr-tab-pane attr-fade" id="attr-stripe-tab" role="tabpanel" aria-labelledby="mf-stripe-tab-label">
														<div class="mf-pro-alert">
															<div class="pro-content">
																<h5 class="alert-heading">You are currently using MetForm free version.</h5>
																<p class="alert-description">Get full access to premium features by upgrading today.</p>
															</div>
															<div class="pro-btn">
																<a href="https://wpmet.com/plugin/metform/pricing/" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="14" viewBox="0 0 13 14" fill="none">
																		<path d="M10.6 6.40002H2.2C1.53726 6.40002 1 6.93728 1 7.60002V11.8C1 12.4628 1.53726 13 2.2 13H10.6C11.2627 13 11.8 12.4628 11.8 11.8V7.60002C11.8 6.93728 11.2627 6.40002 10.6 6.40002Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
																		<path d="M3.40039 6.4V4C3.40039 3.20435 3.71646 2.44129 4.27907 1.87868C4.84168 1.31607 5.60474 1 6.40039 1C7.19604 1 7.9591 1.31607 8.52171 1.87868C9.08432 2.44129 9.40039 3.20435 9.40039 4V6.4" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
																	</svg> Upgrade to Pro</a>
															</div>
														</div>
														<div class="mf-pro-missing">
															<div class="attr-row" style="margin: 0 -10px;">
																<div class="attr-col-lg-12">
																	<?php
																	mf_dummy_simple_input('Image url:', 'Stripe image url', 'Enter here your stripe image url. This image will show on stripe payment pop up modal.');
																	mf_dummy_simple_input('LIve publishable key:', 'Stripe test publishable key', 'Enter here your publishable key.');
																	mf_dummy_simple_input('Live secret key:', 'Stripe live secret key', 'Enter here your stripe live secret key.');
																	mf_dummy_checkbox_input('Enable sandbox mode:', 'Enable this for testing your payment system.');
																	mf_dummy_simple_input('Test publishable key:', 'Stripe test publishable key', 'Enter here your test publishable key.');
																	mf_dummy_simple_input('Test secret key:', 'Stripe test secret key', 'Enter here your test secret key.');
																	?>
																</div>
															</div>
														</div>
													</div>
												<?php endif; ?>
											</div>
										</div>
									</div>

<div class="attr-row" style="margin: 0 -10px;">
											<div class="attr-col-lg-12">
												<?php
												if (!class_exists('\MetForm_Pro\Base\Package')) { ?>
													<div class="mf-pro-alert">
														<div class="pro-content">
															<h5 class="alert-heading">Redirect Page is a premium feature—get Pro to use it!</h5>
															<p class="alert-description">Get full access to premium features by upgrading today.</p>
														</div>
														<div class="pro-btn">
															<a href="https://wpmet.com/plugin/metform/pricing/" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="14" viewBox="0 0 13 14" fill="none">
																	<path d="M10.6 6.40002H2.2C1.53726 6.40002 1 6.93728 1 7.60002V11.8C1 12.4628 1.53726 13 2.2 13H10.6C11.2627 13 11.8 12.4628 11.8 11.8V7.60002C11.8 6.93728 11.2627 6.40002 10.6 6.40002Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
																	<path d="M3.40039 6.4V4C3.40039 3.20435 3.71646 2.44129 4.27907 1.87868C4.84168 1.31607 5.60474 1 6.40039 1C7.19604 1 7.9591 1.31607 8.52171 1.87868C9.08432 2.44129 9.40039 3.20435 9.40039 4V6.4" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
																</svg> Upgrade to Pro</a>
														</div>
													</div>
												<?php
												} ?>
											</div>
											<div class="attr-col-lg-6">
												
												<?php if (class_exists('\MetForm_Pro\Base\Package')) : ?>
													<div class="attr-tab-pane" id="mf-thankyou-tab">
														<div class="mf-setting-input-group">
															<h3 class="mf-setting-input-heading"><?php esc_html_e('Select Thank You Page :', 'metform'); ?></h3>
															<?php $page_ids = get_all_page_ids(); ?>
															<select name="mf_thank_you_page" class="mf-setting-input attr-form-control">
																<option value=""><?php esc_html_e('Select a page', 'metform'); ?></option>
																<?php foreach ($page_ids as $page) : ?>
																	<option <?php
																			if (isset($settings['mf_thank_you_page'])) {
																				if ($settings['mf_thank_you_page'] == $page) {
																					echo esc_attr('selected');
																				}
																			}
																			?> value="<?php echo esc_attr($page); ?>"> <?php echo esc_html(get_the_title($page)); ?>
																	<?php endforeach; ?>
															</select>
															
															<p class="info-description"><?php echo wp_kses_post(__('Handle successful payment redirection page. Learn more about Thank you page. ', 'metform') . '<a href="https://help.wpmet.com/docs/thank-you-page/" target="_blank">' . __('Here', 'metform') . '</a>'); ?></p>
															<a class="mf-setting-btn-link btn-link-two" target="_blank" href="<?php echo esc_url(get_admin_url() . 'post-new.php?post_type=page'); ?>"> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none">
																	<path d="M6.368 2.265H2.193A1.193 1.193 0 0 0 1 3.458v8.35A1.193 1.193 0 0 0 2.193 13h8.35a1.193 1.193 0 0 0 1.192-1.193V7.633" stroke="#54565C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
																	<path d="M10.84 1.37a1.265 1.265 0 0 1 1.79 1.79L6.964 8.825l-2.385.597.596-2.386 5.666-5.665z" stroke="#54565C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
																</svg> <?php esc_html_e('Create Thank You Page', 'metform'); ?> </a>
														</div>
													</div>
												<?php else : ?>
													<div class="mf-pro-missing-wrapper attr-tab-pane" id="mf-thankyou-tab" role="tabpanel" aria-labelledby="mf-thankyou-tab-label">
														<div class="mf-pro-missing">
															<?php
															mf_dummy_simple_input('Select Thank You Page :', 'Select a page', 'Handle successfull payment redirection page. Learn more about Thank you page.');
															?>
															<a class="mf-setting-btn-link btn-link-two disable" href="#">
																<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none">
																	<path d="M6.368 2.265H2.193A1.193 1.193 0 0 0 1 3.458v8.35A1.193 1.193 0 0 0 2.193 13h8.35a1.193 1.193 0 0 0 1.192-1.193V7.633" stroke="#54565C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
																	<path d="M10.84 1.37a1.265 1.265 0 0 1 1.79 1.79L6.964 8.825l-2.385.597.596-2.386 5.666-5.665z" stroke="#54565C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
																</svg>
																<?php esc_html_e('Create Thank You Page', 'metform'); ?></a>
														</div>
													</div>
												<?php endif; ?>
											</div>
											<div class="attr-col-lg-6">
												
												<?php if (class_exists('\MetForm_Pro\Base\Package')) : ?>
													<div class="attr-tab-pane" id="mf-cancel-tab">
														<div class="mf-setting-input-group">
															<h3 class="mf-setting-input-heading"><?php esc_html_e('Select Cancel Page :', 'metform'); ?></h3>
															<?php $page_ids = get_all_page_ids(); ?>
															<select name="mf_cancel_page" class="mf-setting-input attr-form-control">
																<option value=""><?php esc_html_e('Select a page', 'metform'); ?></option>
																<?php foreach ($page_ids as $page) :
																?>
																	<option <?php
																			if (isset($settings['mf_cancel_page'])) {
																				if ($settings['mf_cancel_page'] == $page) {
																					echo esc_attr('selected');
																				}
																			}
																			?> value="<?php echo esc_attr($page); ?>"> <?php echo esc_html(get_the_title($page)); ?>
																	<?php endforeach; ?>
															</select>
															
															<p class="info-description"><?php esc_html_e('Handle canceled payment redirection page. Learn more about cancel page.', 'metform'); ?></p>
															<a class="mf-setting-btn-link btn-link-two" href="<?php echo esc_url(get_admin_url() . 'post-new.php?post_type=page'); ?>">
																<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none">
																	<path d="M6.368 2.265H2.193A1.193 1.193 0 0 0 1 3.458v8.35A1.193 1.193 0 0 0 2.193 13h8.35a1.193 1.193 0 0 0 1.192-1.193V7.633" stroke="#54565C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
																	<path d="M10.84 1.37a1.265 1.265 0 0 1 1.79 1.79L6.964 8.825l-2.385.597.596-2.386 5.666-5.665z" stroke="#54565C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
																</svg>
																<?php esc_html_e('Create Cancel Page', 'metform'); ?></a>
														</div>
													</div>
												<?php else : ?>
													<div class="mf-pro-missing-wrapper attr-tab-pane" id="mf-cancel-tab" role="tabpanel" aria-labelledby="mf-cancel-tab-label">
														<div class="mf-pro-missing">
															<?php
															mf_dummy_simple_input('Select Cancel Page :', 'Select a page', 'Handle canceled payment redirection page. Learn more about cancel page.');
															?>
															<a class="mf-setting-btn-link btn-link-two disable" href="#">
																<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none">
																	<path d="M6.368 2.265H2.193A1.193 1.193 0 0 0 1 3.458v8.35A1.193 1.193 0 0 0 2.193 13h8.35a1.193 1.193 0 0 0 1.192-1.193V7.633" stroke="#54565C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
																	<path d="M10.84 1.37a1.265 1.265 0 0 1 1.79 1.79L6.964 8.825l-2.385.597.596-2.386 5.666-5.665z" stroke="#54565C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
																</svg>
																<?php esc_html_e('Create Cancel Page', 'metform'); ?></a>
														</div>
													</div>
												<?php endif; ?>
											</div>
										</div>
									</div>

<div class="mf-settings-section" id="mf-newsletter_integration">
							<div class="mf-settings-single-section">
								<div class="list-item">
									<?php if (class_exists('\MetForm\Core\Integrations\Mail_Chimp')) : ?>
										<div class="tab-header">
											<h4 class="list-item-header"><?php esc_html_e('Newsletter Integration', 'metform') ?></h4>
										</div>

<div class="attr-col-lg-6" style="padding: 0px 5px 0px 0px;">
															<div class="mf-setting-input-group">
																<label for="attr-input-label" class="mf-setting-label mf-setting-label attr-input-label"><?php esc_html_e('Google Client Id:', 'metform'); ?></label>
																<input type="text" name="mf_google_sheet_client_id" value="<?php echo esc_attr(isset($settings['mf_google_sheet_client_id']) ? $settings['mf_google_sheet_client_id'] : ''); ?>" class="mf-setting-input mf-google-sheet-api-key attr-form-control" placeholder="<?php esc_html_e('Google OAuth Client Id', 'metform'); ?>">
																<p class="description">
																	<?php esc_html_e('Enter here your google client id. ', 'metform'); ?><a class="mf-setting-btn-link" target="__blank" href="<?php echo esc_url('https://console.cloud.google.com'); ?>"><?php esc_html_e('Create from here', 'metform'); ?></a>
																</p>
															</div>
														</div>
														<div class="attr-col-lg-6" style="padding: 0px 0px 0px 5px;">
															<div class="mf-setting-input-group">
																<label for="attr-input-label" class="mf-setting-label mf-setting-label attr-input-label"><?php esc_html_e('Google Client Secret:', 'metform'); ?></label>
																<input type="text" name="mf_google_sheet_client_secret" value="<?php echo esc_attr(isset($settings['mf_google_sheet_client_secret']) ? $settings['mf_google_sheet_client_secret'] : ''); ?>" class="mf-setting-input mf-google-sheet-api-key attr-form-control" placeholder="<?php esc_html_e('Google OAuth Client Secret', 'metform'); ?>">
																<p class="description">
																	<?php esc_html_e('Enter here your google secret id. ', 'metform'); ?><a class="mf-setting-btn-link" target="__blank" href="<?php echo esc_url('https://console.cloud.google.com'); ?>"><?php esc_html_e('Create from here', 'metform'); ?></a>
																</p>
															</div>
														</div>
													</div>
													<?php $google = new \MetForm_Pro\Core\Integrations\Google_Sheet\Google_Access_Token; ?>
													<ol class="xs_social_ol">
														<li><span class="pointer">1</span><?php echo esc_html__('Check how to create App/Project On Google developer account', 'metform') ?> - <a class="mf-setting-btn-link" href="https://help.wpmet.com/docs/google-sheet-integration" target="_blank">Documentation</a></li>
														<li><span class="pointer">2</span><?php echo esc_html__('Must add the following URL to the "Valid OAuth redirect URIs" field:', 'metform') ?> <strong style="font-weight:500;"><?php echo esc_url(admin_url('admin.php?page=metform-menu-settings')) ?></strong></li>
														<li><span class="pointer">3</span><?php echo esc_html__('After getting the App ID & App Secret, put those information', 'metform') ?></li>
														<li><span class="pointer">4</span><?php echo esc_html__('Click on "Save Changes"', 'metform') ?></li>
														<li><span class="pointer">5</span><?php echo esc_html__('Click on "Generate Access Token"', 'metform') ?></li>
													</ol>
													<a class="mf-setting-btn-link round-btn" href="<?php echo esc_url($google->get_code()); ?>"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="13" fill="none">
															<path d="M1 4.85V2.4A1.4 1.4 0 0 1 2.4 1h11.2c.773 0 1.4.628 1.4 1.401V10.8a1.4 1.4 0 0 1-1.4 1.401H2.4A1.4 1.4 0 0 1 1 10.8V8.35a1.75 1.75 0 0 0 0-3.5zM10.1 6.6h2.1M7.3 9.4h4.9" stroke="#9D9EA1" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
														</svg> <?php esc_attr_e('Generate Access Token', 'metform'); ?></a>
												</div>
												<p class="mf-set-dash-top-notch--item__desc">
													<?php esc_html_e("Note: After 200 days your token will be expired, before the expiration of your token, generate a new token.", 'metform'); ?>
												</p>
											<?php else : ?>
												<div class="mf-pro-missing-wrapper attr-tab-pane attr-fade attr-active attr-in" id="mf-google-sheet-tab" role="tabpanel" aria-labelledby="nav-home-tab">
													<div class="mf-pro-missing">
														<div class="mf-pro-alert">
															<div class="pro-content">
																<h5 class="alert-heading"><?php esc_html_e('Google Sheet Integration is a premium feature—get Pro to use it!', 'metform') ?></h5>
																<p class="alert-description"><?php esc_html_e('Get full access to premium features by upgrading today.', 'metform') ?></p>
															</div>
															<div class="pro-btn">
																<a href="https://wpmet.com/plugin/metform/pricing/" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="14" viewBox="0 0 13 14" fill="none">
																		<path d="M10.6 6.40002H2.2C1.53726 6.40002 1 6.93728 1 7.60002V11.8C1 12.4628 1.53726 13 2.2 13H10.6C11.2627 13 11.8 12.4628 11.8 11.8V7.60002C11.8 6.93728 11.2627 6.40002 10.6 6.40002Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
																		<path d="M3.40039 6.4V4C3.40039 3.20435 3.71646 2.44129 4.27907 1.87868C4.84168 1.31607 5.60474 1 6.40039 1C7.19604 1 7.9591 1.31607 8.52171 1.87868C9.08432 2.44129 9.40039 3.20435 9.40039 4V6.4" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
																	</svg> Upgrade to Pro</a>
															</div>
														</div>
														<div class="attr-row">
															<div class="attr-col-lg-6">
																<?php
																mf_dummy_simple_input('Google Client Id:', 'Google Client Id', 'Enter here your google client id.');
																?>
															</div>
															<div class="attr-col-lg-6">
																<?php
																mf_dummy_simple_input('Google Client Secret:', 'Google Client Secret', 'Enter here your google client secret.');
																?>
															</div>
														</div>
														<ol class="xs_social_ol">
															<li><span class="pointer">1</span><?php echo esc_html__('Check how to create App/Project On Google developer account', 'metform') ?> - <a class="mf-setting-btn-link" href="https://help.wpmet.com/docs/google-sheet-integration" target="_blank">Documentation</a></li>
															<li><span class="pointer">2</span><?php echo esc_html__('Must add the following URL to the "Valid OAuth redirect URIs" field:', 'metform') ?> <strong style="font-weight:500;"><?php echo esc_url(admin_url('admin.php?page=metform-menu-settings')) ?></strong></li>
															<li><span class="pointer">3</span><?php echo esc_html__('After getting the App ID & App Secret, put those information', 'metform') ?></li>
															<li><span class="pointer">4</span><?php echo esc_html__('Click on "Save Changes"', 'metform') ?></li>
															<li><span class="pointer">5</span><?php echo esc_html__('Click on "Generate Access Token"', 'metform') ?></li>
														</ol>
														<a class="mf-setting-btn-link achor-style round-btn disabled" href="#"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="13" fill="none">
																<path d="M1 4.85V2.4A1.4 1.4 0 0 1 2.4 1h11.2c.773 0 1.4.628 1.4 1.401V10.8a1.4 1.4 0 0 1-1.4 1.401H2.4A1.4 1.4 0 0 1 1 10.8V8.35a1.75 1.75 0 0 0 0-3.5zM10.1 6.6h2.1M7.3 9.4h4.9" stroke="#0D1427" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
															</svg> <?php esc_attr_e('Generate Access Token', 'metform'); ?></a>
														<p class="mf-set-dash-top-notch--item__desc">
															<?php esc_html_e("Note: After 200 days your token will be expired, before the expiration of your token, generate a new token.", 'metform'); ?>
														</p>
													</div>
												</div>
											<?php endif; ?>
										</div>
									</div>
								</div>
								<button type="submit" name="submit" id="mf-google-sheet-submit" class="mf-settings-form-submit-btn mt-8 mf-admin-setting-btn active"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none">
										<path fill-rule="evenodd" clip-rule="evenodd" d="M6.00024 12C2.68654 12 0.000244141 9.31373 0.000244141 6C0.000244141 2.68629 2.68654 0 6.00024 0C9.31397 0 12.0002 2.68629 12.0002 6C12.0002 9.31373 9.31397 12 6.00024 12ZM7.81269 3.73358L5.1368 6.65269L4.15367 5.66953L3.36434 6.4589L5.17191 8.26644L8.63556 4.48788L7.81269 3.73358Z" fill="white" />
									</svg><?php esc_attr_e('Save Changes', 'metform'); ?></button>
							</div>
						</form>

<?php do_action('metform_settings_content'); ?>

</div>
				</div>
			</div>
		</div>
	</div>
</div>

<div class="attr-modal mf-api-modal mf-api-modal-animate" id="metform_pro_modal" tabindex="-1" role="dialog" aria-labelledby="metform_pro_modalLabel" style="display:none;">
	<div class="attr-modal-dialog mf-api-modal-dialog" role="document">
		<div class="attr-modal-content">
			<div class="mf-api-modal-close-btn" data-dismiss="modal" aria-label="Close Modal">
				<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
					<path d="M13 1 1 13M1 1l12 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
				</svg>
			</div>
			<div class="mf-dashboard__settings-api__content ">
				<div class="mf-dashboard__settings-api__content-header">
					<h2>Add MailChimp Integrations</h2>
				</div>
				<div class="mf-dashboard__settings-api__lists-content">
					<div class="mf-dashboard__settings-api__content-input">
						<h4 class="field-key">Mailchimp API Key:</h4>
						<input type="text" placeholder="Enter your API Key" id="apikey" value="">
						<p class="help-text">Enter here your Mailchimp API key. <a href="#">Get API</a></p>
					</div>
					<button type="button" class="components-button save-btn">Connect MailChimp Integration</button><button type="button" class="components-button cancel-btn" data-dismiss="modal">Cancel</button>
				</div>
			</div>
		</div>
	</div>
</div>

<div class="changes-toaster" id="changes-toaster">
	<div class="toaster-wrapper">
		
		<div class="toaster-content">
			
			<div class="success-icon icon">
				<svg xmlns="http://www.w3.org/2000/svg" fill="#14ae5c" id="Layer_1" data-name="Layer 1" viewBox="0 0 24 24" width="20" height="20">
					<path d="m12,0C5.383,0,0,5.383,0,12s5.383,12,12,12,12-5.383,12-12S18.617,0,12,0Zm-.091,15.419c-.387.387-.896.58-1.407.58s-1.025-.195-1.416-.585l-2.782-2.696,1.393-1.437,2.793,2.707,5.809-5.701,1.404,1.425-5.793,5.707Z" />
				</svg>
			</div>
			<div class="info">
				<span>Success</span>
				<p class="toaster-message">Settings saved successfully!</p>
			</div>
		</div>
	</div>
</div>

🔐 Sid Gifari File Manager Pro