<!-- General Configuration -->

<?php

$replytodifferent = $this -> get_option('replytodifferent');
$smtpreply = $this -> get_option('smtpreply');
$bccemails = $this -> get_option('bccemails');
$bccemails_address = $this -> get_option('bccemails_address');
$mailapi = $this -> get_option('mailapi');
$tracking = $this -> get_option('tracking');
$tracking_image = $this -> get_option('tracking_image');
$tracking_image_file = $this -> get_option('tracking_image_file');
$tracking_image_alt = $this -> get_option('tracking_image_alt'); 

$disable_drag_and_drop_builder = $this -> get_option('disable_drag_drop_builder');

?>


<table class="form-table">
    <tbody>
    <tr >
        <th><label for="disable_drag_drop_builder"><?php _e('Disable Drag & Drop Builder When Creating Newsletters', 'wp-mailinglist'); ?></label>

        </th>
        <td>
            <label class="newsletters-custom-checkbox">
				<input <?php echo (!empty($disable_drag_and_drop_builder)) ? 'checked="checked"' : ''; ?> type="checkbox" name="disable_drag_drop_builder" value="1" id="disable_drag_drop_builder" />
				<span class="check-icon"></span>
				<?php _e('Disable the Drag & Drop Builder in the Create Newsletter page', 'wp-mailinglist'); ?>
			</label>
            <br/><br/><span class="howto" ><?php echo __('By ticking this setting, you disable the Drag & Drop Builder on the Create Newsletter page. This does not disable it when creating/editing a template.', 'wp-mailinglist'); ?></span>

        </td>
    </tr>
    <tr>
        <th><label for="disable_autosave"><?php _e('Disable AutoSave', 'wp-mailinglist'); ?></label></th>
        <td>
            <?php $disable_autosave = $this -> get_option('disable_autosave'); ?>
            <label class="newsletters-custom-checkbox">
				<input onclick="if (jQuery(this).is(':checked')) { jQuery('#autosave_interval_div').hide(); } else { jQuery('#autosave_interval_div').show(); }" <?php echo (!empty($disable_autosave)) ? 'checked="checked"' : ''; ?> type="checkbox" name="disable_autosave" value="1" id="disable_autosave" />
				<span class="check-icon"></span>
				<?php _e('Disable the AutoSave functionality in the editor', 'wp-mailinglist'); ?>
			</label>
            <br/><br/><span class="howto"><?php _e('Check this box to prevent the newsletter editor from automatically saving drafts.', 'wp-mailinglist'); ?></span>
        </td>
    </tr>
    </tbody>
</table>

<div id="autosave_interval_div" class="newsletters_indented" style="display:<?php echo (empty($disable_autosave)) ? 'block' : 'none'; ?>;">
    <table class="form-table">
        <tbody>
            <tr>
                <th><label for="autosave_interval"><?php _e('AutoSave Interval', 'wp-mailinglist'); ?></label></th>
                <td>
                    <?php $autosave_interval = $this -> get_option('autosave_interval'); ?>
                    <input type="number" min="10" name="autosave_interval" value="<?php echo (empty($autosave_interval)) ? '20' : esc_attr($autosave_interval); ?>" id="autosave_interval" class="small-text" /> <?php _e('seconds', 'wp-mailinglist'); ?>
                    <span class="howto"><?php _e('The interval in seconds at which the newsletter will be automatically saved.', 'wp-mailinglist'); ?></span>
                </td>
            </tr>
        </tbody>
    </table>
</div>



<table class="form-table">
	<tbody>
		<tr>
			<th><label for="<?php echo $this -> pre; ?>adminemail"><?php _e('Administrator Email', 'wp-mailinglist'); ?></label>
			<?php echo $Html -> help(__('This email address is used for general notification purposes throughout the plugin. You may use multiple, comma separated email addresses for multiple administrators. E.g.: email1@example.com,email2@example.com,email3@example.com,etc.', 'wp-mailinglist')); ?></th>
			<td>
				<input type="text" class="widefat" id="<?php echo $this -> pre; ?>adminemail" name="adminemail" value="<?php echo esc_attr(wp_unslash($this -> get_option('adminemail'))); ?>" />
				<span class="howto"><?php _e('Email address of the administrator for notification purposes.', 'wp-mailinglist'); ?></span>
			</td>
		</tr>
		<tr>
			<th><label for="<?php echo $this -> pre; ?>smtpfromname"><?php _e('From Name', 'wp-mailinglist'); ?></label>
			<?php echo $Html -> help(__('Use your business name, website name or even your own name which will appear to the recipient in their email/webmail client so that they immediately know from whom the email was sent.', 'wp-mailinglist')); ?></th>
			<td>
				<?php if ($this -> language_do()) : ?>
					<?php 
					
					$languages = $this -> language_getlanguages(); 
					$smtpfromname = $this -> get_option('smtpfromname');
					
					?>
					<div id="smtpfromnametabs">
						<ul>
							<?php $tabnumber = 1; ?>
			                <?php foreach ($languages as $language) : ?>
			                 	<li><a href="#smtpfromnametab<?php echo $tabnumber; ?>"><?php echo $this -> language_flag($language); ?></a></li>   
			                    <?php $tabnumber++; ?>
			                <?php endforeach; ?>
			            </ul>
			            
			            <?php $tabnumber = 1; ?>
			            <?php foreach ($languages as $language) : ?>
			            	<div id="smtpfromnametab<?php echo $tabnumber; ?>">
			            		<input type="text" name="smtpfromname[<?php echo $language; ?>]" value="<?php echo esc_attr(wp_unslash($this -> language_use($language, $smtpfromname))); ?>" id="smtpfromname_<?php echo $language; ?>" class="widefat" />
			            	</div>
			            	<?php $tabnumber++; ?>
			            <?php endforeach; ?>
					</div>
					
					<script type="text/javascript">
					jQuery(document).ready(function() {
						if (jQuery.isFunction(jQuery.fn.tabs)) {
							jQuery('#smtpfromnametabs').tabs();
						}
					});
					</script>
				<?php else : ?>
            		<input class="widefat" type="text" id="<?php echo $this -> pre; ?>smtpfromname" name="smtpfromname" value="<?php echo esc_attr(wp_unslash($this -> get_option('smtpfromname'))); ?>" />
            	<?php endif; ?>
                <span class="howto"><?php _e('This is the name that will be displayed in the From field to your subscribers.', 'wp-mailinglist'); ?></span>
            </td>
		</tr>
		<tr>
			<th><label for="smtpfrom"><?php _e('From Address', 'wp-mailinglist'); ?></label>
			<?php echo $Html -> help(__('This email address is used for the "From:" header in all outgoing emails and it will appear in the recipient email/webmail client as the sender from which the email was sent.', 'wp-mailinglist')); ?></th>
			<td>
				<?php if ($this -> language_do()) : ?>
					<?php 
					
					$languages = $this -> language_getlanguages(); 
					$smtpfrom = $this -> get_option('smtpfrom');
					
					?>
					<div id="smtpfromtabs">
						<ul>
							<?php $tabnumber = 1; ?>
			                <?php foreach ($languages as $language) : ?>
			                 	<li><a href="#smtpfromtab<?php echo $tabnumber; ?>"><?php echo $this -> language_flag($language); ?></a></li>   
			                    <?php $tabnumber++; ?>
			                <?php endforeach; ?>
			            </ul>
			            
			            <?php $tabnumber = 1; ?>
			            <?php foreach ($languages as $language) : ?>
			            	<div id="smtpfromtab<?php echo $tabnumber; ?>">
			            		<input type="text" name="smtpfrom[<?php echo $language; ?>]" value="<?php echo esc_attr(wp_unslash($this -> language_use($language, $smtpfrom))); ?>" id="smtpfrom_<?php echo $language; ?>" class="widefat" />
			            	</div>
			            	<?php $tabnumber++; ?>
			            <?php endforeach; ?>
					</div>
					
					<script type="text/javascript">
					jQuery(document).ready(function() {
						if (jQuery.isFunction(jQuery.fn.tabs)) {
							jQuery('#smtpfromtabs').tabs();
						}
					});
					</script>
				<?php else : ?>
            		<input onkeyup="if (jQuery('#updatereturnpath').attr('checked')) { jQuery('#bounceemail').val(jQuery(this).val()); }" class="widefat" type="text" id="smtpfrom" name="smtpfrom" value="<?php echo esc_attr(wp_unslash($this -> get_option('smtpfrom'))); ?>" />
            		
            		<div id="updatereturnpath_div">
	            		<label class="newsletters-custom-checkbox">
							<input onclick="jQuery('#bounceemail').val(jQuery('#smtpfrom').val());" type="checkbox" name="updatereturnpath" value="1" id="updatereturnpath" />
							<span class="check-icon"></span>
							<?php _e('Update "Bounce Receival Email" setting with this value as well?', 'wp-mailinglist'); ?>
						</label>
	            		<?php echo $Html -> help(__('Many email servers requires the "Bounce Receival Email" (Return-Path) header value to be the same as the "From Address" (From) header value else it may not send out emails. If your emails are not going out, try making the "Bounce Receival Email" (Return-Path) and "From Address" (From) exactly the same using this checkbox.', 'wp-mailinglist')); ?>
	            	</div>
            	<?php endif; ?>
                
                <span class="howto"><?php _e('This is the From email address that your subscribers will see.', 'wp-mailinglist'); ?></span>
            </td>
		</tr>
		<tr class="advanced-setting">
			<th><label for="replytodifferent"><?php _e('Different Reply To', 'wp-mailinglist'); ?></label></th>
			<td>
				<label class="newsletters-custom-checkbox"><input onclick="if (jQuery(this).is(':checked')) { jQuery('#replytodifferent_div').show(); } else { jQuery('#replytodifferent_div').hide(); }" <?php echo (!empty($replytodifferent)) ? 'checked="checked"' : ''; ?> type="checkbox" name="replytodifferent" value="1" id="replytodifferent" /><span class="check-icon"></span><?php _e('Yes, set a different Reply To address.', 'wp-mailinglist'); ?></label>
				<span class="howto"><?php _e('By default, the Reply To is the same as the From Address', 'wp-mailinglist'); ?></span>
			</td>
		</tr>
	</tbody>
