{$_back_uri = "{$wa_app_url}settings/message-sources/email/"}

<div class="c-settings-source-page" id="c-settings-source-page">
    <form class="crm-source-settings-form">

        <h1 class="c-page-header">
            <a href="{$_back_uri}" class="icon size-32 back js-back-button cursor-pointer"><i class="icon fas fa-arrow-circle-left"></i></a>
            <img src="{$icon_url}">
            {if $source.id <= 0}[`New email source`]{else}{$source.name|escape}{/if}
        </h1>

        <div class="c-fields-section fields">

            {$connection_settings_block|default:''}

            <div class="fields-group">
                <div class="name crm-section">[`Spam control`]</div>
                <div class="value">
                    <input type="hidden" name="source[params][antispam]" value="0">

                    <p>
                        <span class="switch smaller" id="js-ibutton">
                            <input type="checkbox" name="source[params][antispam]" class="js-crm-block-toggle js-ibutton" id="antispam-checkbox" value="1" {if !empty($source.params.antispam)}checked="checked"{/if}>
                        </span>
                        <label for="antispam-checkbox" data-active-text="[`Enabled`]" data-inactive-text="[`Disabled`]">{if !empty($source.params.antispam)}[`Enabled`]{else}[`Disabled`]{/if}</label>
                    </p>

                    <p class="hint">
                        [`Every time you receive a message from an unknown email address which is not yet stored in your Contacts database, an automatic notification will be sent to the sender's address.`]
                        [`This notification contains a special link which must be clicked to confirm the sending of the first request. You may also add extra instructions for your clients to the notification text.`]
                    </p>
                    <div class="link show-js-crm-block">[`Set up an email`]</div>
                    <div class="link hide-js-crm-block" style="display: none;">[`Wrap`]</div>
                </div>

                <div class="collapsed-hidden value js-crm-block" style="display: none;">
                    <div class="fields narrow-vars crm-email-template-editor-wrapper c-spam-control-editor-wrapper">
                        {include
                            file="../../actions/settings/SettingsEmailEditor.inc.html"
                            input_name='source[params][antispam_mail_template]'
                            variables=$antispam_template_vars
                            template=$source.params.antispam_mail_template
                        }
                        <div class="c-hint hint">[`Variable &#123;CONFIRM_URL&#125; must be present in the text of your message template shown above. It will be replaced in the outgoing message with a confirmation URL that your client should click to confirm registration.`]</div>
                    </div>

                    <div class="clear"></div>

                    <div class="c-after-antispam-block">
                        <p>[`After successful confirmation`]</p>

                        <div class="field c-after-antispam-line">
                            <div class="name">
                                <label>
                                    <input type="radio" name="source[params][after_antispam_confirm]" value="redirect" {if isset($source.params.after_antispam_confirm) && $source.params.after_antispam_confirm === 'redirect'}checked="checked"{/if}>
                                    [`Redirect to URL`]
                                </label>
                            </div>
                            <div class="value">
                                <input type="text" name="source[params][after_antispam_confirm_url]" value="{$source.params.after_antispam_confirm_url|default:''}" placeholder="http://">
                            </div>
                        </div>

                        <div class="field c-after-antispam-line">
                            <div class="name">
                                <label>
                                    <input type="radio" name="source[params][after_antispam_confirm]" value="text" {if empty($source.params.after_antispam_confirm) || $source.params.after_antispam_confirm !== 'redirect'}checked="checked"{/if}> [`Display text`]
                                </label>
                            </div>
                            <div class="value">
                                <textarea name="source[params][after_antispam_confirm_text]">{$source.params.after_antispam_confirm_text|default:'[`Confirmed`]'}</textarea>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="fields-group">
                <div class="name crm-section">[`Messages`]</div>
                <div class="value crm-messages-wrapper" style="padding-top:1px;">
                    {$messages_block}
                </div>
            </div>

            {$blocks.with_contact|default:''}

            {$blocks.create_deal|default:''}

            {*<div class="field"><hr></div>*}

            {$blocks.responsible|default:''}

            <div class="c-settings-footer bottombar sticky">
                <div class="c-footer-actions flexbox middle full-width">
                    <div>
                        <input type="submit" class="button" value="[`Save`]">
                        <a class="button light-gray" href="{$wa_app_url}settings/message-sources/email/">[`Cancel`]</a>
                        <span class="crm-loading" style="display: none;">
                            <i class="fas fa-spinner fa-spin loading"></i>
                        </span>
                        <span class="crm-success-status" style="display: none;">
                            [`Saved`] <i class="fas fa-check-circle yes"></i>
                        </span>
                    </span>
                    </div>
                    {if $source.id > 0}
                        <div>
                            <div class="crm-delete-link-wrapper">
                                <a href="javascript:void(0);" class="button light-gray smaller crm-delete-source-link desktop-only">
                                    <i class="fas fa-trash-alt delete custom-mr-4 text-red"></i> [`Delete this source`]
                                </a>
                                <a href="javascript:void(0);" class="button light-gray smaller crm-delete-source-link mobile-only" title="[`Delete this source`]">
                                    <i class="fas fa-trash-alt delete text-red"></i>
                                </a>
                                <a href="javascript:void(0);" class="button light-gray smaller crm-delete-source-link tablet-only" title="[`Delete this source`]">
                                    <i class="fas fa-trash-alt delete text-red"></i>
                                </a>
                            </div>
                        </div>
                    {/if}
                </div>
            </div>
        </div>

        <input type="hidden" name="source[id]" value="{$source.id}">
        <input type="hidden" name="source[type]" value="{$source.type}">
        <input type="hidden" name="source[params][check_interval]" value="57">
    </form>

    <script>
        ( function($) {
            new CRMSettingsSourceEmail({
                $wrapper: $("#c-settings-source-page"),
                source: {$source|json_encode},
                messages: {
                    'connection_failed': '[`Can not connect with the specified parameters to server`]',
                    'delete_confirm_title': '[`Delete email source`]',
                    'delete_confirm_text': '[`Are you sure?`]',
                    'delete_confirm_button': '[`Delete`]'
                }
            });
        })(jQuery);
    </script>
</div>