{% extends "base.html" %}

{% block title %}
    后台首页
{% endblock %}

{% block content %}
<div class="section section-breadcrumbs section-breadcrumbs-backend">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <h1>心理测试系统后台</h1>
            </div>
        </div>
    </div>
</div>
<!-- 
<div class="alert alert-success" role="alert"><b>友情提示：</b>如果您刚刚建站，请记得在 左侧菜单->站务管理 ->修改网站信息 修改网站的信息。</div>
-->
<div class="well well-lg"  style="background:#FFF; color:#000">
	<h3>您好，{{request.user.nickname}}</h3>
	<h5>现在是 <span id="labelClock"></span></h5>
	<h5>您有 <span id="mailalt"></span> 封未读邮件。 <a href="{% url "ms_mailbox" %}">查看站内信箱 &raquo;</a></h5>
</div>

<div class="row">
    <div class="col-md-6">
        <div class="panel panel-default" style="height:500px;">
            <div class="panel-heading">
                最近留言&nbsp;&nbsp;&nbsp;&nbsp;
                <a href="{% url "lmbrurl" %}">查看详情 &raquo;</a>
            </div>
            <table class="table">
                <thead>
                    <tr>
                        <th>时间</th>
                        <th>来源</th>
                        <th>内容摘要</th>
                    </tr>
                </thead>
                <tbody>
                    {% for i in lmdata %}
                    <tr height=40>
                        <td>{{i.sendtime|date:"Y-m-d H:M:S"}}</td>
                        <td>
                            {% if i.fromuser.sid %}
                            <span id="bm_tonick">{{i.fromuser.nickname}}</span>
                            <span class="text-success">
                                &lt;
                                <span id="bm_toun">{{i.fromuser.username}}</span>
                                &gt;
                            </span>
                            <span class="text-primary">
                                [
                                <span id="bm_toid">{{i.fromuser.sid}}</span>
                                ]
                            </span>
                            {% endif %}
                        </td>
                        <td>{{i.content|truncatechars:"20"}}</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
    <div class="col-md-6">
        <div class="panel panel-default" style="height:500px;">
            <div class="panel-heading">
                未读消息&nbsp;&nbsp;&nbsp;&nbsp;
                <a href="{% url "lmbrurl" %}">查看详情 &raquo;</a>
            </div>
            <table class="table">
                <thead>
                    <tr>
                        <th>时间</th>
                        <th>来源</th>
                        <th>内容摘要</th>
                    </tr>
                </thead>
                <tbody>
                    {% for i in msdata %}
                    <tr height=40>
                        <td>{{i.sendtime|date:"Y-m-d H:M:S"}}</td>
                        <td>
                            {% if i.fromuser.sid %}
                            <span id="bm_tonick">{{i.fromuser.nickname}}</span>
                            <span class="text-success">
                                &lt;
                                <span id="bm_toun">{{i.fromuser.username}}</span>
                                &gt;
                            </span>
                            <span class="text-primary">
                                [
                                <span id="bm_toid">{{i.fromuser.sid}}</span>
                                ]
                            </span>
                            {% endif %}

                        </td>
                        <td>{{i.content|truncatechars:"20"}}</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-md-6">
        <div class="panel panel-default" style="height:500px;">
            <div class="panel-heading">
                待处理咨询&nbsp;&nbsp;&nbsp;&nbsp;
                <a href="{% url "lmbrurl" %}">查看详情 &raquo;</a>
            </div>
            <table class="table">
                <thead>
                    <tr>
                        <th>预约日期</th>
                        <th>预约时间</th>
                        <th>咨询师</th>
                        <th>来源</th>
                    </tr>
                </thead>
                <tbody>
                    {% for i in csdata %}
                    <tr height=40>
                        <td>{{i.date|date:"Y-m-d"}}</td>
                        <td>{{i.dtime}}</td>
                        <td>{{i.expert.realname}}</td>
                        <td>
                            {% if i.booker.sid %}
                            <span id="bm_tonick">{{i.realname}}</span>
                            <span class="text-success">
                                &lt;
                                <span id="bm_toun">{{i.booker.username}}</span>
                                &gt;
                            </span>
                            <span class="text-primary">
                                [
                                <span id="bm_toid">{{i.booker.sid}}</span>
                                ]
                            </span>
                            {% endif %}
                        </td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
    <div class="col-md-6">
        <div class="panel panel-default" style="height:500px;">
            <div class="panel-heading">
                待审核人员&nbsp;&nbsp;&nbsp;&nbsp;
                <a href="{% url "lmbrurl" %}">查看详情 &raquo;</a>
            </div>
            <table class="table">
                <thead>
                    <tr>
                        <th>用户名</th>
                        <th>学号</th>
                        <th>昵称</th>
                    </tr>
                </thead>
                <tbody>
                    {% for i in usdata %}
                    <tr height=40>
                        <td>{{i.username}}</td>
                        <td>{{i.sid}}</td>
                        <td>{{i.nickname}}</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>