</table>

<div class="newsletters_indented" id="replytodifferent_div" style="display:<?php echo (!empty($replytodifferent)) ? 'block' : 'none'; ?>;">
	<table class="form-table">
		<tbody>
			<tr>
				<th><label for="smtpreply"><?php _e('Reply To Address', 'wp-mailinglist'); ?></label></th>
				<td>
					<input type="text" class="widefat" name="smtpreply" value="<?php echo esc_attr(wp_unslash($smtpreply)); ?>" id="smtpreply" />
					<span class="howto"><?php _e('The email address used when readers reply to an email/newsletter.', 'wp-mailinglist'); ?></span>
				</td>
			</tr>
		</tbody>
	</table>
</div>

<table class="form-table">
	<tbody>
		<tr class="advanced-setting">
			<th><label for="bccemails"><?php _e('BCC Outgoing Emails', 'wp-mailinglist'); ?></label></th>
			<td>
				<label class="newsletters-custom-checkbox"><input <?php checked($bccemails, 1, true); ?> onclick="if (jQuery(this).is(':checked')) { jQuery('#bccemails_div').show(); } else { jQuery('#bccemails_div').hide(); }" type="checkbox" name="bccemails" id="bccemails" value="1" /><span class="check-icon"></span><?php _e('Yes, BCC an email address on all outgoing emails.', 'wp-mailinglist'); ?></label>
			</td>
		</tr>
	</tbody>
</table>

<div class="newsletters_indented" id="bccemails_div" style="display:<?php echo (!empty($bccemails)) ? 'block' : 'none'; ?>;">
	<table class="form-table">
		<tbody>
			<tr>
				<th><label for="bccemails_address"><?php _e('BCC Email Address', 'wp-mailinglist'); ?></label></th>
				<td>
					<input type="text" class="widefat" name="bccemails_address" value="<?php echo esc_attr(wp_unslash($bccemails_address)); ?>" id="bccemails_address" />
					<span class="howto"><?php _e('Fill in a valid email address to BCC on all outgoing emails.', 'wp-mailinglist'); ?></span>
				</td>
			</tr>
		</tbody>
	</table>
</div>

<table class="form-table">
	<tbody>
		<tr>
			<th><label for="trackingY"><?php _e('Read Tracking', 'wp-mailinglist'); ?></label>
			<?php echo $Html -> help(__('Turn this setting on to enable the remote read tracking then you can use the shortcode [newsletters_track] inside your newsletter template or content.', 'wp-mailinglist')); ?></th>
			<td>
				<label class="newsletters-custom-radio">
					<input onclick="jQuery('#tracking_div').show();" <?php echo ($this -> get_option('tracking') == "Y") ? 'checked="checked"' : ''; ?> type="radio" name="tracking" value="Y" id="trackingY" />
					<span><?php _e('On', 'wp-mailinglist'); ?></span>
				</label>
				<label class="newsletters-custom-radio">
					<input onclick="jQuery('#tracking_div').hide();" <?php echo ($this -> get_option('tracking') == "N") ? 'checked="checked"' : ''; ?> type="radio" name="tracking" value="N" id="trackingN" />
					<span><?php _e('Off', 'wp-mailinglist'); ?></span>
				</label>
				<span class="howto"><?php _e('Tracking inside newsletters to tell you how many emails were (not) read', 'wp-mailinglist'); ?></span>
			</td>
		</tr>
	</tbody>
</table>

