{template 'common/header'}

<ul class="nav nav-tabs">
    <li {if $operation == 'display'}class="active"{/if}><a href="{php echo $this->createWebUrl('monitor', array('op'=>'display'));}">监控室列表</a></li>
    {if !empty($id)}
    <li {if $operation == 'edit'}class="active"{/if}><a href="{php echo $this->createWebUrl('monitor', array('op'=>'edit','id'=>$id));}">编辑监控室</a></li>
    {else}
    <li {if $operation == 'edit'}class="active"{/if}><a href="{php echo $this->createWebUrl('monitor', array('op' => 'edit'))}">添加监控室</a></li>
    {/if}
</ul>
{if $operation=='display'}
<div class="main">
    <div class="panel panel-info">
        <div class="panel-heading">筛选</div>
        <div class="panel-body">
            <form action="./index.php" method="get" class="form-horizontal" role="form">
                <input type="hidden" name="c" value="{$_GPC['c']}">
                <input type="hidden" name="a" value="{$_GPC['a']}">
                <input type="hidden" name="do" value="monitor">
                <input type="hidden" name="m" value="yk_parkinglot">
                <input type="hidden" name="op" value="display">
                <div class="form-group">
                    <label class="col-xs-12 col-sm-2 col-md-2 col-lg-1 control-label">所属停车场</label>
                    <div class="col-xs-12 col-sm-8 col-md-8 col-lg-6">
                        <select name="park_id" class="form-control">
                            <option value=""></option>
                            {loop $parks $item}
                            <option value="{$item['id']}" {if $_GPC['park_id'] ==  $item['id']} selected="selected" {/if}>{$item['name']}</option>
                            {/loop}
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-xs-12 col-sm-2 col-md-2 col-lg-1 control-label">关键字</label>
                    <div class="col-xs-12 col-sm-8 col-md-8 col-lg-6">
                        <input class="form-control" name="keyword" id="" type="text" value="{$_GPC['keyword']}" placeholder="账号">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-xs-12 col-sm-2 col-md-2 col-lg-1 control-label">状态</label>
                    <div class="col-xs-12 col-sm-8 col-md-8 col-lg-6">
                        <select name="status" class="form-control">
                            <option value="">全部</option>
                            <option value="1" {if $_GPC['status']==1}selected{/if}>启用</option>
                            <option value="0" {if $_GPC['status']===0}selected{/if}>关闭</option>
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-xs-12 col-sm-2 col-md-1 col-lg-1">
                        <button class="btn btn-default"><i class="fa fa-search"></i>搜索</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <div class="panel panel-default">
        <div class="panel-heading">监控室列表</div>
        <div class="panel-body">
            <div class="table-responsive panel-body">
                <table class="table table-hover" style="min-width: 300px;">
                    <thead class="navbar-inner">
                    <tr>
                        <th class="col-sm-1">账号id</th>
                        <th class="col-sm-1">停车场名称</th>
                        <th class="col-sm-1">监控室账号</th>
                        <th class="col-sm-1">状态</th>
                        <th class="col-sm-2 text-right">操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    {loop $users $item}
                    <tr>
                        <td>{$item['id']}</td>
                        <td>{$item['name']}</td>
                        <td>{$item['username']}</td>
                        <td>
                            {if $item['status']==1}
                            <span class="label label-success">开启</span>
                            {else}
                            <span class="label label-default">关闭</span>
                            {/if}
                        </td>
                        <td class="text-right">
                            <a href="{php echo $this->createWebUrl('monitor', array('op'=>'edit', 'id'=>$item['id']));}" class="btn btn-default" data-toggle="tooltip" data-placement="top" title="" data-original-title="编辑"><i class="fa fa-pencil"></i></a>
                            <a onclick="if(!confirm('删除后将不可恢复,确定删除吗?')) return false;" href="{php echo $this->createWebUrl('monitor', array('op'=>'delete', 'id'=>$item['id']));}" class="btn btn-default btn-danger" data-toggle="tooltip" data-placement="top" title="" data-original-title="删除"><i class="fa fa-times"></i> </a>
                        </td>
                    </tr>
                    {/loop}
                    {if empty($users)}
                    <tr>
                        <td colspan="5">
                            尚未添加
                        </td>
                    </tr>
                    {/if}
                    </tbody>
                </table>
                {$pager}
            </div>
        </div>
    </div>
