cx-newsletter/renders/config_panel.html

<style>
    {{> styles/all.css }}
</style>

<script type="text/javascript">
    {{> scripts/smtp-chide.js }}
</script>

<div class="cx-newsletter-container">
    {{$ toast_place }}
    
    <form action="" method="post">
        <div class="section">
            <div class="group center">
                <span class="title">
                    {{? cx-newsletter control panel }}
                </span>
            </div>

            <div class="separator"></div>

            <div class="group">
                <label>
                    {{? Setup E-Mail address from which mails would being send }}
                </label>

                <input
                    type="email"
                    name="source_address"
                    placeholder="[email protected]"
                    value="{{$ source_address }}"
                >
            </div>

            <div class="group">
                <label>
                    {{? Setup E-Mail address where users would to reply }}
                </label>

                <input
                    type="email"
                    name="reply_to_address"
                    placeholder="[email protected]"
                    value="{{$ reply_to_address }}"
                >
            </div>

            <div class="group">
                <label>
                    {{? How many E-Mails would be send in one transaction }}
                </label>

                <input
                    type="number"
                    name="email_count"
                    placeholder="50"
                    value="{{$ email_count }}"
                >
            </div>

            <div class="group">
                <label>
                    {{? How many SMS-es would be send in one transaction }}
                </label>

                <input
                    type="number"
                    name="sms_count"
                    placeholder="10"
                    value="{{$ sms_count }}"
                >
            </div>

            <div class="group">
                <label>
                    {{? Which Api Key to be used to access by the SMS gate }}
                </label>

                <input 
                    type="text"
                    name="apikey"
                    placeholder="TEST_APIKEY_TEST_APIKEY"
                    value="{{$ apikey }}"
                >
            </div>

            <div class="group">
                <label>
                    {{? Use custom SMTP server instreat of default wp_mail }}
                </label>

                <input 
                    type="checkbox"
                    name="custom_smtp"
                    class="custom-smtp-checkbox"
                    {{$ custom_smtp_checked }}
                >
            </div>

            <span 
                class="custom-smtp-form group-selector" 
                style="display: none;"
            >
                <div class="group">
                    <label>
                        {{? SMTP server address }}
                    </label>

                    <input 
                        type="text"
                        name="smtp_address"
                        placeholder="smtp.example.com"
                        value="{{$ smtp_address }}"
                    >
                </div>

                <div class="group">
                    <label>
                        {{? SMTP server port }}
                    </label>

                    <input 
                        type="number"
                        name="smtp_port"
                        placeholder="587"
                        value="{{$ smtp_port }}"
                    >
                </div>

                <div class="group">
                    <label>
                        {{? SMTP server user name }}
                    </label>

                    <input 
                        type="text"
                        name="smtp_user"
                        placeholder="[email protected]"
                        value="{{$ smtp_user }}"
                    >
                </div>

                <div class="group">
                    <label>
                        {{? SMTP server password }}
                    </label>

                    <input 
                        type="password"
                        name="smtp_password"
                        placeholder="qwerty1234"
                        value="{{$ smtp_password }}"
                    >
                </div>
            </span>

            <div class="group center">
                <input 
                    type="submit"
                    name="save"
                    value="{{? Save }}"
                >
            </div>
        </div>
    </form>
</div>