<div class="newsletters_indented" id="tracking_div" style="display:<?php echo (!empty($tracking) && $tracking == "Y") ? 'block' : 'none'; ?>;">
	<table class="form-table">
		<tbody>
			<tr class="advanced-setting">
				<th><label for="tracking_image_alt"><?php _e('Tracking Image ALT', 'wp-mailinglist'); ?></label></th>
				<td>
					<input type="text" name="tracking_image_alt" value="<?php echo esc_attr(wp_unslash($tracking_image_alt)); ?>" placeholder="" id="tracking_image_alt" />
					<span class="howto"><?php _e('ALT attribute on the tracking image', 'wp-mailinglist'); ?></span>
				</td>
			</tr>
			<tr class="advanced-setting">
				<th><label for="tracking_image_invisible"><?php _e('Tracking Image', 'wp-mailinglist'); ?></label></th>
				<td>
					<label class="newsletters-custom-radio"><input onclick="jQuery('#tracking_image_div').hide();" <?php echo (empty($tracking_image) || (!empty($tracking_image) && $tracking_image == "invisible")) ? 'checked="checked"' : ''; ?> type="radio" name="tracking_image" value="invisible" id="tracking_image_invisible" /><span><?php _e('Invisible', 'wp-mailinglist'); ?></span></label>
					<label class="newsletters-custom-radio"><input onclick="jQuery('#tracking_image_div').show();" <?php echo (!empty($tracking_image) && $tracking_image == "custom") ? 'checked="checked"' : ''; ?> type="radio" name="tracking_image" value="custom" id="tracking_image_custom" /><span><?php _e('Custom Image/Logo', 'wp-mailinglist'); ?></span></label>
				</td>
			</tr>
		</tbody>
	</table>
	
	<div class="newsletters_indented" id="tracking_image_div" style="display:<?php echo (!empty($tracking_image) && $tracking_image == "custom") ? 'block' : 'none'; ?>;">
		<table class="form-table">
			<tbody>
				<tr>
					<th><label for="tracking_image_file"><?php _e('Tracking Image/Logo', 'wp-mailinglist'); ?></label></th>
					<td>
						<input type="file" name="tracking_image_file" value="" id="tracking_image_file" />
						
						<?php if (!empty($tracking_image_file)) : ?>
							
							<p>
								<?php _e('Current image:', 'wp-mailinglist'); ?><br/>
								<img src="<?php echo $Html -> uploads_url() . '/' . $this -> plugin_name . '/' . $tracking_image_file; ?>" alt="tracking" />
							</p>
						<?php endif; ?>
					</td>
				</tr>
			</tbody>
		</table>
	</div>
</div>

<table class="form-table">
	<tbody>
		<tr>
			<th><label for="clicktrack_Y"><?php _e('Click Tracking', 'wp-mailinglist'); ?></label>
			<?php echo $Html -> help(__('The click tracking will convert your links to unique shortlinks automatically. When the links are clicked inside newsletters, the link, email and subscriber is tracked to create statistics.', 'wp-mailinglist')); ?></th>
			<td>
				<label class="newsletters-custom-radio">
					<input <?php echo ($this -> get_option('clicktrack') == "Y") ? 'checked="checked"' : ''; ?> type="radio" name="clicktrack" value="Y" id="clicktrack_Y" />
					<span><?php _e('On', 'wp-mailinglist'); ?></span>
				</label>
				<label class="newsletters-custom-radio">
					<input <?php echo ($this -> get_option('clicktrack') == "N") ? 'checked="checked"' : ''; ?> type="radio" name="clicktrack" value="N" id="clicktrack_N" />
					<span><?php _e('Off', 'wp-mailinglist'); ?></span>
				</label>
				<span class="howto"><?php _e('Should links inside newsletters be tracked as they are clicked?', 'wp-mailinglist'); ?></span>
			</td>
		</tr>
		<tr>
			<th><label for="<?php echo $this -> pre; ?>mailtype"><?php _e('Mail Type', 'wp-mailinglist'); ?></label>
			<?php echo $Html -> help(__('Choose your preferred way of sending emails. If you are not sure, leave it on "Local Server" setting to send through your own server/hosting (ask your hosting how many emails you can send per hour). Advanced users can use an "SMTP Server", if needed.', 'wp-mailinglist')); ?></th>
			<td>
				<?php 
					
				$mailtypes = array(
					'smtp'			=>	array(
						'label'			=>	__('SMTP Server', 'wp-mailinglist'),
						'help'			=>	__('Use this for any remote or local SMTP server or popular email and relay services such as Gmail, AuthSMTP, AmazonSES, SendGrid, etc. Ask your SMTP provider how many emails you can send per hour.', 'wp-mailinglist'),
						'serial'		=>	false,
					),
					'mail'			=>	array(
						'label'			=>	__('Local Server', 'wp-mailinglist'),
						'help'			=>	__('Local server uses WordPress wp_mail() which by default uses your local email exchange on your hosting. This is the recommended option as it should work without any additional setup. Ask your hosting how many emails you can send per hour. You may need to select this if you are using an SMTP plugin.', 'wp-mailinglist'),
						'serial'		=>	false,
					),
					'api'			=>	array(
						'label'			=>	__('API', 'wp-mailinglist'),
						'help'			=>	false,
						'serial'		=>	true,
					),
				);
					
				$mailtype_current = $this -> get_option('mailtype');
				$mailtypes = apply_filters('newsletters_mailtypes', $mailtypes, $mailtype_current); 
				
				$serial_validation_status = $this -> ci_serial_valid();
				?>
				<?php foreach ($mailtypes as $mailtype_key => $mailtype) : ?>
					<label class="newsletters-custom-radio">
						<input <?php echo ($mailtype_current == $mailtype_key) ? 'checked="checked"' : ''; ?> <?php echo (!empty($mailtype['serial']) && ((is_array($serial_validation_status) && $serial_validation_status['disable_pro_features'] ) || !$serial_validation_status)) ? 'disabled="disabled"' : ''; ?> onclick="<?php if ($mailtype_key == "smtp") : ?>jQuery('#mailtypediv').show(); jQuery('#mailtypeapi').hide();<?php elseif ($mailtype_key == "api") : ?>jQuery('#mailtypediv').hide(); jQuery('#mailtypeapi').show();<?php elseif ($mailtype_key == "mail") : ?>jQuery('#mailtypediv').hide(); jQuery('#mailtypeapi').hide();<?php endif; ?>" type="radio" name="mailtype" value="<?php echo $mailtype_key; ?>" />
						<span><?php echo $mailtype['label']; ?></span>
						</label>
					<?php if (!empty($mailtype['help'])) : ?>
						<?php echo $Html -> help($mailtype['help']); ?>
					<?php endif; ?>
				<?php endforeach; ?>
                <span class="howto"><?php _e('The method of sending out emails globally. Click on question marks to learn more. You may need to select Local Server if you are using an SMTP plugin.', 'wp-mailinglist'); ?></span>
			</td>
		</tr>
	</tbody>
</table>

