{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}/sms" method="post">
                <div class="row">
                    <div class="col-lg-6 stretched_card">
                        <div class="card">
                            <div class="card-body">
                                <h3 class="md-3">短信配置</h3>

                                <b class="text-muted mb-3 mt-4 d-block">短信类别</b>

                                <div class="alert alert-danger" role="alert">
                                    切换到对应配置则发送对应短信
                                </div>

                                <div class="custom-control custom-radio primary-radio custom-control-inline">
                                    <input type="radio" value="0" {if !$sms['type'] } checked {/if} id="smsType1" name="type"
                                           class="custom-control-input">
                                    <label class="custom-control-label" for="smsType1">关闭</label>
                                </div>

                                <div class="custom-control custom-radio primary-radio custom-control-inline">
                                    <input type="radio" value="1" {if $sms['type'] == 1 } checked {/if} id="smsType2" name="type"
                                           class="custom-control-input">
                                    <label class="custom-control-label" for="smsType2">短信宝</label>
                                </div>

                                <div class="custom-control custom-radio primary-radio custom-control-inline">
                                    <input type="radio" value="2" {if $sms['type'] == 2 }  checked {/if} id="smsType3" name="type"
                                           class="custom-control-input">
                                    <label class="custom-control-label" for="smsType3">阿里短信</label>
                                </div>

                                <b class="text-muted mb-3 mt-4 d-block">短信参数</b>

                                <div class="mt-3 sms-config">
                                    <ul class="nav nav-tabs" id="myTab" role="tablist">
                                        <li class="nav-item">
                                            <a class="nav-link active" id="home-tab" data-toggle="tab" href="#sms1"
                                               role="tab" aria-controls="sms1" aria-selected="true"><i
                                                    class="ti-home"></i> 短信宝</a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link" id="profile-tab" data-toggle="tab" href="#sms2"
                                               role="tab" aria-controls="sms2" aria-selected="false"><i
                                                    class="ti-user"></i> 阿里短信</a>
                                        </li>

                                    </ul>
                                    <div class="tab-content mt-3" id="myTabContent">
                                        <div class="tab-pane fade show active" id="sms1" role="tabpanel"
                                             aria-labelledby="sms1-tab">
                                            
                                          

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

                                            <div class="form-group">
                                                <label class="col-form-label">短信token</label>
                                                <input class="form-control" type="text" name="sms1[token]"
                                                       value="{$sms1.token|default=''}"/>
                                            </div>

                                        </div>
                                        <div class="tab-pane fade" id="sms2" role="tabpanel" aria-labelledby="sms2-tab">
                                            <div class="form-group">
                                                <label class="col-form-label">accessKeyId</label>
                                                <input class="form-control" type="text" name="sms2[sid]"
                                                       value="{$sms2.sid|default=''}"/>
                                            </div>

                                            <div class="form-group">
                                                <label class="col-form-label">accessKeySecret</label>
                                                <input class="form-control" type="text" name="sms2[token]"
                                                       value="{$sms2.token|default=''}"/>
                                            </div>

                                            <div class="form-group">
                                                <label class="col-form-label">模板id</label>
                                                <input class="form-control" type="text" name="sms2[templateCode]"
                                                       value="{$sms2.templateCode|default=''}"/>
                                            </div>

                                            <div class="form-group">
                                                <label class="col-form-label">短信签名</label>
                                                <input class="form-control" type="text" name="sms2[signName]"
                                                       value="{$sms2.signName|default=''}"/>
                                            </div>

                                        </div>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-form-label">测试账号</label>
                                    <input class="form-control" type="text" id='to' name="test"
                                           value="{$sms.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>
                                
                                <button  type="button"
                                        class="btn btn-success ladda-button ladda_btn btn-fixed-w mt-4"
                                        data-style="expand-right">
                                     <a class="ladda-label" href="https://www.smsbao.com/reg?r=11651" target="_blank">点击前往</a>
                                    
                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 stretched_card">
                        <div class="card">
                            <div class="card-body">

                                <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'}"/>

                                <h3>模板配置</h3>
                                <div class="alert alert-info" role="alert">
                                    阿里云不支持该配置
                                </div>
                                <b class="text-muted mb-3 mt-4 d-block">掉线模板</b>
                                <textarea class="form-control" name="lost[content]">{$lost.content|default=''}</textarea>

                                <b class="text-muted mb-3 mt-4 d-block">订单模板</b>
                                <textarea class="form-control" name="order[content]">{$order.content|default=''}</textarea>
                            </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 active = $(".sms-config .tab-pane.active") ;
            var data = {
                type:active.attr('id'),
                test:$("#to").val()
            };
            active.find("input[type='text']").each(function () {
                data[ $(this).attr('name') ] = $(this).val();
            });
            $api.post('sms/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}