{% extends 'MirrorOamBundle:Base:base.html.twig' %}
{% block style %}
    <style type="text/css">
        #split-page {
            text-align: center;
        }
        .form-control {
            display: inline-block;
            width: auto;
        }
    </style>
{% endblock %}

{% block content %}
    {% raw %}
        <div ng-controller="refereeListController">
            <h1 class="page-header">推荐订单</h1>
            <div class="page-header">
                创建时间范围：
                <input id="dateTime1" type="text" class="create-input-full form-control" placeholder="开始时间" />
                &nbsp;
                &nbsp;
                <input id="dateTime2" type="text" class="create-input-full form-control" placeholder="结束时间" />
                <button class="form-control" ng-click="getr()">搜索</button>
            </div>
            <div class="table-responsive">
                <table class="table table-striped">
                    <thead>
                    <tr>
                        <th>#</th>
                        <th>用户手机号</th>
                        <th>用户姓名</th>
                        <th>出发地</th>
                        <th>目的地</th>
                        <th>推荐时间</th>
                        <th>创建时间</th>
                        <th>备注</th>
                        <th>openId</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr ng-repeat="referee in refereeList">
                        <td>{{ referee.id }}</td>
                        <td>{{ referee.Telephone }}</td>
                        <td>{{ referee.Name }}</td>
                        <td>{{ referee.Begin }}</td>
                        <td>{{ referee.End }}</td>
                        <td>{{ referee.Time }}</td>
                        <td>{{ referee.CreateTime }}</td>
                        <td>{{ referee.Remark }}</td>
                        <td>{{ referee.OpenId }}</td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div id="split-page">
                <tm-pagination conf="paginationConf"></tm-pagination>
            </div>
        </div>
    {% endraw %}
{% endblock %}

{% block script %}
    <link rel="stylesheet" type="text/css" href="/bundles/mirrormain/css/mobiscroll.custom-2.5.0.min.css" />
    <link rel="stylesheet" type="text/css" href="/bundles/mirrormain/js/mobiscroll/dev/css/mobiscroll.android-ics-2.5.2.css" />
    <link rel="stylesheet" type="text/css" href="/bundles/mirrormain/js/mobiscroll/dev/css/mobiscroll.animation-2.5.2.css" />
    <link rel="stylesheet" type="text/css" href="/bundles/mirrormain/js/mobiscroll/dev/css/mobiscroll.core-2.5.2.css" />
    <script data-main="scripts/main" src="/bundles/mirrormain/js/mobiscroll/dev/js/mobiscroll.android-ics-2.5.2.js"></script>
    <script data-main="scripts/main" src="/bundles/mirrormain/js/mobiscroll/dev/js/mobiscroll.core-2.5.2.js"></script>
    <script data-main="scripts/main" src="/bundles/mirrormain/js/mobiscroll/dev/js/mobiscroll.core-2.5.2-zh.js"></script>
    <script data-main="scripts/main" src="/bundles/mirrormain/js/mobiscroll/dev/js/mobiscroll.datetime-2.5.1.js"></script>
    <script data-main="scripts/main" src="/bundles/mirrormain/js/mobiscroll/dev/js/mobiscroll.datetime-2.5.1-zh.js"></script>
    <script data-main="scripts/main" src="/bundles/mirrormain/js/mobiscroll/dev/js/mobiscroll.datetime-2.5.1.js"></script>
    <script data-main="scripts/main" src="/bundles/mirrormain/js/mobiscroll/dev/js/mobiscroll.datetime-2.5.1-zh.js"></script>
    <script type="text/javascript" src="{{ asset('bundles/mirroroam/js/tm-pagination.js') }}"></script>
    <script type="text/javascript">

        angular.module('myApp',['tm.pagination'])
                .controller('refereeListController',function($scope,$http){
                    init($scope,$http);

                    $scope.getr=function(){
                        getrefereeList($scope,$http);
                    }
                });
        function setTimeController(hopeTime){
            var currYear = (new Date()).getFullYear();
            var startDate = new Date();
            var endDate = new Date();
            var opt={};
            opt.datetime = {preset : 'datetime'};
            opt.default = {
                theme: "android-ics light",
                mode: "scroller",
                display: "bottom",
                lang: "english",
                monthText: "月",
                dayText: "日",
                yearText: "年",
                hourText: "时",
                minuteText: "分",
                ampmText:"上午/下午",
                setText: '确定',
                cancelText: '取消',
                dateFormat: 'yyyy-mm-dd',
                dateOrder:'yymmdd',
                startYear:currYear,
                endYear:currYear,
                width:100,
                height:70,
                timeWheels:'HHii',
                timeFormat:'HH:ii'
            };
            var optDateTime = $.extend(opt['datetime'], opt['default']);
            $("#dateTime1").mobiscroll(optDateTime).datetime(optDateTime);
            $("#dateTime2").mobiscroll(optDateTime).datetime(optDateTime);
            if(hopeTime){
                var time1 = hopeTime.split(' ')[0].split('-');
                var time2 = hopeTime.split(' ')[1].split(':');
                time1[1] = parseInt(time1[1]) - 1;
                var time3 = time1.concat(time2);
                $("#dateTime").mobiscroll('setValue',time3,true);
            }
        }
        function init($scope,$http)
        {
            setTimeController();
            $scope.search={};
            $scope.paginationConf = {
                currentPage: 1,
                itemsPerPage: 10,
                pagesLength: 9,
                onChange: function(){
                }
            };
            $("#staff-manage").addClass('active');
            $("#staff-referee-list").addClass("active");
            $("#staff-manage-list").addClass('in');

            getrefereeList($scope,$http);
        }

        function getrefereeList($scope,$http)
        {
            $scope.search.begintime = $('#dateTime1').val();
            $scope.search.endtime = $('#dateTime2').val();
            var currentPage=$scope.paginationConf.currentPage;
            var json={
                'page':currentPage ? currentPage : 1,
                'rows':$scope.paginationConf.itemsPerPage,
                'begintime':$scope.search.begintime,
                'endtime':$scope.search.endtime
            }
            httpOther(
                    $http,
                    apiPath('/api/staff/search'),
                    'post',
                    json,
                    function(data,textStatus){
                        $scope.refereeList=data.rows;
                        $scope.paginationConf.totalItems=data.total;
                        $scope.paginationConf.onChange=function(){
                            getrefereeList($scope,$http);
                        };
                    },
                    function(errno,errmsg){

                    }

            );
        }
    </script>
{% endblock %}