<!-- SMTP Server -->
<div class="newsletters_indented" id="mailtypediv" style="display:<?php echo $mailtypedisplay = ($mailtype_current == "smtp" || $mailtype_current == "gmail") ? 'block' : 'none'; ?>;">
	<table class="form-table">
		<tbody>
			<tr>
				<th>
					<label for="<?php echo $this -> pre; ?>smtphost"><?php _e('SMTP Host Name', 'wp-mailinglist'); ?></label>
				</th>
				<td>
                	<input class="widefat" type="text" id="<?php echo $this -> pre; ?>smtphost" name="smtphost" value="<?php echo esc_attr(wp_unslash($this -> get_option('smtphost'))); ?>" />
                    <span class="howto"><?php _e('SMTP host name. Ask your hosting or service provider, if unsure. Examples: localhost, Gmail: smtp.gmail.com, Outlook: smtp-mail.outlook.com, Yahoo: smtp.mail.yahoo.com', 'wp-mailinglist'); ?></span>
                </td>
			</tr>
			<tr>
				<th><label for="<?php echo $this -> pre; ?>smtpport"><?php _e('SMTP Port', 'wp-mailinglist'); ?></label></th>
				<td>
                	<input class="widefat" style="width:65px;" type="text" name="smtpport" value="<?php echo esc_attr(wp_unslash($this -> get_option('smtpport'))); ?>" id="<?php echo $this -> pre; ?>smtpport" />
                    <span class="howto"><?php _e('This is the SMTP port number to connect to. This is usually port 25 but we suggest using port 465 with SSL or port 587 with TLS.', 'wp-mailinglist'); ?></span>
                </td>
			</tr>
			<tr>
				<th><label for="smtpsecure_N"><?php _e('SMTP Protocol', 'wp-mailinglist'); ?></label></th>
				<td>
					<?php $smtpsecure = $this -> get_option('smtpsecure'); ?>
					<label class="newsletters-custom-radio">
						<input <?php echo ($smtpsecure == "ssl") ? 'checked="checked"' : ''; ?> type="radio" name="smtpsecure" value="ssl" id="smtpsecure_ssl" />
						<span><?php _e('SSL', 'wp-mailinglist'); ?></span>
					</label>
					<label class="newsletters-custom-radio">
						<input <?php echo ($smtpsecure == "tls") ? 'checked="checked"' : ''; ?> type="radio" name="smtpsecure" value="tls" id="smtpsecure_tls" />
						<span><?php _e('TLS', 'wp-mailinglist'); ?></span>
					</label>
					<label class="newsletters-custom-radio">
						<input <?php echo (empty($smtpsecure) || $smtpsecure == "N") ? 'checked="checked"' : ''; ?> type="radio" name="smtpsecure" value="N" id="smtpsecure_N" />
						<span><?php _e('None', 'wp-mailinglist'); ?></span>
					</label>
					<span class="howto"><?php _e('Set the connection protocol prefix.', 'wp-mailinglist'); ?></span>
				</td>
			</tr>
			<tr>
				<th><label for="<?php echo $this -> pre; ?>smtpauth"><?php _e('SMTP Authentication', 'wp-mailinglist'); ?></label></th>
				<td>
					<?php $smtpauth = $this -> get_option('smtpauth'); ?>
					<label class="newsletters-custom-radio">
						<input id="<?php echo $this -> pre; ?>smtpauth" onclick="jQuery('#smtpauthdiv').show();" <?php echo $authCheck1 = ($smtpauth == "Y") ? 'checked="checked"' : ''; ?> type="radio" name="smtpauth" value="Y" />
						<span><?php _e('On', 'wp-mailinglist'); ?></span>
					</label>
					<label class="newsletters-custom-radio">
						<input onclick="jQuery('#smtpauthdiv').hide();" <?php echo $authCheck2 = ($smtpauth == "N") ? 'checked="checked"' : ''; ?> type="radio" name="smtpauth" value="N" />
						<span><?php _e('Off', 'wp-mailinglist'); ?></span>
					</label>
					<span class="howto"><?php _e('Turn On if your SMTP server requires a username and password.', 'wp-mailinglist'); ?></span>
				</td>
			</tr>
		</tbody>
	</table>
	<?php $authdisplay = ($smtpauth == "Y") ? 'block' : 'none'; ?>
	<div class="newsletters_indented" id="smtpauthdiv" style="display:<?php echo $authdisplay; ?>;">
		<table class="form-table">
			<tbody>
				<tr>
					<th><label for="<?php echo $this -> pre; ?>smtpuser"><?php _e('SMTP Username', 'wp-mailinglist'); ?></label></th>
					<td><input autocomplete="off" class="widefat" type="text" id="<?php echo $this -> pre; ?>smtpuser" name="smtpuser" value="<?php echo esc_attr(wp_unslash($this -> get_option('smtpuser', false))); ?>" /></td>
				</tr>
				<tr>
					<th><label for="<?php echo $this -> pre; ?>smtppass"><?php _e('SMTP Password', 'wp-mailinglist'); ?></label></th>
					<td><input autocomplete="off" class="widefat" type="password" id="<?php echo $this -> pre; ?>smtppass" name="smtppass" value="<?php echo esc_attr(wp_unslash($this -> get_option('smtppass', false))); ?>" /></td>
				</tr>
			</tbody>
		</table>
	</div>
</div>

