{extend name="base" /}
{block name="main"}
<div id="page-container">
    <div class="page-content main-content my-main-content">
        <div class="main-content-inner">
            <form class="form" action="{$admin_root}/email" method="post">
                <div class="row">
                    <div class="col-lg-6 stretched_card">
                        <div class="card">
                            <div class="card-body email-config">
                                <h3>邮箱配置</h3>
                                <div class="form-group">
                                    <label class="col-form-label">SMTP服务器</label>
                                    <input class="form-control" type="text" name="c[smtp]"
                                           value="{$email.smtp|default=''}"/>
                                </div>
                                <div class="form-group">
                                    <label class="col-form-label">端口</label>
                                    <input class="form-control" type="text" name="c[port]"
                                           value="{$email.port|default=''}">
                                </div>

                                <div class="form-group">
                                    <label class="col-form-label">账号</label>
                                    <input class="form-control" type="text" name="c[username]"
                                           value="{$email.username|default=''}">
                                </div>

                                <div class="form-group">
                                    <label class="col-form-label">密码</label>
                                    <input class="form-control" type="text" name="c[userpass]"
                                           value="{$email.userpass|default=''}">
                                </div>

                                <div class="form-group">
                                    <label class="col-form-label">测试邮箱</label>
                                    <input class="form-control" type="text" name="c[test]"
                                           value="{$email.test|default=''}">
                                </div>

                                <button id="test" type="button"
                                        class="btn btn-success ladda-button ladda_btn btn-fixed-w mt-4"
                                        data-style="expand-right">
                                    <span class="ladda-label">测试邮件</span>
                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 stretched_card">
                        <div class="card">
                            <div class="card-body">

                                <h3>模板配置</h3>

                                <input type="hidden" name="lost[id]" class="editor-id"  value="{$lost.id|default=''}"/>
                                <input type="hidden" name="lost[type]"   value="{$lost.type|default='0'}"/>
                                <input type="hidden" name="order[id]" class="editor-id" value="{$order.id|default=''}"/>
                                <input type="hidden" name="order[type]"  value="{$order.type|default='1'}"/>


                                <div class="form-group">
                                    <label class="col-form-label">掉线模板</label>
                                    <div class="input-group mb-3">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text">标题</span>
                                        </div>
                                        <input class="form-control" type="text" name="lost[title]"
                                               value="{$lost.title|default=''}">
                                    </div>

                                    <div name="lost[content]" class="editor">
                                        {$lost.content|default=''|raw}
                                    </div>
                                </div>


                                <div class="form-group">
                                    <label class="col-form-label">商品订单模板</label>
                                    <div class="input-group mb-3">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text">标题</span>
                                        </div>
                                        <input class="form-control" type="text" name="order[title]"
                                               value="{$order.title|default=''}">
                                    </div>
                                    <div name="order[content]" class="editor">
                                        {$order.content|default=''|raw}
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
                <button type="submit" class="btn btn-primary ladda-button ladda_btn btn-fixed-w mt-4"
                        data-style="expand-right">
                    <span class="ladda-label">确认保存</span>
                </button>
            </form>
        </div>
    </div>
</div>
{/block}
{block name='script'}
<script src="__ADMIN__/js/ckeditor.js"></script>
<script src="__ADMIN__/js/ckeditorInit.js"></script>
<script>
    $(function () {

        $("#test").on('click', function () {
            var data = {};
            $(".email-config input[type='text']").each(function () {
                data[ $(this).attr('name') ] = $(this).val();
            });
            $api.post('email/test', data);
        })
    })
     $f.ajaxSubmitCallback = function(data){
         if( data.code == 0 ){
             $toast.success('保存成功');
             if(data.data.length>0){
                 for( var i in data.data ){
                     $(".editor-id")[i].value = data.data[i];
                 }
             }
         }
     }
</script>
{/block}