{template "header.html"}
<style>
.dr-sms-prog-wrap { padding: 4px 2px 0; }
.dr-sms-prog-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    font-size: 13px;
    color: #666;
}
.dr-sms-prog-bar {
    height: 8px;
    border: 1px solid #e5e5e5;
    border-radius: 4.5px;
    background: #f7f7f7;
    overflow: hidden;
}
.dr-sms-prog-bar > i {
    display: block;
    height: 100%;
    width: 0;
    background: #28b6ff;
    border-radius: 4.5px;
    transition: width .2s linear;
}
.dr-sms-prog-list {
    margin-top: 12px;
    max-height: 360px;
    overflow: auto;
    border: 1px solid #e5e5e5;
    border-radius: 4.5px;
    background: #fff;
}
.dr-sms-prog-item {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 8px 10px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 13px;
    line-height: 1.45;
}
.dr-sms-prog-item:last-child { border-bottom: 0; }
.dr-sms-prog-item .dr-sms-prog-phone {
    flex: 0 0 110px;
    font-weight: 600;
    color: #333;
}
.dr-sms-prog-item .dr-sms-prog-msg {
    flex: 1;
    min-width: 0;
    color: #888;
    word-break: break-all;
}
.dr-sms-prog-item.is-wait .dr-sms-prog-st { color: #999; }
.dr-sms-prog-item.is-run .dr-sms-prog-st { color: #28b6ff; }
.dr-sms-prog-item.is-ok .dr-sms-prog-st { color: #03a193; }
.dr-sms-prog-item.is-fail .dr-sms-prog-st { color: #e7505a; }
.dr-sms-prog-item.is-ok .dr-sms-prog-msg { color: #03a193; }
.dr-sms-prog-item.is-fail .dr-sms-prog-msg { color: #e7505a; }
.dr-sms-prog-st {
    flex: 0 0 52px;
    text-align: right;
    font-size: 12px;
}
.dr-sms-prog-foot {
    margin-top: 12px;
    text-align: right;
}
.dr-sms-prog-empty {
    padding: 40px 16px;
    text-align: center;
    color: #999;
}
</style>

{dr_form_hidden()}
<div class="dr-sms-prog-wrap" id="dr_sms_prog_box">
    <div class="dr-sms-prog-empty" id="dr_sms_prog_empty">{dr_lang('正在准备发送任务…')}</div>
</div>

<script type="text/javascript">
(function ($) {
    var STORAGE_KEY = 'xunrui_sms_send_task';
    var sendUrl = '{dr_url("sms/add")}';

    function esc(s) {
        return $('<div/>').text(s == null ? '' : String(s)).html();
    }

    function loadTask() {
        try {
            var raw = sessionStorage.getItem(STORAGE_KEY);
            if (!raw) return null;
            var data = JSON.parse(raw);
            if (!data || !$.isArray(data.mobiles) || !data.mobiles.length || !data.content) {
                return null;
            }
            return data;
        } catch (e) {
            return null;
        }
    }

    function render(list) {
        var rows = '';
        for (var i = 0; i < list.length; i++) {
            rows += '<div class="dr-sms-prog-item is-wait" data-i="' + i + '">'
                + '<span class="dr-sms-prog-phone">' + esc(list[i]) + '</span>'
                + '<span class="dr-sms-prog-msg">{dr_lang("等待发送")}</span>'
                + '<span class="dr-sms-prog-st">{dr_lang("等待")}</span>'
                + '</div>';
        }
        $('#dr_sms_prog_box').html(
            '<div class="dr-sms-prog-meta">'
            + '  <span id="dr_sms_prog_text">0 / ' + list.length + '</span>'
            + '  <span id="dr_sms_prog_pct">0%</span>'
            + '</div>'
            + '<div class="dr-sms-prog-bar"><i id="dr_sms_prog_bar"></i></div>'
            + '<div class="dr-sms-prog-list" id="dr_sms_prog_list">' + rows + '</div>'
        );
        $('#dr_sms_prog_close').on('click', function () {
            try {
                var idx = parent.layer.getFrameIndex(window.name);
                parent.layer.close(idx);
            } catch (e) {
                window.close();
            }
        });
    }

    function setProgress(done, total) {
        var pct = total ? Math.round(done * 100 / total) : 0;
        $('#dr_sms_prog_text').text(done + ' / ' + total);
        $('#dr_sms_prog_pct').text(pct + '%');
        $('#dr_sms_prog_bar').css('width', pct + '%');
    }

    function setRow(i, state, msg) {
        var $row = $('#dr_sms_prog_list .dr-sms-prog-item[data-i="' + i + '"]');
        $row.removeClass('is-wait is-run is-ok is-fail').addClass('is-' + state);
        var st = state === 'run' ? '{dr_lang("发送中")}'
            : (state === 'ok' ? '{dr_lang("成功")}'
            : (state === 'fail' ? '{dr_lang("失败")}' : '{dr_lang("等待")}'));
        $row.find('.dr-sms-prog-st').text(st);
        $row.find('.dr-sms-prog-msg').text(msg || '');
        var box = document.getElementById('dr_sms_prog_list');
        if (box && $row.length && $row[0]) {
            box.scrollTop = $row[0].offsetTop - 8;
        }
    }

    function csrfData() {
        var data = {};
        $('input[type="hidden"]').each(function () {
            var n = $(this).attr('name');
            if (n) data[n] = $(this).val();
        });
        return data;
    }

    function sendOne(mobile, content) {
        var d = new $.Deferred();
        var data = csrfData();
        data['data[mobile]'] = mobile;
        data['data[content]'] = content;
        $.ajax({
            type: 'POST',
            dataType: 'json',
            url: sendUrl,
            data: data,
            success: function (json) {
                d.resolve(json || { code: 0, msg: '{dr_lang("无返回")}' });
            },
            error: function (xhr) {
                d.resolve({ code: 0, msg: '{dr_lang("请求失败")}' + (xhr && xhr.status ? (' HTTP ' + xhr.status) : '') });
            }
        });
        return d.promise();
    }

    function runQueue(list, content) {
        var i = 0, ok = 0, fail = 0, total = list.length;
        function next() {
            if (i >= total) {
                setProgress(total, total);
                $('#dr_sms_prog_close').show();
                try { sessionStorage.removeItem(STORAGE_KEY); } catch (e) {}
                var tip = '{dr_lang("发送完成")}：{dr_lang("成功")}' + ok + '，{dr_lang("失败")}' + fail;
                if (typeof dr_tips === 'function') {
                    dr_tips((fail && !ok) ? 0 : 1, tip);
                } else if (parent && typeof parent.dr_tips === 'function') {
                    parent.dr_tips((fail && !ok) ? 0 : 1, tip);
                }
                return;
            }
            setRow(i, 'run', '{dr_lang("正在发送…")}');
            sendOne(list[i], content).done(function (json) {
                var success = json && parseInt(json.code, 10) === 1;
                var msg = (json && json.msg) ? json.msg : (success ? '{dr_lang("发送成功")}' : '{dr_lang("发送失败")}');
                if (success) {
                    ok++;
                    setRow(i, 'ok', msg);
                } else {
                    fail++;
                    setRow(i, 'fail', msg);
                }
                i++;
                setProgress(i, total);
                setTimeout(next, 200);
            });
        }
        next();
    }

    $(function () {
        var task = loadTask();
        if (!task) {
            $('#dr_sms_prog_empty').text('{dr_lang("没有可发送的任务，请关闭后重新发起")}');
            return;
        }
        render(task.mobiles);
        setProgress(0, task.mobiles.length);
        runQueue(task.mobiles, task.content);
    });
})(jQuery);
</script>
{template "footer.html"}