{template "header.html"}
<div class="note note-danger">
    <p>{dr_lang('字数控制在40字以内，请勿发布非法信息，一经发现账户会被禁用')}</p>
</div>
<form action="" class="form-horizontal" method="post" name="myform" id="myform">
    {dr_form_hidden()}
    <div class="myfbody">
    <div class="portlet bordered light ">
        <div class="portlet-title tabbable-line">
            <ul class="nav nav-tabs" style="float:left;">
                <li class="{if $page==0}active{/if}">
                    <a href="#tab_0" data-toggle="tab" onclick="$('#dr_page').val('0')"> <i class="fa fa-table"></i> {dr_lang('短信内容')} </a>
                </li>
            </ul>
        </div>
        <div class="portlet-body">
            <div class="tab-content">

                <div class="tab-pane {if $page==0}active{/if}" id="tab_0">
                    <div class="form-body">

                        <div class="form-group">
                            <label class="col-md-2 control-label">{dr_lang('发送接口')}</label>
                            <div class="col-md-9">
                                <p class="form-control-static" style="padding-top:4px;">
                                    <i class="{$sms_driver.icon}" style="color:#28b6ff;"></i>
                                    <strong>{$sms_driver.name}</strong>
                                    {if $sms_driver.app}
                                    <span class="text-muted">（{$sms_driver.app}）</span>
                                    {/if}
                                    {if $sms_driver.desc}
                                    <span class="help-inline text-muted">{$sms_driver.desc}</span>
                                    {/if}
                                    <a href="{dr_url('sms/index')}" class="btn blue btn-xs" style="margin-left:8px;border-radius:4.5px;">
                                        <i class="fa fa-cog"></i> {dr_lang('更换接口')}
                                    </a>
                                    {if $sms_driver.uri}
                                    <a href="javascript:;" class="btn default btn-xs" style="margin-left:4px;border-radius:4.5px;" onclick="dr_iframe_show('{dr_lang('配置')}{$sms_driver.name}', '{dr_url($sms_driver.uri)}', '80%', '90%');">
                                        <i class="fa fa-wrench"></i> {dr_lang('进入配置')}
                                    </a>
                                    {/if}
                                </p>
                            </div>
                        </div>

                        <div class="form-group ">
                            <label class="col-md-2 control-label">{dr_lang('手机号码')}</label>
                            <div class="col-md-9">
                                <textarea class="form-control" style="height:100px" name="data[mobiles]" id="dr_sms_mobiles"></textarea>
                                <span class="help-block">{dr_lang('多个手机号码按“回车符号”分隔，一行一个号码')}</span>
                            </div>
                        </div>
                        <div class="form-group ">
                            <label class="col-md-2 control-label">{dr_lang('发送内容')}</label>
                            <div class="col-md-9">
                                <textarea class="form-control" style="height:100px" name="data[content]" id="dr_sms_content"></textarea>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
    <div class="portlet-body form myfooter">
        <div class="form-actions text-center">
            <button type="button" id="dr_sms_send_btn" class="btn green"> <i class="fa fa-send"></i> {dr_lang('立即发送')}</button>
        </div>
    </div>
</form>

<script type="text/javascript">
(function ($) {
    var STORAGE_KEY = 'xunrui_sms_send_task';

    function parseMobiles(text) {
        var arr = [];
        var map = {};
        String(text || '').split(/[\s,;]+/).forEach(function (m) {
            m = $.trim(m);
            if (!m || map[m]) return;
            map[m] = 1;
            arr.push(m);
        });
        return arr;
    }

    $('#dr_sms_send_btn').on('click', function () {
        var content = $.trim($('#dr_sms_content').val() || '');
        var list = parseMobiles($('#dr_sms_mobiles').val());
        if (!list.length) {
            dr_tips(0, '{dr_lang("手机号码不能为空")}');
            return;
        }
        if (!content) {
            dr_tips(0, '{dr_lang("短信内容不能为空")}');
            return;
        }
        if (content.length < 10) {
            dr_tips(0, '{dr_lang("短信内容太短了")}');
            return;
        }
        try {
            sessionStorage.setItem(STORAGE_KEY, JSON.stringify({
                mobiles: list,
                content: content,
                time: Date.now()
            }));
        } catch (e) {
            dr_tips(0, '{dr_lang("浏览器不支持本地存储，无法打开发送进度")}');
            return;
        }
        dr_iframe_show('{dr_lang("发送进度")}', '{dr_url("sms/progress")}', '620px', '580px');
    });
})(jQuery);
</script>
{template "footer.html"}