<?php
// phpcs:ignoreFile

if ($this -> language_do()) {
    $languages = $this -> language_getlanguages();
}

if (!isset($errors)) {
    $errors = array();
}
include $this -> plugin_base() . DS . 'includes' . DS . 'variables.php';
$validation = $Html -> field_value('Field[validation]');
$regex = $Html -> field_value('Field[regex]');

$serial_validation_status = $this -> ci_serial_valid();
?>

<?php
if (!is_array($serial_validation_status) && !$serial_validation_status  && empty($errors)) {
    ?>
    <div class="notice notice-error"><p><?php _e(' Additional custom fields are only available in the PRO version. <a href="' . admin_url('admin.php?page=' . $this -> sections -> lite_upgrade) . '" >Upgrade to PRO</a> to be able to manage unlimited custom fields.', 'wp-mailinglist'); ?></p></div>
    <?php
}

if (is_array($serial_validation_status) && $serial_validation_status['disable_pro_features']  && empty($errors) ) {
    ?>
    <div class="notice notice-error"><p><?php _e('Your serial key has expired. Additional custom fields are only available in the PRO version.  <a href="https://tribulant.com/downloads/" target="_blank" >Renew your license</a> to be able to manage unlimited custom fields.', 'wp-mailinglist'); ?></p></div>
    <?php
}
?>
<div class="wrap newsletters <?php echo esc_html($this -> pre); ?>">
    <h1><?php esc_html_e('Save a Custom Field', 'wp-mailinglist'); ?></h1>
    <?php $this -> render('error', array('errors' => $errors), true, 'admin'); ?>
    <?php $slug = $Html -> field_value('Field[slug]'); ?>

    <form action="?page=<?php echo esc_html( $this -> sections -> fields); ?>&amp;method=save" method="post" id="Field.saveform">
        <?php wp_nonce_field($this -> sections -> fields . '_save'); ?>
        <?php echo ( $Form -> hidden('Field[id]')); ?>
        <table class="form-table">
            <tbody>
            <tr>
                <th><label for="Field_title"><?php esc_html_e('Title', 'wp-mailinglist'); ?></label></th>
                <td>
                    <?php if ($this -> language_do()) : ?>
                        <div id="tabs_title">
                            <ul>
                                <?php $tabs_title = 1; ?>
                                <?php foreach ($languages as $language) : ?>
                                    <li>
                                        <a href="#tabs_title_<?php echo esc_html( $tabs_title); ?>"><?php echo wp_kses_post( $this -> language_flag($language)); ?></a>
                                    </li>
                                    <?php $tabs_title++; ?>
                                <?php endforeach; ?>
                            </ul>

                            <?php $tabs_title = 1; ?>
                            <?php foreach ($languages as $language) : ?>
                                <div id="tabs_title_<?php echo esc_html( $tabs_title); ?>">
                                    <input placeholder="<?php echo esc_attr(wp_unslash(__('Enter field title/name here', 'wp-mailinglist'))); ?>" <?php echo ($tabs_title == 1) ? 'onkeyup="wpml_titletoslug(this.value);"' : ''; ?> type="text" class="widefat" name="Field[title][<?php echo esc_html( $language); ?>]" value="<?php echo esc_attr(wp_unslash($Html -> field_value('Field[title]', $language))); ?>" id="Field_title_<?php echo esc_html( $language); ?>" />
                                </div>
                                <?php $tabs_title++; ?>
                            <?php endforeach; ?>
                        </div>
                    <?php else : ?>
                        <input placeholder="<?php echo esc_attr(wp_unslash(__('Enter field title/name here', 'wp-mailinglist'))); ?>" onkeyup="wpml_titletoslug(this.value);" type="text" class="widefat" name="Field[title]" value="<?php echo esc_attr(wp_unslash($Html -> field_value('Field[title]'))); ?>" id="Field_title" />
                    <?php endif; ?>
                    <span class="howto"><?php esc_html_e('Title/name for this custom field as it will be displayed on subscribe forms.', 'wp-mailinglist'); ?></span>
                    <?php echo  $Html -> field_error('Field[title]'); ?>
                </td>
            </tr>
            <?php if (empty($slug) || ($slug != 'email' && $slug != "list")) : ?>
                <tr>
                    <th><label for="Field_slug"><?php esc_html_e('Slug/Nicename', 'wp-mailinglist'); ?></label></th>
                    <td>
                        <input maxlength="20"  placeholder="<?php echo esc_attr(wp_unslash(__('Enter field slug for database and shortcodes use here', 'wp-mailinglist'))); ?>" id="Field_slug" type="text" class="widefat" name="Field[slug]" value="<?php echo esc_attr(wp_unslash($Html -> field_value('Field[slug]'))); ?>" />
                        <?php $fieldslugerror = $Html -> field_error('Field[slug]'); ?>
                        <?php if (!empty($fieldslugerror)) : ?>
                            <div class="<?php echo esc_html($this -> pre); ?>"><?php echo $fieldslugerror; ?></div>
                        <?php endif; ?>
                        <span class="howto"><?php esc_html_e('Only use letters, lowercase, no spaces or other characters, please. Maximum 20 characters.', 'wp-mailinglist'); ?></span>
                    </td>
                </tr>
            <?php else : ?>
                <input type="hidden" name="Field[slug]" value="<?php echo esc_attr(wp_unslash($slug)); ?>" />
            <?php endif; ?>
            <tr>
                <th><label for="Field.caption"><?php esc_html_e('Caption/Description', 'wp-mailinglist'); ?></label></th>
                <td>
                    <?php if ($this -> language_do()) : ?>
                        <div id="tabs_caption">
                            <?php $tabs_caption = 1; ?>
                            <ul>
                                <?php foreach ($languages as $language) : ?>
                                    <li>
                                        <a href="#tabs_caption_<?php echo esc_html( $tabs_caption); ?>">
                                            <?php echo wp_kses_post( $this -> language_flag($language)); ?>
                                        </a>
                                    </li>
                                    <?php $tabs_caption++; ?>
                                <?php endforeach; ?>
                            </ul>

                            <?php $tabs_caption = 1; ?>
                            <?php foreach ($languages as $language) : ?>
                                <div id="tabs_caption_<?php echo $tabs_caption; ?>">
                                    <?php

                                    $settings = array(
                                        'media_buttons'		=>	true,
                                        'textarea_name'		=>	'Field[caption][' . $language . ']',
                                        'textarea_rows'		=>	4,
                                        'quicktags'			=>	true,
                                        'teeny'				=>	false,
                                    );

                                    wp_editor(wp_unslash($Html -> field_value('Field[caption]', $language)), 'Field_caption_' . $language, $settings);

                                    ?>
                                </div>
                                <?php $tabs_caption++; ?>
                            <?php endforeach; ?>
                        </div>
                    <?php else : ?>
                        <?php

                        $settings = array(
                            'media_buttons'		=>	true,
                            'textarea_name'		=>	'Field[caption]',
                            'textarea_rows'		=>	4,
                            'quicktags'			=>	true,
                            'teeny'				=>	false,
                        );

                        wp_editor(wp_unslash($Html -> field_value('Field[caption]')), 'Field_caption', $settings);

                        ?>
                    <?php endif; ?>
                    <span class="howto"><small><?php esc_html_e('(optional)', 'wp-mailinglist'); ?></small> <?php esc_html_e('Give this field a descriptive caption/notation for subscribers to see.', 'wp-mailinglist'); ?></span>
                </td>
            </tr>
            <tr>
                <th><label for="Field.watermark"><?php esc_html_e('Watermark', 'wp-mailinglist'); ?></label></th>
                <td>
                    <?php if ($this -> language_do()) : ?>
                        <div id="tabs_watermark">
                            <ul>
                                <?php $tabs_watermark = 1; ?>
                                <?php foreach ($languages as $language) : ?>
                                    <li>
                                        <a href="#tabs_watermark_<?php echo esc_html( $tabs_watermark); ?>">
                                            <?php echo wp_kses_post( $this -> language_flag($language)); ?>
                                        </a>
                                    </li>
                                    <?php $tabs_watermark++; ?>
                                <?php endforeach; ?>
                            </ul>

                            <?php $tabs_watermark = 1; ?>
                            <?php foreach ($languages as $language) : ?>
                                <div id="tabs_watermark_<?php echo esc_html( $tabs_watermark); ?>">
                                    <input placeholder="<?php echo esc_attr(wp_unslash(__('Enter watermark text here', 'wp-mailinglist'))); ?>" type="text" class="widefat" name="Field[watermark][<?php echo esc_html( $language); ?>]" value="<?php echo esc_attr(wp_unslash($Html -> field_value('Field[watermark]', $language))); ?>" id="Field_watermark_<?php echo esc_html( $language); ?>" />
                                </div>
                                <?php $tabs_watermark++; ?>
                            <?php endforeach; ?>
                        </div>
                    <?php else : ?>
                        <?php echo ( $Form -> text('Field[watermark]', array('placeholder' => __('Enter watermark text here', 'wp-mailinglist')))); ?>
                    <?php endif; ?>
                    <span class="howto"><small><?php esc_html_e('(optional)', 'wp-mailinglist'); ?></small> <?php esc_html_e('Watermark to show inside the input field which will disappear when the field is clicked on.', 'wp-mailinglist'); ?></span>
                </td>
            </tr>
            </tbody>
        </table>

        <?php if (empty($slug) || ($slug != 'email' && $slug != "list")) : ?>
            <table class="form-table">
                <tbody>
                <tr>
                    <th><label for="Field.type"><?php esc_html_e('Field Type', 'wp-mailinglist'); ?></label>
                    <td>
                        <?php

                        $this -> init_fieldtypes();
                        $types = $this -> get_option('fieldtypes');
                        unset($types['special']);

                        ?>
                        <?php echo ( $Form -> select('Field[type]', $types, array('onchange' => "if (this.value == 'select' || this.value == 'radio' || this.value == 'checkbox') { jQuery('#typediv').show(); } else { if (this.value == 'file') {  } else { if (this.value == 'hidden') { jQuery('#hiddendiv').show() } else { jQuery('#hiddendiv').hide(); } } jQuery('#typediv').hide(); }"))); ?>
                        <br/>

                    </td>
                </tr>
                </tbody>
            </table>
        <?php elseif ($slug == "list") : ?>
            <input type="hidden" name="Field[type]" value="special" />
        <?php else : ?>
            <input type="hidden" name="Field[type]" value="text" />
        <?php endif; ?>

        <div id="hiddendiv" style="display:<?php echo ($Html -> field_value('Field[type]') == "hidden") ? 'block' : 'none'; ?>;">
            <table class="form-table">
                <tbody>
                <tr>
                    <th><label for=""><?php esc_html_e('Hidden Value', 'wp-mailinglist'); ?></label>
                        <?php echo ( $Html -> help(__('A hidden field is not seen by a subscriber. Custom: So that admin can fill in the value on the subscriber; Predefined: Define a static value to be used for the field; Other Variables: Dynamically fill the field with POST, GET, etc.', 'wp-mailinglist'))); ?></th>
                    <td>
                        <?php

                        $hidden_variable_types = array(
                            'custom'			=>	__('Custom', 'wp-mailinglist'),
                            'predefined'		=>	__('Predefined', 'wp-mailinglist'),
                            'post'				=>	__('$_POST', 'wp-mailinglist'),
                            'get'				=>	__('$_GET', 'wp-mailinglist'),
                            'global'			=>	__('$GLOBALS', 'wp-mailinglist'),
                            'cookie'			=>	__('$_COOKIE', 'wp-mailinglist'),
                            'session'			=>	__('$_SESSION', 'wp-mailinglist'),
                            'server'			=>	__('$_SERVER', 'wp-mailinglist'),

                        );

                        $hidden_type = $Html -> field_value('Field[hidden_type]');

                        ?>

                        <?php foreach ($hidden_variable_types as $hk => $hv) : ?>
                            <label class="newsletters-custom-radio">
                                <input <?php echo ((empty($hidden_type) && $hk == "custom") || (!empty($hidden_type) && $hidden_type == $hk)) ? 'checked="checked"' : ''; ?> type="radio" name="Field[hidden_type]" id="Field_hidden_type_<?php echo esc_html( $hk); ?>" value="<?php echo esc_html( $hk); ?>" />
                                <span><?php echo $hv; ?></span>
                            </label>
                        <?php endforeach; ?>

                        <p id="hidden_type_paragraph" style="display:<?php echo (empty($hidden_type) || $hidden_type == "custom" || $hidden_type == "predefined") ? 'none' : 'block'; ?>;">
                            <code><span id="hidden_type_operator"><?php echo (empty($hidden_type)) ? "&#36;_POST" : $Html -> hidden_type_operator($hidden_type); ?></span>['<input type="text" name="Field[hidden_value]" id="Field_hidden_value" value="<?php echo esc_attr(wp_unslash($Html -> field_value('Field[hidden_value]'))); ?>" />']</code>
                        </p>

                        <p id="hidden_type_predefined" style="display:<?php echo (!empty($hidden_type) && $hidden_type == "predefined") ? 'block' : 'none'; ?>;">
                            <input type="text" class="widefat" name="Field[hidden_value_predefined]" value="<?php echo esc_attr(wp_unslash($Html -> field_value('Field[hidden_value]'))); ?>" id="Field_hidden_value_predefined" />
                        </p>

                        <script type="text/javascript">
                            jQuery(document).ready(function() {
                                jQuery('input[name="Field[hidden_type]"]').click(function() {
                                    var hidden_type = jQuery(this).val();
                                    jQuery('#hidden_type_paragraph').show();
                                    jQuery('#hidden_type_predefined').hide();

                                    if (hidden_type == "post") {
                                        var hidden_type_operator = "$_POST";
                                    } else if (hidden_type == "get") {
                                        var hidden_type_operator = "$_GET";
                                    } else if (hidden_type == "global") {
                                        var hidden_type_operator = "$GLOBALS";
                                    } else if (hidden_type == "cookie") {
                                        var hidden_type_operator = "$_COOKIE";
                                    } else if (hidden_type == "session") {
                                        var hidden_type_operator = "$_SESSION";
                                    } else if (hidden_type == "server") {
                                        var hidden_type_operator = "$_SERVER";
                                    } else if (hidden_type == "custom") {
                                        jQuery('#hidden_type_paragraph').hide();
                                    } else if (hidden_type == "predefined") {
                                        jQuery('#hidden_type_paragraph').hide();
                                        jQuery('#hidden_type_predefined').show();
                                    }

                                    jQuery('#hidden_type_operator').html(hidden_type_operator);
                                });
                            });
                        </script>

                        <?php echo  $Html -> field_error('Field[hidden_value]'); ?>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>

        <div id="typediv" style="display:<?php echo ($Html -> field_value('Field[type]') == "checkbox" || $Html -> field_value('Field[type]') == "radio" || $Html -> field_value('Field[type]') == "select") ? 'block' : 'none'; ?>;">
            <table class="form-table">
                <tbody>
                <tr>
                    <th><label for="Field.fieldoptions"><?php esc_html_e('Field Options', 'wp-mailinglist'); ?></label></th>
                    <td>
                        <input type="hidden" name="Field[fieldoptions_order]" value="" id="fieldoptions_order" />

                        <?php

                        $fieldoptions = $Html -> field_value('Field[newfieldoptions]');

                        ?>

                        <ul id="fieldoptions">
                            <li id="fieldoptions-sample" class="fieldoptions-sortable" style="display:none;">
                                <span class="fieldoptions-handle"><i class="fa-solid fa-sort fa-fw fa-border"></i></span>
                                <span class="fieldoptions-input">
										<?php if ($this -> language_do()) : ?>
                                            <div id="tabs_fieldoptions_sample">
												<ul>
													<?php foreach ($languages as $language) : ?>
                                                        <li><a href="#tabs_fieldoptions_sample_<?php echo esc_html( $language); ?>"><?php echo wp_kses_post( $this -> language_flag($language)); ?></a></li>
                                                    <?php endforeach; ?>
												</ul>
												<?php foreach ($languages as $language) : ?>
                                                    <div id="tabs_fieldoptions_sample_<?php echo esc_html( $language); ?>">
														<input class="widefat fieldoption-input-text" type="text" name="Field[fieldoptions][<?php echo esc_html( $language); ?>][][value]" value="" id="" />
													</div>
                                                <?php endforeach; ?>
											</div>

                                            <script type="text/javascript">
											jQuery(document).ready(function() {
                                                jQuery('#tabs_fieldoptions_sample').tabs();
                                            });
											</script>
										<?php else : ?>
											<input type="text" class="widefat fieldoption-input-text" name="Field[fieldoptions][][value]" value="" id="" />
                                        <?php endif; ?>
									</span>
                                <span class="fieldoptions-remove"><a href="" data-id="" onclick="newsletters_fieldoptions_remove(this); return false;" class="button"><i class="fa-solid fa-trash"></i></a></span>
                                <br class="clear" />
                            </li>
                            <?php if (!empty($fieldoptions)) : ?>
                                <?php $f = 0; ?>
                                <?php foreach ($fieldoptions as $fieldoption) : ?>
                                    <li id="<?php echo esc_html( $fieldoption -> id); ?>" class="fieldoptions-sortable">
                                        <span class="fieldoptions-handle"><i class="fa-solid fa-sort fa-fw fa-border"></i></span>
                                        <span class="fieldoptions-input">
												<?php if ($this -> language_do()) : ?>
                                                    <div id="tabs_fieldoptions_<?php echo esc_html( $fieldoption -> id); ?>">
														<ul>
															<?php foreach ($languages as $language) : ?>
                                                                <li><a href="#tabs_fieldoptions_<?php echo esc_html( $fieldoption -> id); ?>_<?php echo esc_html( $language); ?>"><?php echo wp_kses_post( $this -> language_flag($language)); ?></a></li>
                                                            <?php endforeach; ?>
														</ul>
														<?php foreach ($languages as $language) : ?>
                                                            <div id="tabs_fieldoptions_<?php echo esc_html( $fieldoption -> id); ?>_<?php echo esc_html( $language); ?>">
																<input type="hidden" name="Field[fieldoptions][<?php echo esc_html( $language); ?>][<?php echo esc_html( $f); ?>][id]" value="<?php echo esc_attr(wp_unslash($fieldoption -> id)); ?>" />
																<input class="widefat" type="text" name="Field[fieldoptions][<?php echo esc_html( $language); ?>][<?php echo esc_html( $f); ?>][value]" value="<?php echo esc_attr(wp_unslash($this -> language_use($language, $fieldoption -> value))); ?>" id="" />
															</div>
                                                        <?php endforeach; ?>
													</div>

                                                    <script>
													jQuery(document).ready(function() {
                                                        jQuery('#tabs_fieldoptions_<?php echo esc_html( $fieldoption -> id); ?>').tabs();
                                                    });
													</script>
												<?php else : ?>
													<input type="hidden" name="Field[fieldoptions][<?php echo esc_html( $f); ?>][id]" value="<?php echo esc_attr(wp_unslash($fieldoption -> id)); ?>" />
                                                <input class="widefat" type="text" name="Field[fieldoptions][<?php echo esc_html( $f); ?>][value]" value="<?php echo esc_attr(wp_unslash(esc_html($fieldoption -> value))); ?>" id="" />
                                                <?php endif; ?>
											</span>
                                        <span class="fieldoptions-remove"><a data-id="<?php echo esc_attr(wp_unslash($fieldoption -> id)); ?>" href="" onclick="newsletters_fieldoptions_remove(this); return false;" class="button"><i class="fa-solid fa-trash"></i></a></span>
                                        <br class="clear" />
                                    </li>
                                    <?php $f++; ?>
                                <?php endforeach; ?>
                            <?php endif; ?>
                        </ul>

                        <p class="submit">
                            <a href="" class="button" onclick="newsletters_fieldoptions_add(); return false;"><i class="fa-solid fa-circle-plus"></i> <?php esc_html_e('Add Option', 'wp-mailinglist'); ?></a>
                        </p>

                        <script type="text/javascript">
                            jQuery(document).ready(function() {
                                jQuery('#fieldoptions').sortable({
                                    handle: '.fieldoptions-handle',
                                    axis: 'y',
                                    update: function(event, ui) {
                                        var order = jQuery("#fieldoptions").sortable("toArray");
                                        jQuery('#fieldoptions_order').val(order.join(","));
                                    }
                                });
                            });

                            var newsletters_fieldoptions_add = function() {
                                var li = jQuery('li#fieldoptions-sample').clone().removeAttr('style').removeAttr('id');
                                jQuery(li).find('div#tabs_fieldoptions_sample').tabs();
                                jQuery('ul#fieldoptions').append(li);

                                jQuery(li).find('.fieldoption-input-text').focus().focus();
                                return li;
                            }

                            var newsletters_fieldoptions_remove = function(element) {
                                if (confirm('<?php esc_html_e('Are you sure you want to delete this option?', 'wp-mailinglist'); ?>')) {
                                    var id = jQuery(element).data('id');

                                    if (id != "") {
                                        jQuery.ajax({
                                            type: "POST",
                                            data: {id:id},
                                            url: newsletters_ajaxurl + "action=newsletters_delete_option&security=<?php echo esc_html( wp_create_nonce('delete_option')); ?>",
                                        }).done(function(response) {
                                            jQuery(element).closest('li').remove();
                                        }).fail(function() {
                                            alert('<?php echo esc_js(__('Failed, please try again', 'wp-mailinglist')); ?>');
                                        });
                                    } else {
                                        jQuery(element).closest('li').remove();
                                    }

                                    return true;
                                }

                                return false;
                            }
                        </script>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>

        <?php if (empty($slug) || ($slug != 'email' && $slug != "list")) : ?>
            <table class="form-table">
                <tbody>
                <tr>
                    <th><label for="Field.requiredNo"><?php esc_html_e('Required', 'wp-mailinglist'); ?></label></th>
                    <td>
                        <?php $buttons = array('Y' => __('Yes', 'wp-mailinglist'), 'N' => __('No', 'wp-mailinglist')); ?>
                        <?php echo ( $Form -> radio('Field[required]', $buttons, array('separator' => false, 'default' => "N", 'onclick' => "if (this.value == 'Y') { jQuery('#errormessagediv').show(); } else { jQuery('#errormessagediv').hide(); }"))); ?>
                    </td>
                </tr>
                </tbody>
            </table>
        <?php else : ?>
            <input type="hidden" name="Field[required]" value="Y" />
        <?php endif; ?>

        <div id="errormessagediv" style="display:<?php echo (!empty($Field -> data -> required) && $Field -> data -> required == "Y") ? 'block' : 'none'; ?>;">
            <table class="form-table">
                <tbody>
                <tr>
                    <th><label for="Field_validation"><?php esc_html_e('Validation', 'wp-mailinglist'); ?></label></th>
                    <td>
                        <select onchange="validation_change(this.value);" name="Field[validation]" id="Field_validation">
                            <?php foreach ($validation_rules as $validation_key => $validation_rule) : ?>
                                <option <?php echo (!empty($validation) && $validation == $validation_key) ? 'selected="selected"' : ''; ?> value="<?php echo esc_html( $validation_key); ?>"><?php echo esc_html($validation_rule['title']); ?></option>
                            <?php endforeach; ?>
                        </select>
                    </td>
                </tr>
                </tbody>
            </table>

            <div id="validation_custom_div" style="display:<?php echo (!empty($validation) && $validation == "custom") ? 'block' : 'none'; ?>;">
                <table class="form-table">
                    <tbody>
                    <tr>
                        <th><label for="Field_regex"><?php esc_html_e('Custom Regex', 'wp-mailinglist'); ?></label></th>
                        <td>
                            <input type="text" name="Field[regex]" value="<?php echo esc_attr(($regex)); ?>" id="Field_regex" class="widefat" />
                            <span class="howto"><?php echo sprintf(__('Specify a custom PHP regular expression, eg. %s', 'wp-mailinglist'), "<code>/^[0-9]*$/</code>"); ?></span>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>

            <table class="form-table">
                <tbody>
                <tr>
                    <th><label for="Field.errormessage"><?php esc_html_e('Error Message', 'wp-mailinglist'); ?></label></th>
                    <td>
                        <?php if ($this -> language_do()) : ?>
                            <div id="tabs_errormessage">
                                <ul>
                                    <?php $tabs_errormessage = 1; ?>
                                    <?php foreach ($languages as $language) : ?>
                                        <li>
                                            <a href="#tabs_errormessage_<?php echo esc_html( $tabs_errormessage); ?>">
                                                <?php echo wp_kses_post( $this -> language_flag($language)); ?>
                                            </a>
                                        </li>
                                        <?php $tabs_errormessage++; ?>
                                    <?php endforeach; ?>
                                </ul>

                                <?php $tabs_errormessage = 1; ?>
                                <?php foreach ($languages as $language) : ?>
                                    <div id="tabs_errormessage_<?php echo  $tabs_errormessage; ?>">
                                        <input type="text" class="widefat" name="Field[errormessage][<?php echo esc_html( $language); ?>]" value="<?php echo esc_attr(wp_unslash($this -> language_use($language, $Field -> data -> errormessage))); ?>" id="Field_errormessage_<?php echo $tabs_errormessage; ?>" />
                                    </div>
                                    <?php $tabs_errormessage++; ?>
                                <?php endforeach; ?>
                            </div>
                        <?php else : ?>
                            <?php echo ( $Form -> text('Field[errormessage]')); ?>
                        <?php endif; ?>
                        <div class="howto"><?php esc_html_e('Error message which will be displayed when the field is left empty', 'wp-mailinglist'); ?></div>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>

        <?php if (empty($slug) || ($slug != 'email' && $slug != "list")) : ?>
            <h2><?php esc_html_e('Legacy Selections', 'wp-mailinglist'); ?></h2>
            <p><?php echo sprintf(__('When using the new subscribe forms under %s > Subscribe Forms, no need to change these settings below.', 'wp-mailinglist'), $this -> name); ?></p>

            <table class="form-table">
                <tbody>
                <tr>
                    <th><label for="Field_display_always"><?php esc_html_e('Display', 'wp-mailinglist'); ?></label></th>
                    <td>
                        <?php $display = $Html -> field_value('Field[display]'); ?>
                        <label class="newsletters-custom-radio">
                            <input onclick="jQuery('#displaydiv').hide();" <?php echo (empty($display) || $display == "always") ? 'checked="checked"' : ''; ?> type="radio" name="Field[display]" value="always" id="Field_display_always" />
                            <span><?php esc_html_e('Always show', 'wp-mailinglist'); ?></span>
                        </label>
                        <label class="newsletters-custom-radio">
                            <input onclick="jQuery('#displaydiv').show();" <?php echo (!empty($display) && $display == "specific") ? 'checked="checked"' : ''; ?> type="radio" name="Field[display]" value="specific" id="Field_display_specific" />
                            <span><?php esc_html_e('Specific list(s)', 'wp-mailinglist'); ?></span>
                        </label>
                        <span class="howto"><?php esc_html_e('Should this field always show or only for specific mailing list/s?', 'wp-mailinglist'); ?></span>
                        <?php echo $Html -> field_error('Field[display]'); ?>
                    </td>
                </tr>
                </tbody>
            </table>

            <div id="displaydiv" style="display:<?php echo ($Html -> field_value('Field[display]') == "specific") ? 'block' : 'none'; ?>;">
                <table class="form-table">
                    <tbody>
                    <tr>
                        <th><label for="checkboxall"><?php esc_html_e('Mailing Lists', 'wp-mailinglist'); ?></label></th>
                        <td class="newsletters-custom-vertical-list">
                            <?php $lists = $Mailinglist -> select(true); ?>
                            <?php if (!empty($lists)) : ?>
                                <label class="newsletters-custom-checkbox" style="font-weight:bold;">
                                    <input type="checkbox" id="mailinglistsselectall" name="mailinglistsselectall" value="1" onclick="jqCheckAll(this, 'Field.saveform', 'Field[mailinglists]');" />
                                    <span class="check-icon"></span>
                                    <?php esc_html_e('Select All', 'wp-mailinglist'); ?>
                                </label>
                                <div id="newsletters-mailinglists-checkboxes" class="scroll-list newsletters-custom-vertical-list">
                                    <?php foreach ($lists as $id => $title) : ?>
                                        <?php

                                        $checkedlistsbyfield = $FieldsList -> checkedlists_by_field($Field -> data -> id);
                                        $fieldslist = (empty($Field -> data -> id)) ? map_deep(wp_unslash($_POST[$Field -> model]['mailinglists']), 'sanitize_text_field') : $checkedlistsbyfield;

                                        ?>
                                        <label class="newsletters-custom-checkbox">
                                            <input <?php echo (!empty($fieldslist) && is_array($fieldslist) && in_array($id, $fieldslist)) ? 'checked="checked"' : ''; ?> type="checkbox" id="checklist<?php echo esc_html($id); ?>" name="Field[mailinglists][]" value="<?php echo esc_attr($id); ?>" />
                                            <span class="check-icon"></span>
                                            <?php echo esc_html( $title); ?>
                                        </label>
                                    <?php endforeach; ?>
                                </div>
                                <p><a href="#" class="button" onclick="jQuery.colorbox({title:'<?php echo esc_attr(wp_unslash(__('Add a Mailing List', 'wp-mailinglist'))); ?>', href:newsletters_ajaxurl + 'action=newsletters_mailinglist_save&security=<?php echo esc_html( wp_create_nonce('mailinglist_save')); ?>&fielddiv=newsletters-mailinglists-checkboxes&fieldname=Field[mailinglists]'}); return false;"><i class="fa-solid fa-circle-plus"></i> <?php esc_html_e('Add Mailing List', 'wp-mailinglist'); ?></a></p>
                                <?php echo  $Html -> field_error('Field[mailinglists]'); ?>
                            <?php else : ?>
                                <p class="newsletters_error"><?php esc_html_e('No mailing lists were found', 'wp-mailinglist'); ?></p>
                            <?php endif; ?>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
        <?php else : ?>
            <input type="hidden" name="Field[display]" value="always" />
        <?php endif; ?>

        <p class="submit">
            <?php echo ( $Form -> submit(__('Save Custom Field', 'wp-mailinglist'))); ?>
        <div class="newsletters_continueediting">
            <label class="newsletters-custom-checkbox">
                <input <?php echo (!empty($_REQUEST['continueediting'])) ? 'checked="checked"' : ''; ?> type="checkbox" name="continueediting" value="1" id="continueediting" />
                <span class="check-icon"></span>
                <?php esc_html_e('Continue editing', 'wp-mailinglist'); ?>
            </label>
        </div>
        </p>
    </form>
</div>

<script type="text/javascript">
    function validation_change(validation) {
        if (validation == "custom") {
            jQuery('#validation_custom_div').show();
        } else {
            jQuery('#validation_custom_div').hide();
        }
    }

    jQuery(document).ready(function() {
        /* Tabs */
        <?php if ($this -> language_do()) : ?>
        jQuery('#tabs_title').tabs();
        jQuery('#tabs_caption').tabs();
        jQuery('#tabs_watermark').tabs();
        jQuery('#tabs_errormessage').tabs();
        jQuery('#tabs_fieldoptions').tabs();
        newsletters_focus('#Field_title_<?php echo esc_html( $languages[0]); ?>');
        <?php else : ?>
        newsletters_focus('#Field_title');
        <?php endif; ?>
    });
</script>