<!-- API -->
<div class="newsletters_indented" id="mailtypeapi" style="display:<?php echo (!empty($mailtype_current) && $mailtype_current == "api") ? 'block' : 'none'; ?>;">
	<table class="form-table">
		<tbody>
			<tr>
            <th></th>
            <td>
				<p><?php _e('<a target="_blank" href="https://tribulant.com/docs/wordpress-mailing-list-plugin/10570/sending-apis/">API Documentation</a>', 'wp-mailinglist'); ?></p>
                <p><?php _e('Important: If you select the API Mail Type, the drag & drop builder does not work when creating and sending newsletters.', 'wp-mailinglist'); ?></p>
            </td>
        </tr>
        </tbody>
    </table>
    <table class="form-table">
		<tbody>
			<tr>
				<th><label for="mailapi_amazonses"><?php _e('Service', 'wp-mailinglist'); ?></label></th>
				<td class="newsletters-custom-vertical-list">
					<label class="newsletters-custom-radio newsletters-custom-radio-with-img">
						<input <?php echo (!empty($mailapi) && $mailapi == "amazonses") ? 'checked="checked"' : ''; ?> type="radio" class="mailapi_select" name="mailapi" value="amazonses" id="mailapi_amazonses" />
						<img class="mailapi_icon" src="<?php echo $this -> render_url('images/icons/mailapis/amazonses.png', 'admin'); ?>" alt="amazonses" />
						<span><?php _e('Amazon SES', 'wp-mailinglist'); ?></span>
					</label>
					<label class="newsletters-custom-radio newsletters-custom-radio-with-img">
						<input <?php echo (!empty($mailapi) && $mailapi == "sendgrid") ? 'checked="checked"' : ''; ?> type="radio" class="mailapi_select" name="mailapi" value="sendgrid" id="mailapi_sendgrid" />
						<img class="mailapi_icon" src="<?php echo $this -> render_url('images/icons/mailapis/sendgrid.png', 'admin'); ?>" alt="sendgrid" />
						<span><?php _e('SendGrid', 'wp-mailinglist'); ?></span>
					</label>
					<label class="newsletters-custom-radio newsletters-custom-radio-with-img">
						<input <?php echo (!empty($mailapi) && $mailapi == "mailgun") ? 'checked="checked"' : ''; ?> type="radio" class="mailapi_select" name="mailapi" value="mailgun" id="mailapi_mailgun" />
						<img class="mailapi_icon" src="<?php echo $this -> render_url('images/icons/mailapis/mailgun.png', 'admin'); ?>" alt="mailgun" />
						<span><?php _e('Mailgun', 'wp-mailinglist'); ?></span>
					</label>
					<label class="newsletters-custom-radio newsletters-custom-radio-with-img">
						<input <?php echo (!empty($mailapi) && $mailapi == "mandrill") ? 'checked="checked"' : ''; ?> type="radio" class="mailapi_select" name="mailapi" value="mandrill" id="mailapi_mandrill" />
						<img class="mailapi_icon" src="<?php echo $this -> render_url('images/icons/mailapis/mandrill.png', 'admin'); ?>" alt="mandrill" />
						<span><?php _e('Mailchimp Transactional Email (Mandrill)', 'wp-mailinglist'); ?></span>
					</label>
					<label class="newsletters-custom-radio newsletters-custom-radio-with-img">
						<input <?php echo (!empty($mailapi) && $mailapi == "sparkpost") ? 'checked="checked"' : ''; ?> type="radio" class="mailapi_select" name="mailapi" value="sparkpost" id="mailapi_sparkpost" />
						<img class="mailapi_icon" src="<?php echo $this -> render_url('images/icons/mailapis/sparkpost.png', 'admin'); ?>" alt="sparkpost" />
						<span><?php _e('SparkPost', 'wp-mailinglist'); ?></span>
					</label>
					<?php /*<label><input <?php echo (!empty($mailapi) && $mailapi == "mailjet") ? 'checked="checked"' : ''; ?> type="radio" class="mailapi_select" name="mailapi" value="mailjet" id="mailapi_mailjet" /><img class="mailapi_icon" src="<?php echo $this -> render_url('images/icons/mailapis/mailjet.png', 'admin'); ?>" alt="mailjet" /> <?php _e('MailJet', 'wp-mailinglist'); ?></label>*/ ?>
					<?php do_action('newsletters_admin_mailapi_radios'); ?>					
					<script type="text/javascript">
					jQuery('.mailapi_select').on('click', function() {
						change_mailapi(jQuery(this).val())
					});
						
					function change_mailapi(api) {						
						jQuery('[id^="mailapidiv_"]').hide();
						jQuery('#mailapidiv_' + api).show();
					}
					</script>
					
				</td>
			</tr>
		</tbody>
	</table>
	
	<?php do_action('newsletters_admin_mailapi_containers'); ?>
	
	<!-- Sparkpost -->
	<div class="newsletters_indented" id="mailapidiv_sparkpost" style="display:<?php echo (!empty($mailapi) && $mailapi == "sparkpost") ? 'block' : 'none'; ?>">
		
		<?php
			
		$sparkpost_apikey = $this -> get_option('mailapi_sparkpost_apikey');	
			
		?>
		
		<table class="form-table">
			<tbody>
				<tr>
					<th><label for="mailapi_sparkpost_apikey"><?php _e('SparkPost API Key', 'wp-mailinglist'); ?></label></th>
					<td>
						<input type="text" class="widefat" name="mailapi_sparkpost_apikey" value="<?php echo esc_attr(wp_unslash($sparkpost_apikey)); ?>" id="mailapi_sparkpost_apikey" />
						<span class="howto"><?php _e('Get an API key under Account > SMTP Relay in your SparkPost dashboard', 'wp-mailinglist'); ?></span>
					</td>
				</tr>
				<tr>
					<th><label for=""><?php _e('SparkPost Webhooks', 'wp-mailinglist'); ?></label></th>
					<td>
						<p><i class="fa-solid fa-circle-exclamation"></i> <?php echo sprintf(__('When you send emails with SparkPost, you can record certain events like bounces, opens, unsubscribes, etc. In your SparkPost dashboard, go to <b>Account > Webhooks</b> and set the following URL on all of the events %s.', 'wp-mailinglist'), '<code>' . add_query_arg(array('newsletters_method' => 'webhook', 'type' => "sparkpost"), home_url('/')) . '</code>'); ?></p>
					</td>
				</tr>
			</tbody>
		</table>
	</div>
	
	<!-- Mailgun -->
	<div class="newsletters_indented" id="mailapidiv_mailgun" style="display:<?php echo (!empty($mailapi) && $mailapi == "mailgun") ? 'block' : 'none'; ?>">
		
		<?php
			
		$mailgun_apikey = $this -> get_option('mailapi_mailgun_apikey');	
		$mailgun_domain = $this -> get_option('mailapi_mailgun_domain');
		$mailgun_region = $this -> get_option('mailapi_mailgun_region');
		$mailapi_mailgun_emailvalidation = $this -> get_option('mailapi_mailgun_emailvalidation');
		$mailapi_mailgun_pubapikey = $this -> get_option('mailapi_mailgun_pubapikey');
			
		?>
		
		<table class="form-table">
			<tbody>
				<tr>
					<th><label for="mailapi_mailgun_apikey"><?php _e('Mailgun API Key', 'wp-mailinglist'); ?></label></th>
					<td>
						<input type="text" placeholder="key-xxxxxx" class="widefat" name="mailapi_mailgun_apikey" value="<?php echo esc_attr(wp_unslash($mailgun_apikey)); ?>" id="mailapi_mailgun_apikey" />
						<span class="howto"><?php _e('Your Mailgun API key which you can get in your Mailgun dashboard.', 'wp-mailinglist'); ?></span>
					</td>
				</tr>
				<tr>
					<th><label for="mailapi_mailgun_domain"><?php _e('Mailgun Domain', 'wp-mailinglist'); ?></label></th>
					<td>
						<input class="widefat" type="text" placeholder="<?php echo esc_attr(wp_unslash($_SERVER['HTTP_HOST'])); ?>" name="mailapi_mailgun_domain" value="<?php echo esc_attr(wp_unslash($mailgun_domain)); ?>" id="mailapi_mailgun_domain" />
						<span class="howto"><?php _e('Verified Mailgun sending domain, the domain in your From Address.', 'wp-mailinglist'); ?></span>
					</td>
				</tr>
				<tr>
					<th><label for="mailapi_mailgun_region"><?php _e('Mailgun Region', 'wp-mailinglist'); ?></label></th>
					<td>
						<select name="mailapi_mailgun_region" id="mailapi_mailgun_region">
							<option <?php echo (empty($mailgun_region) || $mailgun_region == "US") ? 'selected="selected"' : ''; ?> value="US"><?php _e('US Region', 'wp-mailinglist'); ?></option>
							<option <?php echo (!empty($mailgun_region) && $mailgun_region == "EU") ? 'selected="selected"' : ''; ?> value="EU"><?php _e('EU Region', 'wp-mailinglist'); ?></option>
						</select>
					</td>
				</tr>
				<tr>
					<th><label for="mailapi_mailgun_emailvalidation"><?php _e('Mailgun Email Validation', 'wp-mailinglist'); ?></label></th>
					<td>
						<label class="newsletters-custom-checkbox">
							<input onclick="if (jQuery(this).is(':checked')) { jQuery('#mailapi_mailgun_emailvalidation_div').show(); } else { jQuery('#mailapi_mailgun_emailvalidation_div').hide(); }" <?php echo (!empty($mailapi_mailgun_emailvalidation)) ? 'checked="checked"' : ''; ?> type="checkbox" name="mailapi_mailgun_emailvalidation" value="1" id="mailapi_mailgun_emailvalidation" />
							<span class="check-icon"></span>
							<?php _e('Use Mailgun email validation API to validate email addresses.', 'wp-mailinglist'); ?>
						</label>
						<span class="howto"><?php _e('Will be used for subscribe forms, new add by admin, imports, etc. if turned on.', 'wp-mailinglist'); ?></span>
					</td>
				</tr>
			</tbody>
		</table>
		
		<div id="mailapi_mailgun_emailvalidation_div" style="display:<?php echo (!empty($mailapi_mailgun_emailvalidation)) ? 'block' : 'none'; ?>;">
			<p class="newsletters_warning"><?php _e('This only works with Mailgun paid accounts and NOT free accounts.', 'wp-mailinglist'); ?></p>
			<table class="form-table">
				<tbody>
					<tr>
						<th><label for="mailapi_mailgun_pubapikey"><?php _e('Public API Key', 'wp-mailinglist'); ?></label></th>
						<td>
							<input class="widefat" type="text" name="mailapi_mailgun_pubapikey" value="<?php echo esc_attr(wp_unslash($mailapi_mailgun_pubapikey)); ?>" id="mailapi_mailgun_pubapikey" />
							<span class="howto"><?php _e('Get your public API key in your Mailgun dashboard.', 'wp-mailinglist'); ?></span>
						</td>
					</tr>
				</tbody>
			</table>
		</div>
		
		<table class="form-table">
			<tbody>
				<tr>
					<th><label for=""><?php _e('Mailgun Actions', 'wp-mailinglist'); ?></label></th>
					<td>						
						<p>
							<a href="" class="button mailgun-action" data-action="verify"><i class="fa-solid fa-check"></i> <?php _e('Verify API Key', 'wp-mailinglist'); ?></a>
							<a href="" class="button mailgun-action" data-action="checkdomains"><i class="fa-solid fa-globe"></i> <?php _e('See Domains', 'wp-mailinglist'); ?></a>
							<a href="" class="button mailgun-action" data-action="adddomain"><i class="fa-solid fa-circle-plus"></i> <?php _e('Add Domain', 'wp-mailinglist'); ?></a>
							<?php /*<a href="" class="button mailgun-action" data-action="events"><i class="fa-solid fa-list"></i> <?php _e('See Events', 'wp-mailinglist'); ?></a>
							<a href="" class="button mailgun-action" data-action="stats"><i class="fa-solid fa-chart-line"></i> <?php _e('See Stats', 'wp-mailinglist'); ?></a>*/ ?>
							<span id="mailgun_loading" style="display:none;"><i class="fa-solid fa-arrows-rotate fa-spin"></i></span>
						</p>
						
						<div id="mailgun_result" style="display:none;">
							<!-- Mailgun call results go here -->
						</div>
						
						<script type="text/javascript">
						jQuery('.mailgun-action').on('click', function(e) {
							e.preventDefault();
							var action = jQuery(this).data('action');
							var button = jQuery(this);
							button.attr('disabled', "disabled");
							jQuery('#mailgun_loading').show();
							jQuery('#mailgun_result').hide();
							
							jQuery.ajax({
								method: "POST",
								url: newsletters_ajaxurl + 'action=newsletters_mailapi_mailgun_action&security=<?php echo wp_create_nonce('mailapi_mailgun_action'); ?>',
								data: {
									ac: action,
									key: jQuery('#mailapi_mailgun_apikey').val(),
									domain: jQuery('#mailapi_mailgun_domain').val(),
									region: jQuery('#mailapi_mailgun_region').val(),
								},
								success: function(response) {
									button.removeAttr('disabled');
									jQuery('#mailgun_loading').hide();
									jQuery('#mailgun_result').html(response).show();
								},
								error: function(response) {
									//failed...
								}
							});
							
							return false;
						});
						</script>
					</td>
				</tr>
				<tr>
					<th><label for=""><?php _e('Mailgun Webhooks', 'wp-mailinglist'); ?></label></th>
					<td>
						<p><i class="fa-solid fa-circle-exclamation"></i> <?php echo sprintf(__('When you send emails with Mailgun API, you can record certain events like bounces, opens, unsubscribes, etc. In your Mailgun panel, go to <b>Webhooks</b> and set the following URL on all of the events %s.', 'wp-mailinglist'), '<code>' . add_query_arg(array('newsletters_method' => 'webhook', 'type' => "mailgun"), home_url('/')) . '</code>'); ?></p>
					</td>
				</tr>
			</tbody>
		</table>
	</div>
	
	<!-- Mandrill API Settings -->
	<div class="newsletters_indented" id="mailapidiv_mandrill" style="display:<?php echo (!empty($mailapi) && $mailapi == "mandrill") ? 'block' : 'none'; ?>;">
		<table class="form-table">
			<tbody>
				<tr>
					<th><label for="mailapi_mandrill_key"><?php _e('Mandrill API Key', 'wp-mailinglist'); ?></label></th>
					<td>
						<input type="text" name="mailapi_mandrill_key" value="<?php echo esc_attr(wp_unslash($this -> get_option('mailapi_mandrill_key'))); ?>" id="mailapi_mandrill_key" class="widefat" />
						<span class="howto"><?php _e('Obtain your Mandrill API key in your Mandrill dashboard under Settings > SMTP & API Info.', 'wp-mailinglist'); ?></span>
						
						<p>
							<a class="button button-secondary mailapi-mandrill-keytest"><i class="fa-solid fa-check"></i> <?php _e('Validate API Key', 'wp-mailinglist'); ?></a>
							<span class="mailapi-mandrill-keytest-loading" style="display:none;"><i class="fa-solid fa-arrows-rotate fa-spin"></i></span>
							<span class="mailapi-mandrill-keytest-result" style="display:none;"></span>
						</p>
						
						<script type="text/javascript">
						jQuery('.mailapi-mandrill-keytest').on('click', function() {
							jQuery('.mailapi-mandrill-keytest').attr('disabled', 'disabled');
							jQuery('.mailapi-mandrill-keytest-loading').show();
							jQuery('.mailapi-mandrill-keytest-result').hide();
							
							jQuery.ajax({
								method: "POST",
								url: newsletters_ajaxurl + 'action=newsletters_mailapi_mandrill_keytest&security=<?php echo wp_create_nonce('mailapi_mandrill_keytest'); ?>',
								data: {
									key: jQuery('#mailapi_mandrill_key').val()
								}
							}).done(function(response) {
								jQuery('.mailapi-mandrill-keytest').removeAttr('disabled');
								jQuery('.mailapi-mandrill-keytest-loading').hide();
								jQuery('.mailapi-mandrill-keytest-result').html(response).show();
							});
						});
						</script>
					</td>
				</tr>
				<tr>
					<th><label for="mailapi_mandrill_subaccount"><?php _e('Mandrill Subaccount', 'wp-mailinglist'); ?></label></th>
					<td>
						<input type="text" name="mailapi_mandrill_subaccount" value="<?php echo esc_attr(wp_unslash($this -> get_option('mailapi_mandrill_subaccount'))); ?>" id="mailapi_mandrill_subaccount" class="widefat" />
						<span class="howto"><?php _e('(optional) Specify a subaccount ID to use for sending emails.', 'wp-mailinglist'); ?></span>
					</td>
				</tr>
				<tr>
					<th><label for="mailapi_mandrill_ippool"><?php _e('Mandrill IP Pool', 'wp-mailinglist'); ?></label></th>
					<td>
						<input type="text" name="mailapi_mandrill_ippool" value="<?php echo esc_attr(wp_unslash($this -> get_option('mailapi_mandrill_ippool'))); ?>" id="mailapi_mandrill_ippool" class="widefat" />
						<span class="howto"><?php _e('(optional) Name of the dedicated IP pool to use.', 'wp-mailinglist'); ?></span>
					</td>
				</tr>
				<tr>
					<th><label for="mailapi_mandrill_webhooks"><?php _e('Mandrill Webhooks', 'wp-mailinglist'); ?></label></th>
					<td>
						<p><?php echo sprintf(__('Note that Mandrill Webhooks are only available when you are sending emails through Mandrill. Please see our documentation for setting up Webhooks with Mandrill. Your Mandrill Webhook Post to URL is %s.', 'wp-mailinglist'), '<code>' . home_url('/') . '?' . $this -> pre . 'method=bounce&type=mandrill</code>'); ?></p>
					</td>
				</tr>
			</tbody>
		</table>
	</div>
	
	<div class="newsletters_indented" id="mailapidiv_mailjet" style="display:<?php echo (!empty($mailapi) && $mailapi == "mailjet") ? 'block' : 'none'; ?>">
		mailjet
	</div>
	
	<!-- Amazon SES API Settings -->
	<div class="newsletters_indented" id="mailapidiv_amazonses" style="display:<?php echo (!empty($mailapi) && $mailapi == "amazonses") ? 'block' : 'none'; ?>;">
		<table class="form-table">
			<tbody>
				<tr>
					<th><label for="mailapi_amazonses_key"><?php _e('Amazon Key', 'wp-mailinglist'); ?></label></th>
					<td>
						<input class="widefat" type="text" name="mailapi_amazonses_key" value="<?php echo esc_attr(wp_unslash($this -> get_option('mailapi_amazonses_key'))); ?>" id="mailapi_amazonses_key" />
						<span class="howto"><?php _e('AWS access key which can be obtained under AWS Console > IAM.', 'wp-mailinglist'); ?></span>
					</td>
				</tr>
				<tr>
					<th><label for="mailapi_amazonses_secret"><?php _e('Amazon Secret', 'wp-mailinglist'); ?></label></th>
					<td>
						<input class="widefat" type="text" name="mailapi_amazonses_secret" value="<?php echo esc_attr(wp_unslash($this -> get_option('mailapi_amazonses_secret'))); ?>" id="mailapi_amazonses_secret" />
						<span class="howto"><?php _e('AWS secret key which can be obtained under AWS Console > IAM.', 'wp-mailinglist'); ?></span>
					</td>
				</tr>
				<tr>
					<th><label for="mailapi_amazonses_region"><?php _e('Amazon Region', 'wp-mailinglist'); ?></label></th>
					<td>
						<?php
							
						$regions = array(
                            'af-south-1'           => 'Africa (Cape Town) (Only sending)',
                            'ap-northeast-1'       => 'Asia Pacific (Tokyo)',
                            'ap-northeast-2'       => 'Asia Pacific (Seoul) (Only sending)',
                            'ap-northeast-3'       => 'Asia Pacific (Osaka) (Only sending)',
                            'ap-south-1'           => 'Asia Pacific (Mumbai) (Only sending)',
                            'ap-southeast-1'       => 'Asia Pacific (Singapore)',
                            'ap-southeast-2'       => 'Asia Pacific (Sydney)',
                            'ap-southeast-3'       => 'Asia Pacific (Jakarta)',
                            'ca-central-1'         => 'Canada (Central)',
                            'eu-central-1'         => 'Europe (Frankfurt)',
                            'eu-north-1'           => 'Europe (Stockholm) (Only sending)',
                            'eu-south-1'           => 'Europe (Milan) (Only sending)',
                            'eu-west-1'            => 'Europe (Ireland)',
                            'eu-west-2'            => 'Europe (London)',
                            'eu-west-3'            => 'Europe (Paris) (Only sending)',
                            'il-central-1'         => 'Israel (Tel Aviv) (Only sending)',
                            'me-south-1'           => 'Middle East (Bahrain) (Only sending)',
                            'sa-east-1'            => 'South America (São Paulo) (Only sending)',
                            'us-east-1'            => 'US East (N. Virginia)',
                            'us-east-2'            => 'US East (Ohio) (Only sending)',
                            'us-gov-west-1'        => 'AWS GovCloud (US-West) (Only sending)',
                            'us-west-1'            => 'US West (N. California) (Only sending)',
                            'us-west-2'            => 'US West (Oregon)'
						);	
						
						$mailapi_amazonses_region = $this -> get_option('mailapi_amazonses_region');
							
						?>
						
						<select name="mailapi_amazonses_region" style="width: 300px" id="mailapi_amazonses_region">
							<option value=""><?php _e('- Select -', 'wp-mailinglist'); ?></option>
							<?php foreach ($regions as $rkey => $rval) : ?>
								<option <?php echo (!empty($mailapi_amazonses_region) && $mailapi_amazonses_region == $rkey) ? 'selected="selected"' : ''; ?> value="<?php echo $rkey; ?>"><?php echo $rval; ?></option>
							<?php endforeach; ?>
						</select>
						<span class="howto"><?php _e('AWS region of your account.', 'wp-mailinglist'); ?></span>
					</td>
				</tr>
				<tr>
					<th><label for=""><?php _e('Actions', 'wp-mailinglist'); ?></label></th>
					<td>						
						<p>
							<a href="" class="button amazonses-action" data-ac="verifyemail"><i class="fa-solid fa-check"></i> <?php _e('Verify Email Address', 'wp-mailinglist'); ?></a>
							<a href="" class="button amazonses-action" data-ac="getverifiedemails"><i class="fa-solid fa-at"></i> <?php _e('Get Verified Emails', 'wp-mailinglist'); ?></a>
							<a href="" class="button amazonses-action" data-ac="getsendquota"><i class="fa-solid fa-chart-bar"></i> <?php _e('Get Send Quota', 'wp-mailinglist'); ?></a>
							
							<span id="amazonses_loading" style="display:none;"><i class="fa-solid fa-arrows-rotate fa-spin"></i></span>
						</p>
						
						<div id="amazonses_result">
							<!-- Ajax output results -->
						</div>
						
						<script type="text/javascript">
						jQuery('.amazonses-action').on('click', function(e) {
							e.preventDefault();
							var action = jQuery(this).data('ac');
							var button = jQuery(this);
							button.attr('disabled', "disabled");
							jQuery('#amazonses_loading').show();
							
							jQuery.ajax({
								method: "POST",
								url: newsletters_ajaxurl + 'action=newsletters_mailapi_amazonses_action&security=<?php echo wp_create_nonce('mailapi_amazonses_action'); ?>',
								data: {
									ac: action,
									key: jQuery('#mailapi_amazonses_key').val(),
									secret: jQuery('#mailapi_amazonses_secret').val(),
									region: jQuery('#mailapi_amazonses_region').val()
								},
								success: function(response) {
									button.removeAttr('disabled');
									jQuery('#amazonses_loading').hide();
									jQuery('#amazonses_result').html(response);
								},
								error: function(response) {
									//failed...
								}
							});
							
							return false;
						});
						</script>
					</td>
				</tr>
				<tr>
					<th><label for=""><?php _e('Amazon SES + SNS', 'wp-mailinglist'); ?></label></th>
					<td>
						<p><i class="fa-solid fa-circle-exclamation"></i> <?php echo sprintf(__('When you send emails with Amazon SES, you can record certain events like bounces and complaints. Please see our documentation for setting up Amazon SES with SNS. Your Amazon SNS topic subscription endpoint URL is %s.', 'wp-mailinglist'), '<code>' . home_url('/') . '?' . $this -> pre . 'method=bounce&type=sns</code>'); ?></p>
					</td>
				</tr>
			</tbody>
		</table>
	</div>
	
	<!-- SendGrid API Settings -->
	
	<?php
		
	$mailapi_sendgrid_apikey = $this -> get_option('mailapi_sendgrid_apikey');	
		
	?>
	
	<div class="newsletters_indented" id="mailapidiv_sendgrid" style="display:<?php echo (!empty($mailapi) && $mailapi == "sendgrid") ? 'block' : 'none'; ?>;">
		<table class="form-table">
			<tbody>
				<tr>
					<th><label for="mailapi_sendgrid_apikey"><?php _e('SendGrid API Key', 'wp-mailinglist'); ?></label></th>
					<td>
						<input type="text" name="mailapi_sendgrid_apikey" value="<?php echo esc_attr(wp_unslash($mailapi_sendgrid_apikey)); ?>" id="mailapi_sendgrid_apikey" class="widefat" />
						<span class="howto"><?php _e('Get an API key under Settings > API Keys in your SendGrid dashboard.', 'wp-mailinglist'); ?></span>
					</td>
				</tr>
				<tr>
					<th><label for=""><?php _e('SendGrid Events', 'wp-mailinglist'); ?></label></th>
					<td>
						<p><i class="fa-solid fa-circle-exclamation"></i> <?php echo sprintf(__('When you send emails with SendGrid API, you can record certain events like bounces, opens, unsubscribes, etc. In your SendGrid account panel, go to <b>Settings > Mail Settings > Event Notification</b> and turn it On. Then paste the following POST URL %s into the box and select all the events.', 'wp-mailinglist'), '<code>' . add_query_arg(array('newsletters_method' => 'webhook', 'type' => "sendgrid"), home_url('/')) . '</code>'); ?></p>
					</td>
				</tr>
			</tbody>
		</table>
	</div>