<!-- <div class="well well-lg" >

</div> -->

<!-- <div class="row">

	<div class="col-md-6">

		<div class="panel panel-default" style="height:500px;">

			<div class="panel-heading">
				留言板(仅显示前十)&nbsp;&nbsp;&nbsp;&nbsp;
				<a href="{% url "ms_mailbox" %}">查看详情 &raquo;</a>
			</div>
			<table class="table">
				<thead>
					<tr>
						<th>时间</th>
						<th>来源</th>
						<th>内容摘要</th>
					</tr>
				</thead>
				<tbody>
					{% for i in mdata %}
					<tr>
						<td>{{i.sendtime|date:"Y-m-d H:M:S"}}</td>
						<td>
							<span id="bm_tonick">{{i.fromuser.nickname}}</span>
							<span class="text-success">
								&lt;
								<span id="bm_toun">{{i.fromuser.username}}</span>
								&gt;
							</span>
							<span class="text-primary">
								[
								<span id="bm_toid">{{i.fromuser.sid}}</span>
								]
							</span>
						</td>
						<td>{{i.content|truncatechars:"20"}}</td>
					</tr>
					{% endfor %}
				</tbody>
			</table>
		</div>

	</div>
	<div class="col-md-6">
		<div class="panel panel-default" style="height:500px;">
			<div class="panel-heading">
				危险等级分布图表
			</div>
			<div class="panel panel-body" id="charts_dom" style="background:#FFF; color:#000;height:90%;"></div>
		</div>
	</div>

</div> -->

<script type="text/javascript" src="/static/js/echarts-all.js"></script>
<script type="text/javascript" src="/static/js/jquery.timer.js"></script>
<script type="text/javascript" src="/static/js/homepage.js"></script>
<script type="text/javascript">
//         // 基于准备好的dom，初始化echarts图表
//         var myChart1 = echarts.init(document.getElementById('charts_dom')); 

// option = {
//     title: {
//         x: 'center',
//         text: '危险等级分布图表',
//         subtext: '心理评测档案系统',
//         link: '{% url 'projdanger' %}'
//     },
//     tooltip: {
//         trigger: 'item'
//     },
//     toolbox: {
//         show: false,
//         feature: {
//             dataView: {show: true, readOnly: false},
//             restore: {show: true},
//             saveAsImage: {show: true}
//         }
//     },
//     calculable: true,
//     grid: {
//         borderWidth: 0,
//         y: 80,
//         y2: 60
//     },
//     xAxis: [
//         {
//             type: 'category',
//             show: true,
//             data: ['等级一','等级二','等级三','等级四','等级五',]
//         }
//     ],
//     yAxis: [
//         {
//             type: 'value',
//             show: false
//         }
//     ],
//     series: [
//         {
//             name: '档案数',
//             type: 'bar',
//             itemStyle: {
//                 normal: {
//                     color: function(params) {
//                         // build a color map as your need.
//                         var colorList = [
//                           '#B5C334','#27727B','#FCCE10','#E87C25','#C1232B',
//                         ];
//                         return colorList[params.dataIndex]
//                     },
//                     label: {
//                         show: true,
//                         position: 'top',
//                         formatter: '{b}\n{c}'
//                     }
//                 }
//             },
//             data: [{{count1}},
//             	{{count2}},
//             	{{count3}},
//             	{{count4}},
//             	{{count5}},
//             ],
//         }
//     ]
// };
//         myChart1.setOption(option); 
</script>

{% endblock %}