</div>
{else if  $operation=='edit'}
<div class="main">
    <form action="" method="post" class="form-horizontal form" id="form">
        <div class="panel panel-default">
            <div class="panel-heading">基本信息</div>
            <div class="panel-body">
                <div class="form-group">
                    <label class="col-xs-12 col-sm-3 col-md-2 col-lg-2 control-label">所属停车场</label>
                    <div class="col-xs-12 col-sm-8">
                        <select name="logindata[park_id]" class="form-control">
                            <option value=""></option>
                            {loop $parks $item}
                            <option value="{$item['id']}" {if $users['park_id'] ==  $item['id']} selected="selected" {/if}>{$item['name']}</option>
                            {/loop}
                        </select>
                    </div>
                </div>
                <div class="form-group" id="username">
                    <label class="col-xs-12 col-sm-3 col-md-2 col-lg-2 control-label">登录账号</label>
                    <div class="col-xs-12 col-sm-8">
                        <input type="text" name="logindata[username]" value="{$users['username']}" data-type={if !empty($users['id'])}"1"{else} ""{/if} class="form-control">
                        <div class="help-block">请输入登陆账号，登陆账号为 3 到 15 个字符组成，包括汉字，大小写字母</div>
                        <div class="help-block" id="u_warning" style="display: none"><p class="text-danger">登录账号已存在，请重新输入登录账号</p></div>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-xs-12 col-sm-3 col-md-2 col-lg-2 control-label">密码</label>
                    <div class="col-xs-12 col-sm-8">
                        <input type="password" name="logindata[password]" value="" class="form-control">
                        <div class="help-block">请填写密码，最小长度为 8 个字符.{if !empty($users['id'])}如果不更改密码此处请留空{/if}</div>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-xs-12 col-sm-3 col-md-2 col-lg-2 control-label">确认密码</label>
                    <div class="col-xs-12 col-sm-8">
                        <input type="password" name="logindata[repassword]" value="" class="form-control">
                        <div class="help-block">重复输入密码，确认正确输入.{if !empty($users['id'])}如果不更改密码此处请留空{/if}</div>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-xs-12 col-sm-3 col-md-2 col-lg-2 control-label">状态</label>
                    <div class="col-xs-12 col-sm-8">
                        <label class="radio radio-inline">
                            <input type="radio" name="logindata[status]" value="1" {if empty($id) || intval($users['status']) == 1}checked="checked"{/if}> 启用
                        </label>
                        <label class="radio radio-inline">
                            <input type="radio" name="logindata[status]" value="0" {if !empty($id) && intval($users['status']) == 0}checked="checked"{/if}> 关闭
                        </label>
                    </div>
                </div>

            </div>
        </div>

        <!--<div class="panel panel-default">
            <div class="panel-heading">权限设置</div>
            <div class="panel-body table-responsive">
                <table class="table">
                    <thead>
                    <tr class="info">
                        <th colspan="6">
                            <div class="checkbox">
                                <label class="permission permission-1" data-name="1"><input type="checkbox">权限列表</label>
                            </div>
                        </th>
                    </tr>
                    </thead>
                    <tr>
                        <td>
                            <div class="checkbox">
                                <label class="permission-child permission-child-1" data-name="1"><input type="checkbox" value="1" {if in_array('1', $users['permission'])}checked{/if} name="permissiondata[]">白名单</label>
                            </div>
                        </td>

                    </tr>
                </table>
            </div>
        </div>-->

        <div class="form-group col-sm-12">
            <input name="id" type="hidden" value="{$users['id']}" >
            <input name="submit" id="submit" type="submit" value="提交" class="btn btn-primary col-lg-1">
            <input type="hidden" name="token" value="{$_W['token']}" />
        </div>

    </form>
</div>