</div>

<table class="form-table">
	<tbody>
		<tr class="advanced-setting">
			<th><label for="dkim_N"><?php _e('DKIM Signing', 'wp-mailinglist'); ?></label> <?php echo $Html -> help(__('DKIM (DomainKeys Identified Mail) is a way to digitally sign messages and verify that the messages were sent by a particular domain. It works like a wax seal on an envelope, preventing messages from being tampered with.', 'wp-mailinglist')); ?></th>
			<td>
				<label class="newsletters-custom-radio"><input onclick="if (!confirm('<?php echo esc_js(__('The DKIM signature only works if you are using an SMTP server. If you want to use your local email server (WP Mail), please enable DKIM on the server itself and do not turn this on. The wizard will now start.', 'wp-mailinglist')); ?>')) { return false; } dkimwizard({domain:jQuery('#dkim_domain').val(), selector:jQuery('#dkim_selector').val()}); jQuery('#dkim_div').show(); jQuery('#dkim_wizard_div').show();" <?php echo ($this -> get_option('dkim') == "Y") ? 'checked="checked"' : ''; ?> type="radio" name="dkim" value="Y" id="dkim_Y" /><span><?php _e('On', 'wp-mailinglist'); ?></span></label>
				<label class="newsletters-custom-radio"><input onclick="jQuery('#dkim_div').hide(); jQuery('#dkim_wizard_div').hide();" <?php echo ($this -> get_option('dkim') == "N") ? 'checked="checked"' : ''; ?> type="radio" name="dkim" value="N" id="dkim_N" /><span><?php _e('Off', 'wp-mailinglist'); ?></span></label>
				<span class="howto"><?php _e('Turn on/off the DKIM signing of your outgoing emails. Only use this with SMTP server.', 'wp-mailinglist'); ?></span>
			</td>
		</tr>
	</tbody>
