@{
    
}
@section head{
    <script type="text/javascript" src="/JS/CalendarTable.js"></script>
    <title>会员签到</title>
}
@section content{
    <div id="pageflag" data-nav="group" data-ban="UserSignin"></div>
	<div class="container">
	<nav aria-label="breadcrumb" role="navigation">
	<ol class="breadcrumb">
		<li class="breadcrumb-item"><a title="会员中心" href="/User/Default">会员中心</a></li>
		<li class="breadcrumb-item active">签到</li>
	</ol>
	</nav>
	</div>
    <div class="container">
        <div>
            <table class="table table-bordered" id="caltable" style="margin-bottom: 0px;">
                <thead>
                    <tr style="vertical-align: middle; text-align: center;">
                        <td colspan="7" style="line-height: 34px;">
                            <a href="javaScript:subMonth();" title="上一月" class="DayButton">上一月</a>
                            <input name="year" id="year" class="form-control" type="text" style="text-align: center; width: 65px; display: inline;" size="4" maxlength="4" onkeydown="if (event.keyCode==13){setDate()}" onkeyup="this.value=this.value.replace(/[^0-9]/g,'')" onpaste="this.value=this.value.replace(/[^0-9]/g,'')" />
                           年
                            <input name="month" id="month" type="text" class="form-control" style="text-align: center; width: 45px; display: inline;" size="1" maxlength="2" onkeydown="if (event.keyCode==13){setDate()}" onkeyup="this.value=this.value.replace(/[^0-9]/g,'')" onpaste="this.value=this.value.replace(/[^0-9]/g,'')" />
                            月 <a href="JavaScript:addMonth();" title="下一月" class="DayButton">下一月</a>
                        </td>
                    </tr>
                    <tr style="vertical-align: middle; text-align: center;">
                        <script>
                            document.write("<td class=\"DaySunTitle\" id=\"diary\" name=\"diary\" >" + days[0] + "</td>");
                            for (var intLoop = 1; intLoop < days.length - 1; intLoop++) {
                                document.write("<td class=\"DayTitle\" id=\"diary\" name=\"diary\">" + days[intLoop] + "</td>");
                            }
                            document.write("<td class=\"DaySatTitle\" id=\"diary\" name=\"diary\" >" + days[intLoop] + "</td>");
                        </script>
                    </tr>
                </thead>
                <tbody id="calendar" class="text-center">
                    <script type="text/javascript">
                        for (var intWeeks = 0; intWeeks < 6; intWeeks++) {
                            document.write("<tr style=\"cursor: hand\">");
                            for (var intDays = 0; intDays < days.length; intDays++) document.write("<td class=\"CalendarTD\" onMouseover=\"buttonOver();\" onMouseOut=\"buttonOut();\"></td>");
                            document.write("</tr>");
                        }
                    </script>
                </tbody>
            </table>
            <script type="text/javascript">
                Calendar();
            </script>
        </div>
        <div style="margin-top:15px;">
            @if (ViewBag.issign)
            {
                <div class="alert alert-info"><span class="zi zi_star"></span> 今日签到成功!!</div>
            }
            else
            {
                <input type="button" class="btn btn-primary" value="会员签到" onclick="signIn();" />
            }
        </div>
    </div>
}
@section script{
<style type="text/css">
.hassign { background-color: #428bca; }
</style>
<script type="text/javascript">
    $(function () {
        HasSignDays('@ViewBag.signdays');
    })
    function HasSignDays(days)//1,2,30
    {
        var arr = days.split(',');
        for (var i = 0; i < arr.length; i++) {

            $("#caltable tr td").each(function () { if (arr[i] != "" && $(this).text() == arr[i]) { $(this).addClass("hassign"); console.log(arr[i]); } });
        }
    }
    function signIn()
    {
        $.post("UserSign_Add", {}, function (data) {
            var model= APIResult.getModel(data);
            if (APIResult.isok(model)) { location = location; }
            else { alert(model.retmsg); }
        })
    }
</script>
}