<script>
    $('[name="logindata[username]"]').blur(function () {
        //if (!$('[name="same"]').is(':checked')) {
        var username = $.trim($(':text[name="logindata[username]"]').val());
        var uid = $('[name="id"]').val();
        //$.post("{php echo url('activity/clerk/checkname')}", {'uid' : uid, 'username' : username}, function(data) {
        $.post("{php echo $this->createWebUrl('checkname', array());}", {'uid' : uid, 'username' : username}, function(data) {
            var data = $.parseJSON(data);
            if (data.message.errno == '0') {
                $(':text[name="logindata[username]"]').data('type', 0);
                //$('#warning').hide();
                $('#u_warning').show();
            }else {
                $(':text[name="logindata[username]"]').data('type', 1);
                //$('#warning').hide();
                $('#u_warning').hide();
            }
        });
        //}
    });
    /*
    {if $users['name'] == $users['username']}
    $('[name="same"]').attr('checked', true);
    $('#username').hide();
    {/if}
    $('[name="data[name]"]').change(function () {
    if ($('[name="same"]').is(':checked')) {
        $('[name="logindata[username]"]').val($(this).val());
    }
    });
    var id = '{$id}';
    $('[name="same"]').click(function() {
    if ($(this).is(':checked')) {
        $('#username').hide();
        $('[name="logindata[username]"]').val($('[name="data[name]"]').val());
    }else {
        $('#warning').hide();
        $('#username').show();
    }
    });
    $('[name="data[name]"]').blur(function () {
    if ($('[name="same"]').is(':checked')) {
        var username = $.trim($(':text[name="data[name]"]').val());
        var uid = $('[name="uid"]').val();
        //$.post("{php echo url('activity/clerk/checkname')}", {'uid' : uid, 'username' : username}, function(data) {
        $.post("{php echo $this->createWebUrl('checkname', array());}", {'uid' : uid, 'username' : username}, function(data) {
            var data = $.parseJSON(data);
            if (data.message.errno == '0') {
                $(':text[name="logindata[username]"]').data('type', 0);
                $('#warning').show();
            }else {
                $(':text[name="logindata[username]"]').data('type', 1);
                $('#warning').hide();
            }
        });
    }
    });
    $('[name="logindata[username]"]').blur(function () {
    if (!$('[name="same"]').is(':checked')) {
        var username = $.trim($(':text[name="logindata[username]"]').val());
        var uid = $('[name="uid"]').val();
        //$.post("{php echo url('activity/clerk/checkname')}", {'uid' : uid, 'username' : username}, function(data) {
        $.post("{php echo $this->createWebUrl('checkname', array());}", {'uid' : uid, 'username' : username}, function(data) {
            var data = $.parseJSON(data);
            if (data.message.errno == '0') {
                $(':text[name="logindata[username]"]').data('type', 0);
                $('#warning').hide();
                $('#u_warning').show();
            }else {
                $(':text[name="logindata[username]"]').data('type', 1);
                $('#warning').hide();
                $('#u_warning').hide();
            }
        });
    }
    });
    */
    $('#form').submit(function(){
        /*
        var name = $.trim($(':text[name="data[name]"]').val());
        if (!name) {
            util.message('请填写姓名');
            return false;
        }
        */
        var username = $.trim($(':text[name="logindata[username]"]').val());
        /*
        if (!username && !($('[name="same"]').is(':checked'))) {
            util.message('请填写登陆账号');
            return false;
        }
        */
        if ($(':text[name="logindata[username]"]').data('type') == 0) {
            util.message('登录账号已存在');
            return false;
        }
        var password = $.trim($('input[name="logindata[password]"]').val());
        var repassword = $.trim($('input[name="logindata[repassword]"]').val());
        {if !$users['id']}
        if (!password || password.length < 8) {
            util.message('密码不能小于8位数');
            return false;
        }
        if (password != repassword) {
            util.message('两次密码输入不一致');
            return false;
        }
        {else}
        if (password != ''&& password.length < 8) {
            util.message('密码不能小于8位数');
            return false;
        }
        if (password != '' && password != repassword) {
            util.message('两次密码输入不一致');
            return false;
        }
        {/if}
            /*
            var mobile = $.trim($(':text[name="data[tel]"]').val());
            if (!mobile) {
                util.message('请填写手机号');
                return false;
            }
            var phone = /^\d{11}$/;
            if(!phone.test(mobile)) {
                util.message('请填写正确的手机格式');
                return false;
            }
            */
            return true;
        });

    /*
        $('.btn-openid').click(function(){
            var nickname = $.trim($(':text[name="data[nickname]"]').val());
            var openid = $.trim($(':text[name="data[openid]"]').val());
            if(!nickname && !openid) {
                util.message('请输入昵称或者openid');
                return false;
            }
            var param = {
                'nickname':nickname,
                'openid':openid
            };
            $.post("{php echo url('activity/clerk/verify')}", param, function(data){
                var data = $.parseJSON(data);
                if(data.message.errno < 0) {
                    util.message(data.message.message);
                    return false;
                }
                $(':text[name="data[openid]"]').val(data.message.message.openid);
                $(':text[name="data[nickname]"]').val(data.message.message.nickname);
            });
            return false;
        });
    */
</script>
<script>
    $('.permission').click(function(){
        var name = $(this).data('name');
        $('.permission-child-' + name).find(':checkbox').prop('checked', $(this).find(':checkbox').prop('checked'));
    });
    $('.permission-child').click(function() {
        var name = $(this).data('name');
        if (!$(this).find(':checkbox').prop('checked')) {
            $('.permission-' + name).find(':checkbox').prop('checked', false);
        } else {
            if ($('.permission-child-' + name).find(':checkbox:not(:checked)').size()) {
                $('.permission-' + name).find(':checkbox').prop('checked', false);
            } else {
                $('.permission-' + name).find(':checkbox').prop('checked', true);
            }
        }
    });
</script>
{/if}
{template 'common/footer'}