</table>





<div class="newsletters_indented" id="dkim_div" style="display:<?php echo ($this -> get_option('dkim') == "Y") ? 'block' : 'none'; ?>;">
	<table class="form-table">
		<tbody>
			<tr>
				<th><label for="dkim_domain"><?php _e('DKIM Domain', 'wp-mailinglist'); ?></label></th>
				<td>					
					<input type="text" name="dkim_domain" class="widefat" value="<?php echo esc_attr(wp_unslash($this -> get_option('dkim_domain'))); ?>" id="dkim_domain" />
					<span class="howto"><?php _e('Use the domain name that you are sending from, the one inside the From Address value.', 'wp-mailinglist'); ?></span>
				</td>
			</tr>
			<tr>
				<th><label for="dkim_selector"><?php _e('DKIM Selector', 'wp-mailinglist'); ?></label></th>
				<td>
					<input type="text" name="dkim_selector" class="widefat" value="<?php echo esc_attr(wp_unslash($this -> get_option('dkim_selector'))); ?>" id="dkim_selector" />
					<span class="howto"><?php _e('Any string with letters only. Use "newsletters" by default', 'wp-mailinglist'); ?></span>
				</td>
			</tr>
		</tbody>
	</table>
	<?php $private = $this -> get_option('dkim_private'); ?>
	<div class="newsletters_indented" id="dkim_private_div" style="display:<?php echo (!empty($private)) ? 'block' : 'none'; ?>;">
		<table class="form-table">
			<tbody>
				<tr>
					<th><label for="dkim_private"><?php _e('DKIM Private Key', 'wp-mailinglist'); ?></label></th>
					<td>
						<textarea id="dkim_private" name="dkim_private" rows="4" cols="100%" class="widefat"><?php echo wp_unslash($private); ?></textarea>
					</td>
				</tr>
			</tbody>
		</table>
	</div>
