<div id="af2_external_modal" class="af2_modal"
    data-class="af2_external_modal"
    data-target="af2_external_modal"
    data-sizeclass="full_size"
    data-heading="<?=__('External embed code', 'af2_multilanguage')?>"
    data-close="<?=__('Close', 'af2_multilanguage')?>">

    <!-- Modal content -->
    <div class="af2_modal_content">
        <h5 class="mb15"><?=__('Copy this code into the external tool (e.g. Clickfunnels, FunnelCockpit, Typo3, Contao, Joomla, Drupal, ...) to embed Funnelforms:', 'af2_multilanguage')?></h5>
        <div class="textarea_copy_field">
        <textarea id="af2_external_script_1" class="af2_copy_to_clipboard_element" readonly></textarea>
        <div data-id="af2_external_script_1" class="af2_copy_to_clipboard_es clipboard icon af2_btn af2_btn_primary"><i class="fas fa-copy" aria-hidden="true"></i><?=__('Copy', 'af2_multilanguage')?></div>
        </div>
        <div class="mb15"></div>
        <h5 class="mb15"><?=__('If the above code causes errors, use the following one (e.g. for 1 & 1 IONOS). This embed code does not load its own JQuery libraries:', 'af2_multilanguage')?></h5>
        <div class="textarea_copy_field">
        <textarea id="af2_external_script_2" class="af2_copy_to_clipboard_element" readonly></textarea>
        <div data-id="af2_external_script_2" class="af2_copy_to_clipboard_es clipboard icon af2_btn af2_btn_primary"><i class="fas fa-copy" aria-hidden="true"></i><?=__('Copy', 'af2_multilanguage')?></div>
        </div>
    </div>
</div>

<div id="af2_popup_modal" class="af2_modal"
    data-class="af2_popup_modal"
    data-target="af2_popup_modal"
    data-sizeclass="full_size"
    data-heading="<?=__('Show form in a popup', 'af2_multilanguage')?>"
    data-close="<?=__('Close', 'af2_multilanguage')?>">

    <!-- Modal content -->
    <div class="af2_modal_content">
        <h5 class="mb15"><?=__('Copy this shortcode into any position of your website to show up the Funnelform inside a popup. The popup function does not affect the conventional integration. You can use both functions simultaneously.', 'af2_multilanguage')?></h5>
        <fieldset id="af2_popup_radio_chooser" class="af2_radio_chooser">
            <div class="af2_option_div">
                <input type="radio" name="popup" id="af2_popup_delay" value="af2_popup_choose_div_delay" data-hide="af2_popup_choose_div_click" checked>
                <label for="af2_popup_delay"><?=__('The popup appears after a delay', 'af2_multilanguage')?></label>
            </div>
            <div class="af2_option_div">
                <input type="radio" name="popup" id="af2_popup_click" value="af2_popup_choose_div_click" data-hide="af2_popup_choose_div_delay">
                <label for="af2_popup_click"><?=__('The popup appears after clicking on a button', 'af2_multilanguage')?></label>
            </div>
        </fieldset>
        <div class="af2_popup_choose_div mb30">
            <div class="af2_popup_choose_div_delay">
                <p class="mb15"><?=__('Delay in milliseconds (after this time the popup opens automatically):', 'af2_multilanguage')?></p>
                <input type="text" id="af2_popup_delay_value" placeholder="1000">
            </div>
            <div class="af2_popup_choose_div_click af2_hide">
                <p class="mb15"><?=__('Button-Class (define a class, attached to an element on your website to open the popup):', 'af2_multilanguage')?></p>
                <input type="text" id="af2_popup_click_value" placeholder="af2_popup_class">
            </div>
        </div>
        <div class="textarea_copy_field">
            <textarea id="af2_popup_script" class="af2_copy_to_clipboard_element" readonly></textarea>
            <div data-id="af2_popup_script" class="af2_copy_to_clipboard_es clipboard icon af2_btn af2_btn_primary"><i class="fas fa-copy" aria-hidden="true"></i><?=__('Copy', 'af2_multilanguage')?></div>
        </div>
    </div>
</div>