@model NP.Model.VMCC
<header class="panel-heading bg-light" id="thistabbox">
    <ul class="nav nav-tabs nav-justified">
        <li class="active"><a href="#" data-toggle="tab">발송이력</a></li>
        <li><a href="#" onclick="gotab(1);" data-toggle="tab">메일발송</a></li>
    </ul>
</header>
<br />
<form id="mform" method="post">
    <section class="panel panel-default">
        <div class="table-responsive" id="excel1">
            <table class="table table-striped b-t b-light">
                <thead>
                    <tr>
                        <th>No</th>
                        <th>제목</th>
                        <th>발송인원/발송성공/수신거부</th>
                        <th>발송인</th>
                        <th>발송일</th>
                    </tr>
                </thead>
                <tbody class="data" id="tbody1">
                    @foreach (var item in Model.Emails)
                    {
                    <tr>
                        <td>@item.rnorvt</td>
                        <td class="text-left"><a class="link" href="#" onclick="view(0, @item.sendno)">@item.etitle</a></td>
                        <td><a class="link" href="#" onclick="view(1, @item.sendno)">@string.Format("{0} / {1} / {2}", item.rcvcount.ToString("#,0"), item.readcount.ToString("#,0"), item.bancount.ToString("#,0"))</a></td>
                        <td>@item.cnoname</td>
                        <td>@item.cdtymd</td>
                    </tr>
                    }
                </tbody>
            </table>
        </div>
        @Html.Pager((int)Model.pagenum, 10, Model.pagerowcount, Model.pagetotalcount)
    </section>
</form>
<form id="dform" method="post" action="">
    @Html.Partial("./Partial/DForm", Model, new ViewDataDictionary { { "preform", 1 } })
</form>
<div style="position: fixed; display: none; border-radius: 10px; background-color: #fff; text-align: center; padding: 5px 10px;" class="draggable ui-widget-content" id="popbox">
    <div id="popboxtop" style="height: 30px; line-height: 30px; cursor: pointer; text-align: left; font-weight: bold;">
        <span id="poptitle" style="display: block; margin-right: 50px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;"></span>
        <a href="#" class="btn btn-xxs btn-default f-r" style="margin-top: -25px;" onclick="bglayer(false); $('#popbox').hide();">X</a>
    </div>
    <iframe id="ifr01" style="border: 0 none;"></iframe>
</div>
<div id="thisfindbox" class="findbox" style="width: 500px; height:500px;">
    <h4><i class="fa fa-bars"></i> <span id="etitle"></span><a href="#" class="btn btn-default btn-xs f-r" onclick="$('#thisfindbox').slideUp('fast'); $('#bglayer').hide();">닫기</a></h4>
    <section class="panel panel-default">
        <div class="table-responsive" style="height:400px;">
            <table class="table table-striped b-t b-light">
                <thead>
                    <tr>
                        <th>No</th>
                        <th>이름</th>
                        <th>Email</th>
                        <th>발송상태</th>
                        <th>수신거부</th>
                    </tr>
                </thead>
                <tbody class="data" id="tbody2"></tbody>
            </table>
        </div>
    </section>
    <br />
</div>
@section styles{
    <style type="text/css">
        
    </style>
}
@section scriptsHeader{

}
@section scripts{
    <script>
        function view(idx, no) {
            if (idx == 0) {
                capp("/acommon/getemail", { no: no, type: "" }, "cbgetemail");
            }
            else {
                capp("/acommon/getemail", { no: no, type: "2" }, "cbgetemail2");
            }
        }
        function cbgetemail() {
            if (capResult.code == 1000) {
                var e = capResult.obj;
                $("#poptitle").text(e.etitle);
                $("#ifr01").css("height", "800px");
                $("#ifr01").css("width", "800px");
                $("#popbox").css({
                    "width": "820px",
                    "height": "880px",
                    "max-width": ($(window).width() - 100) + "px",
                    "max-height": ($(window).height() - 100) + "px",
                    "right": "0",
                    "bottom": "0",
                    "z-index": 10000
                });
                var doc = $("#ifr01")[0].contentWindow.document;
                doc.open();
                doc.write("<head><meta http-equiv='Content-Type' content='text/html;charset=utf-8' /><\/head>" +
                    "<body style='margin: 0; border: 1px solid #ddd; border-radius: 5px; padding: 5px 10px;'>" + e.ehtml + "<\/body>");
                doc.close();
                setTimeout(function () {
                    bglayer();
                }, 10);
                $("#popbox").show();
            }
        }
        function cbgetemail2() {
            $("#tbody2 tr").remove();
            if (capResult.code == 1000) {
                var e = capResult.obj;
                sett("etitle", e.etitle);
                var es = e.rcvs.split(';');
                $.each($(es), function (i, d) {
                    $("#tbody2").append("<tr><td>" + (es.length - i) + "</td><td>" + d.split(':')[0] + "</td><td>" + d.split(':')[1] + "</td><td>" + (e.sendeds.indexOf(d.split(':')[1]) > -1 ? "성공" : "실패") +"</td><td>" + (e.bans.indexOf(d.split(':')[1]) > -1?"거부":"")+"</td></tr>");
                });
                setTimeout(function () {
                    bglayer();
                    $("#thisfindbox").slideDown("fast");
                }, 10);
            }
        }
        function gotab(idx) {
            if (idx == 1) {
                $("#dform").attr("action","/cc/emailr");
            }
            timesubmit("dform", 1);
        }
    </script>
}