</div>

<table class="form-table">
	<tbody>
		<tr>
			<th></th>
			<td>
				<a id="testsettings" class="button button-primary" onclick="testsettings(); return false;" href="?page=<?php echo $this -> sections -> settings; ?>"><?php _e('Test Email Settings', 'wp-mailinglist'); ?> <i class="fa-solid fa-arrow-right"></i></a>
				
				<span id="dkim_wizard_div" style="display:<?php echo ($this -> get_option('dkim') == "Y") ? 'inline-block' : 'none'; ?>;">
					<a id="dkimwizard" href="" onclick="dkimwizard({domain:jQuery('#dkim_domain').val(), selector:jQuery('#dkim_selector').val()}); return false;" class="button button-primary"><?php _e('Run DKIM Wizard', 'wp-mailinglist'); ?> <i class="fa-solid fa-arrow-right"></i></a>
				</span>
				
				<span id="testsettingsloading" style="display:none;"><i class="fa-solid fa-arrows-rotate fa-spin fa-fw"></i></span>
			</td>
		</tr>
	</tbody>
</table>

<script type="text/javascript">
function testsettings() {
	jQuery('#testsettingsloading').show();
	jQuery('#testsettings').attr('disabled', "disabled");
	var formvalues = jQuery('#settings-form').serialize();
	
	jQuery.post(newsletters_ajaxurl + 'action=<?php echo $this -> pre; ?>testsettings&security=<?php echo wp_create_nonce('testsettings'); ?>&init=1', formvalues, function(response) {
		jQuery.colorbox({html:response}).resize();
		jQuery('#testsettingsloading').hide();
		jQuery('#testsettings').removeAttr('disabled');
	});
}

function dkimwizard(formvalues) {
	jQuery('#testsettingsloading').show();
	jQuery('#dkimwizard').attr('disabled', "disabled");
	
	jQuery.post(newsletters_ajaxurl + 'action=<?php echo $this -> pre; ?>dkimwizard&security=<?php echo wp_create_nonce('dkimwizard'); ?>', formvalues, function(response) {
		jQuery.colorbox({html:response});
		jQuery('#testsettingsloading').hide();
		jQuery('#dkimwizard').removeAttr('disabled');
	});
}
</script>
