<%@ page language="C#" autoeventwireup="true" inherits="user_Calendar, App_Web_calendar.aspx.6cc23264" enableEventValidation="false" %>

<%@ Register Src="~/user/MyHeader.ascx" TagPrefix="uc1" TagName="MyHeader" %>

<!DOCTYPE html >
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>网上预约系统</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <link href="/control/plugin/bootstrap3/css/bootstrap.min.css" rel="stylesheet" />
    <script src="/control/js/jquery.js"></script>
    <script src="/control/plugin/bootstrap3/js/bootstrap.min.js"></script>
    <link href="/user/css/user.css" rel="stylesheet" />

    <link href="/control/plugin/fullcalendar/fullcalendar.css" rel="stylesheet" />
    <script src="/control/plugin/fullcalendar/lib/moment.min.js"></script>
    <script src='/control/plugin/fullcalendar/fullcalendar.js'></script>
    <script src="/control/plugin/fullcalendar/locale/zh-cn.js"></script>   
    <!--[if lt IE 9]>
      <script src="/js/html5shiv.min.js"></script>
      <script src="/js/respond.min.js"></script>
    <![endif]-->
</head>
<body>
    <uc1:MyHeader runat="server" ID="MyHeader" />
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <ul class="nav nav-tabs" >
                    <li ><a href="Main.aspx" >未审核申请</a></li>
                    <li class="active"><a href="#profile" >分配时间表</a></li>
                </ul>
                <!-- Tab panes -->
                <h3 class="page-header"><i class="glyphicon glyphicon-calendar"></i>
                    分配时间表<small> 预约的后管理员分配的时间  </small>
                </h3>
                <div class=" well well-sm  ">
                    <form class="form-inline" action="Teacher.aspx" method="post">
                        <div class="form-group  ">
                            <a href="CreateBooking.aspx" class="btn btn-default" id="move-play-list-button"><i class="glyphicon glyphicon-plus"></i>新增预约</a>
                        </div>
                    </form>
                </div>

                <div class="panel panel-default">
                    <div class="panel-body">
                        <script type="text/javascript">
                            $(function () {
                                $('#calendar').fullCalendar({
                                    events: {
                                        url: 'UserUse.ashx',
                                        type: 'POST'
                                    },
                                    defaultView: "agendaWeek",
                                    allDayDefault: false,
                                    header: {
                                        left: 'prev,next today',
                                        center: 'title',
                                        right: 'month,agendaWeek,agendaDay'
                                    }
                                });
                            });
                        </script>
                        <div class="form-group">
                            <div id="calendar"></div>
                        </div>
                    </div>
                </div>


            </div>
        </div>
    </div>
</body>
</html>

