<h2><?php echo esc_html__('Form Settings', 'mailchimp-for-wp'); ?></h2>

<div class="mc4wp-margin-m"></div>

<h3><?php echo esc_html__('Mailchimp specific settings', 'mailchimp-for-wp'); ?></h3>

<table class="form-table" style="table-layout: fixed;">

    <?php do_action('mc4wp_admin_form_before_mailchimp_settings_rows', $opts, $form); ?>

    <tr valign="top">
        <th scope="row" style="width: 250px;"><?php echo esc_html__('Audiences this form subscribes to', 'mailchimp-for-wp'); ?></th>
        <?php
        // loop through lists
        if (empty($lists)) {
            ?>
            <td colspan="2"><?php echo sprintf(wp_kses(__('No audiences found, <a href="%s">are you connected to Mailchimp</a>?', 'mailchimp-for-wp'), [ 'a' => [ 'href' => [] ] ]), admin_url('admin.php?page=mailchimp-for-wp')); ?></td>
            <?php
        } else {
            ?>
            <td >

                <ul id="mc4wp-lists" style="margin-bottom: 20px; max-height: 300px; overflow-y: auto;">
                    <?php
                    foreach ($lists as $list) {
                        ?>
                        <li>
                            <label>
                                <input class="mc4wp-list-input" type="checkbox" name="mc4wp_form[settings][lists][]" value="<?php echo esc_attr($list->id); ?>" <?php checked(in_array($list->id, $opts['lists']), true); ?>> <?php echo esc_html($list->name); ?>
                            </label>
                        </li>
                        <?php
                    }
                    ?>
                </ul>
                <p class="description"><?php echo esc_html__('Select the Mailchimp audience to which people who submit this form should be subscribed.', 'mailchimp-for-wp'); ?></p>
            </td>
            <?php
        }
        ?>

    </tr>
    <tr valign="top">
        <th scope="row"><?php echo esc_html__('Use double opt-in?', 'mailchimp-for-wp'); ?></th>
        <td class="nowrap">
            <label>
                <input type="radio"  name="mc4wp_form[settings][double_optin]" value="1" <?php checked($opts['double_optin'], 1); ?> />&rlm;
                <?php echo esc_html__('Yes', 'mailchimp-for-wp'); ?>
            </label> &nbsp;
            <label>
                <input type="radio" name="mc4wp_form[settings][double_optin]" value="0" <?php checked($opts['double_optin'], 0); ?> onclick="return confirm('<?php echo esc_attr__('Are you sure you want to disable double opt-in?', 'mailchimp-for-wp'); ?>');" />&rlm;
                <?php echo esc_html__('No', 'mailchimp-for-wp'); ?>
            </label>
            <p class="description"><?php echo esc_html__('We strongly suggest keeping double opt-in enabled. Disabling double opt-in may affect your GDPR compliance.', 'mailchimp-for-wp'); ?></p>
        </td>
    </tr>

    <tr valign="top">
        <th scope="row"><?php echo esc_html__('Update existing subscribers?', 'mailchimp-for-wp'); ?></th>
        <td class="nowrap">
            <label>
                <input type="radio" name="mc4wp_form[settings][update_existing]" value="1" <?php checked($opts['update_existing'], 1); ?> />&rlm;
                <?php echo esc_html__('Yes', 'mailchimp-for-wp'); ?>
            </label> &nbsp;
            <label>
                <input type="radio" name="mc4wp_form[settings][update_existing]" value="0" <?php checked($opts['update_existing'], 0); ?> />&rlm;
                <?php echo esc_html__('No', 'mailchimp-for-wp'); ?>
            </label>
            <p class="description"><?php echo esc_html__('Select "yes" if you want to update existing subscribers with the data that is sent.', 'mailchimp-for-wp'); ?></p>
        </td>
    </tr>

    <?php
    $config = [
        'element' => 'mc4wp_form[settings][update_existing]',
        'value'   => 1,
    ];
    ?>
    <tr valign="top" data-showif="<?php echo esc_attr(json_encode($config)); ?>">
        <th scope="row"><?php echo esc_html__('Replace interest groups?', 'mailchimp-for-wp'); ?></th>
        <td class="nowrap">
            <label>
                <input type="radio" name="mc4wp_form[settings][replace_interests]" value="1" <?php checked($opts['replace_interests'], 1); ?> />&rlm;
                <?php echo esc_html__('Yes', 'mailchimp-for-wp'); ?>
            </label> &nbsp;
            <label>
                <input type="radio" name="mc4wp_form[settings][replace_interests]" value="0" <?php checked($opts['replace_interests'], 0); ?> />&rlm;
                <?php echo esc_html__('No', 'mailchimp-for-wp'); ?>
            </label>
            <p class="description">
                <?php echo esc_html__('Select "no" if you want to add the selected interests to any previously selected interests when updating a subscriber.', 'mailchimp-for-wp'); ?>
                <?php echo sprintf(' <a href="%s" target="_blank">' . esc_html__('What does this do?', 'mailchimp-for-wp') . '</a>', 'https://www.mc4wp.com/kb/what-does-replace-groupings-mean/#utm_source=wp-plugin&utm_medium=mailchimp-for-wp&utm_campaign=settings-page'); ?>
            </p>
        </td>
    </tr>

    <tr valign="top">
        <th scope="row"><label for="mc4wp_form_add_tags"><?php echo esc_html__('Add tags', 'mailchimp-for-wp'); ?></label></th>
        <td>
            <input type="text" class="widefat" name="mc4wp_form[settings][subscriber_tags]" id="mc4wp_form_add_tags" placeholder="<?php echo esc_attr__('Example: My tag, another tag', 'mailchimp-for-wp'); ?>" value="<?php echo esc_attr($opts['subscriber_tags']); ?>" />
            <p class="description">
                <?php echo esc_html__('The listed tags will be applied to all subscribers added or updated by this form.', 'mailchimp-for-wp'); ?>
                <?php echo esc_html__('Separate multiple values with a comma.', 'mailchimp-for-wp'); ?>
            </p>

        </td>
    </tr>

    <tr valign="top">
        <th scope="row"><label for="mc4wp_form_remove_tags"><?php echo esc_html__('Remove tags', 'mailchimp-for-wp'); ?></label></th>
        <td>
            <input type="text" class="widefat" name="mc4wp_form[settings][remove_subscriber_tags]" id="mc4wp_form_remove_tags" placeholder="<?php echo esc_attr__('Example: My tag, another tag', 'mailchimp-for-wp'); ?>" value="<?php echo esc_attr($opts['remove_subscriber_tags']); ?>" />
            <p class="description">
                <?php echo esc_html__('The listed tags will be removed from all subscribers updated by this form.', 'mailchimp-for-wp'); ?>
                <?php echo esc_html__('Separate multiple values with a comma.', 'mailchimp-for-wp'); ?>
            </p>

        </td>
    </tr>

    <?php do_action('mc4wp_admin_form_after_mailchimp_settings_rows', $opts, $form); ?>
