<!-- ############ PAGE START-->
<div class="app-body-inner">
    <div class="row-col">
        <div class="white bg b-b">
            <div class="navbar no-radius box-shadow-z1">
                <a data-toggle="modal" data-target="#subnav" data-ui-modal class="navbar-item pull-left hidden-lg-up">
					<span class="btn btn-sm btn-icon info">
			      		<i class="fa fa-th"></i>
			        </span>
                </a>
                <a data-toggle="modal" data-target="#list" data-ui-modal class="navbar-item pull-left hidden-md-up">
			    	<span class="btn btn-sm btn-icon white">
			      		<i class="fa fa-list"></i>
			      	</span>
                </a>
                <!-- nabar right -->
                <ul class="nav navbar-nav pull-right m-l">
                    <li class="nav-item dropdown">
                        <a class="nav-link text-muted" href="#" data-toggle="dropdown">
                            <i class="fa fa-ellipsis-h"></i>
                        </a>
                        <div class="dropdown-menu pull-right text-color" role="menu">
                            <a class="dropdown-item qqinfo">
                                <i class="fa fa-tag"></i>
                                详细信息
                            </a>
                            <a class="dropdown-item">
                                <i class="fa fa-send-o"></i>
                                秒赞认证
                            </a>
                            <div class="dropdown-divider"></div>
                            <a class="dropdown-item del">
                                <i class="fa fa-university"></i>
                                删除挂机
                            </a>
                        </div>
                    </li>
                </ul>
                <!-- / navbar right -->
                <!-- link and dropdown -->
                <ul class="nav navbar-nav">
                    <li class="nav-item">
                        <a class="nav-link text-muted" data-toggle="modal" data-target="#modal-new" title="Reply">
				            <span class="">
				            	<i class="fa fa-fw fa-plus"></i>
				            	<span class="hidden-sm-down"> 添加挂机</span>
				            </span>
                        </a>
                    </li>
                </ul>
                <!-- / link and dropdown -->
            </div>
        </div>
        <div class="row-row">
            <div class="row-col">
                <div class="col-xs w modal fade aside aside-md b-r" id="subnav">
                    <div class="row-col light bg">
                        <!-- flex content -->
                        <div class="row-row">
                            <div class="row-body scrollable hover">
                                <div class="row-inner">
                                    <!-- content -->
                                    <div class="navside m-t">
                                        <nav class="nav-border b-primary" data-ui-nav>
                                            <ul class="nav">
                                                <li>
                                                    <a href="#">
												      	<span class="nav-label">
									                    	<b class="label label-xs success">&nbsp;</b>
									                  	</span>
                                                        <span class="nav-text">正常</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#">
												      	<span class="nav-label">
									                    	<b class="label label-xs danger">&nbsp;</b>
									                  	</span>
                                                        <span class="nav-text">异常</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </nav>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- / -->
                    </div>
                </div>
                <div class="col-xs modal fade aside aside-sm  b-r" id="list">
                    <div class="row-col">
                        <div class="row-row">
                            <div class="row-col">
                                <div class="col-xs">
                                    <div class="row-col white bg">
                                        <!-- flex content -->
                                        <div class="row-row">
                                            <div class="row-body scrollable hover">
                                                <div class="row-inner">
                                                    <!-- left content -->
                                                    <div class="list" data-ui-list="b-r b-3x b-primary" data-ui-list-target="#detail" data-ui-list-target-class="show">
                                                        <?php if(!empty($GLOBALS['list'])){ foreach ($GLOBALS['list'] as $item){ ?>
                                                        <div class="list-item " qid="<?=$item->qid?>">
                                                            <div class="list-left">
										      			        <span class="w-40 avatar circle blue-grey">
										      			            <a data-toggle="dropdown"><img src="http://q2.qlogo.cn/headimg_dl?bs=<?=$item->qq?>&amp;dst_uin=<?=$item->qq?>&amp;dst_uin=<?=$item->qq?>&amp;;dst_uin=<?=$item->qq?>&amp;spec=100&amp;url_enc=0&amp;referer=bu_interface&amp;term_type=PC" class="w-full rounded" alt="..."></a>
										      			        </span>
                                                            </div>
                                                            <div class="list-body">
                                                                <div class="pull-right dropdown">
                                                                    <a href="#" data-toggle="dropdown" class="text-muted"><i class="fa fa-fw fa-ellipsis-v"></i></a>
                                                                    <div class="dropdown-menu pull-right text-color" role="menu">
                                                                        <a class="dropdown-item qqinfo">
                                                                            <i class="fa fa-tag"></i>
                                                                            详细信息
                                                                        </a>
                                                                        <a class="dropdown-item">
                                                                            <i class="fa fa-send-o"></i>
                                                                            秒赞认证
                                                                        </a>
                                                                        <div class="dropdown-divider"></div>
                                                                        <a class="dropdown-item del">
                                                                            <i class="fa fa-university"></i>
                                                                            删除挂机
                                                                        </a>
                                                                    </div>
                                                                </div>
                                                                <div class="item-title">
                                                                    <a href="#" class="_500"><?=$item->qq?> <label class="md-check" style="top: 4px;"><input type="radio" name="radio_qq" value="<?=$item->qid?>"><i class="indigo"></i></label></a>
                                                                </div>
                                                                <small class="block text-muted text-ellipsis">
                                                                    QQ状态：<?php if(is_qqzt($item->status)){echo '正常&nbsp;<b class="label label-xs rounded success"></b>';}else{echo '异常&nbsp;<b class="label label-xs rounded danger"></b>';}?>
                                                                </small>
                                                            </div>
                                                        </div>
                                                        <?php } }?>
                                                    </div>
                                                    <!-- / -->
                                                </div>
                                            </div>
                                        </div>
                                        <!-- / -->
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- footer -->
                        <div class="white bg p-a b-t clearfix">
                            <div class="btn-group pull-right">
                                <a href="#" class="btn btn-xs white circle"><i class="fa fa-fw fa-angle-left"></i></a>
                                <a href="#" class="btn btn-xs white circle"><i class="fa fa-fw fa-angle-right"></i></a>
                            </div>
                            <span class="text-sm text-muted">共: <strong><?=$GLOBALS['count']->msg?></strong> 个挂机</span>
                        </div>
                        <!-- / -->
                    </div>
                </div>
                <div class="col-xs" id="qqinfo" style="display: none">
                    <div class="row-col white bg">
                        <!-- flex content -->
                        <div class="row-row">
                            <div class="row-body scrollable hover">
                                <div class="row-inner">
                                    <!-- content -->
                                    <div class="p-a-lg text-center">
                                        <img src="http://q2.qlogo.cn/headimg_dl?bs=17404785&dst_uin=17404785&dst_uin=17404785&;dst_uin=17404785&spec=100&url_enc=0&referer=bu_interface&term_type=PC" class="qqtx w circle animated rollIn" alt=".">
                                        <div class="animated fadeInUp">
                                            <div>
                                                <span class="text-md m-t block qqnick">昵称</span>
                                                <small class="text-muted qqnumber">QQ号码</small>
                                            </div>
                                            <div class="block clearfix m-t">
                                                <a href="?Mould=QQSet" class="btn btn-outline rounded b-success text-success">点击管理</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="p-a-md animated fadeInUp">
                                        <ul class="nav">
                                            <li class="nav-item m-b-xs">
                                                <a class="nav-link text-muted block">
								                	<span class="pull-right text-sm">
								                		<span class="label green qqzt">未知</span>
								                	</span>
                                                    <span>QQ状态</span>
                                                </a>
                                            </li>
                                            <li class="nav-item m-b-xs">
                                                <a class="nav-link text-muted block">
								                	<span class="pull-right text-sm">
								                		<span class="label green addtime">未知</span>
								                	</span>
                                                    <span>添加时间</span>
                                                </a>
                                            </li>
                                            <li class="nav-item m-b-xs">
                                                <a class="nav-link text-muted block">
								                	<span class="pull-right text-sm">
								                		<span class="label green gxtime">未知</span>
								                	</span>
                                                    <span>更新时间</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                    <!-- / -->
                                </div>
                            </div>
                        </div>
                        <!-- / -->
                        <!-- footer -->
                        <div class="p-a b-t clearfix">
                            <div class="pull-right">
                                <a class="btn btn-xs white rounded del">
                                    <i class="fa fa-trash m-r-xs"></i>
                                    移除
                                </a>
                            </div>
                            <a href="?Mould=QQSet" class="btn btn-xs primary rounded">
                                <i class="fa fa-pencil m-r-xs"></i>
                                配置
                            </a>
                        </div>
                        <!-- / -->
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modal-new">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header _600">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                添加QQ挂机
            </div>
            <div class="modal-body">
                <div class="panel-body" align="left">
                    <p>1、增加配额可以增加可挂机的QQ数量</p>
                    <p>2、添加后会提示异地登陆，请勿担心</p>
                    <p>3、首次使用本网站可能会因为异地登陆而被临时冻结一次QQ，解除后即可</p>
                    <P>添加QQ即代表同意本站协议自愿使用，不同意请关闭，本站不盗号，不信任请关闭。</P>
                    <a class="btn btn-success btn-rounded btn-block" href="<?=TFYT('qqlogin_api')?>?return_url=<?=urlencode("http://{$_SERVER['HTTP_HOST']}/Application/Mains.php?Mould=Addqq&uid={$GLOBALS['users']['uid']}&action=addqq")?>">添加QQ挂机</a>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- ############ PAGE END-->