</table>

<div class="mc4wp-margin-m"></div>

<h3><?php echo esc_html__('Form behaviour', 'mailchimp-for-wp'); ?></h3>

<table class="form-table" style="table-layout: fixed;">

    <?php do_action('mc4wp_admin_form_before_behaviour_settings_rows', $opts, $form); ?>

    <tr valign="top">
        <th scope="row"><?php echo esc_html__('Hide form after a successful sign-up?', 'mailchimp-for-wp'); ?></th>
        <td class="nowrap">
            <label>
                <input type="radio" name="mc4wp_form[settings][hide_after_success]" value="1" <?php checked($opts['hide_after_success'], 1); ?> />&rlm;
                <?php echo esc_html__('Yes', 'mailchimp-for-wp'); ?>
            </label> &nbsp;
            <label>
                <input type="radio" name="mc4wp_form[settings][hide_after_success]" value="0" <?php checked($opts['hide_after_success'], 0); ?> />&rlm;
                <?php echo esc_html__('No', 'mailchimp-for-wp'); ?>
            </label>
            <p class="description">
                <?php echo esc_html__('Select "yes" to hide the form fields after a successful sign-up.', 'mailchimp-for-wp'); ?>
            </p>
        </td>
    </tr>
    <tr valign="top">
        <th scope="row"><?php echo esc_html__('Enable email domain typo checker?', 'mailchimp-for-wp'); ?></th>
        <td class="nowrap">
            <label>
                <input type="radio" name="mc4wp_form[settings][email_typo_check]" value="1" <?php checked($opts['email_typo_check'], 1); ?> />&rlm;
                <?php echo esc_html__('Yes', 'mailchimp-for-wp'); ?>
            </label> &nbsp;
            <label>
                <input type="radio" name="mc4wp_form[settings][email_typo_check]" value="0" <?php checked($opts['email_typo_check'], 0); ?> />&rlm;
                <?php echo esc_html__('No', 'mailchimp-for-wp'); ?>
            </label>
            <p class="description">
                <?php echo esc_html__('When enabled, the form will suggest corrections for common email domain typos (e.g., "gmial.com" → "gmail.com").', 'mailchimp-for-wp'); ?>
            </p>
        </td>
    </tr>
    <tr valign="top">
        <th scope="row"><label for="mc4wp_form_redirect"><?php echo esc_html__('Redirect to URL after successful sign-ups', 'mailchimp-for-wp'); ?></label></th>
        <td>
            <input type="text" class="widefat" name="mc4wp_form[settings][redirect]" id="mc4wp_form_redirect" placeholder="<?php echo sprintf(esc_attr__('Example: %s', 'mailchimp-for-wp'), esc_attr(site_url('/thank-you/'))); ?>" value="<?php echo esc_attr($opts['redirect']); ?>" />
            <p class="description">
                <?php echo wp_kses(__('Leave empty or enter <code>0</code> for no redirect. Otherwise, use complete (absolute) URLs, including <code>http://</code>.', 'mailchimp-for-wp'), [ 'code' => [] ]); ?>
            </p>
            <p class="description">
                <?php echo esc_html__('Your "subscribed" message will not show when redirecting to another page, so make sure to let your visitors know they were successfully subscribed.', 'mailchimp-for-wp'); ?>
            </p>

        </td>
    </tr>

    <?php do_action('mc4wp_admin_form_after_behaviour_settings_rows', $opts, $form); ?>

</table>

<?php submit_button(); ?>