<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>
                <!-- link and dropdown -->
                <ul class="nav navbar-nav">
                    <li class="nav-item">
                        <span class="navbar-item text-md">商品管理</span>
                    </li>
                    <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 class="active">
                                                    <a href="?Mould=Admin_Goods">
												      	<span class="nav-label">
									                    	<b class="label warn rounded"><?=get_count('website_goods','id')?></b>
									                  	</span>
                                                        <span class="nav-text">查看全部商品</span>
                                                    </a>
                                                </li>
                                                <li class="active">
                                                    <a href="?Mould=Admin_Goods&mold=vip">
												      	<span class="nav-label">
									                    	<b class="label warn rounded"><?=get_count('website_goods',"mold='vip'")?></b>
									                  	</span>
                                                        <span class="nav-text">VIP会员类</span>
                                                    </a>
                                                </li>
                                                <li class="active">
                                                    <a href="?Mould=Admin_Goods&mold=q_quota">
												      	<span class="nav-label">
									                    	<b class="label warn rounded"><?=get_count('website_goods',"mold='q_quota'")?></b>
									                  	</span>
                                                        <span class="nav-text">挂机配额</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="?Mould=Admin_Goods&mold=p_quota">
												      	<span class="nav-label">
									                    	<b class="label primary rounded"><?=get_count('website_goods',"mold='p_quota'")?></b>
									                  	</span>
                                                        <span class="nav-text">播放器配额</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="?Mould=Admin_Goods&mold=s_quota">
												      	<span class="nav-label">
									                    	<b class="label rounded"><?=get_count('website_goods',"mold='s_quota'")?></b>
									                  	</span>
                                                        <span class="nav-text">歌单配额</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="?Mould=Admin_Goods&mold=u_quota">
												      	<span class="nav-label">
									                    	<b class="label rounded"><?=get_count('website_goods',"mold='u_quota'")?></b>
									                  	</span>
                                                        <span class="nav-text">音乐储存配额</span>
                                                    </a>
                                                </li>
                                                <li class="active">
                                                    <a href="?Mould=Admin_Goods&mold=money">
												      	<span class="nav-label">
									                    	<b class="label warn rounded"><?=get_count('website_goods',"mold='money'")?></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">
                                <!-- 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 ">
                                                            <div class="list-left">
										      			        <span class="w-40 avatar circle blue-grey">
										      			            <img alt="<?=$item->name?>" src="<?=$item->image?>">
										      			        </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 query" queryid="<?=$item->id?>">
                                                                            <i class="fa fa-tag"></i>
                                                                            查看商品
                                                                        </a>
                                                                        <a class="dropdown-item del" delid="<?=$item->id?>">
                                                                            <i class="fa fa-trash"></i>
                                                                            移除商品
                                                                        </a>
                                                                    </div>
                                                                </div>
                                                                <div class="item-title">
                                                                    <a href="#" class="_500"><?=$item->name?></a>
                                                                </div>
                                                                <small class="block text-muted text-ellipsis">
                                                                    售价：￥：<?=$item->money?>，上架时间：<?=$item->addtime?>
                                                                </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><?=get_count('website_goods','id')?></strong> 件</span>
                        </div>
                        <!-- / -->
                    </div>
                </div>
                <div class="col-xs hidden-lg-up" id="detail">
                    <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 id="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="w circle animated rollIn" alt=".">
                                        <div class="animated fadeInUp">
                                            <div>
                                                <span class="text-md m-t block" id="name">商品名称</span>
                                                <small class="text-muted" id="content2">商品描述</small>
                                            </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">
								                		<i class="fa fa-cube"></i>
								                	</span>
                                                    <span>商品数量：<code id="num">0</code> 个</span>
                                                </a>
                                            </li>
                                            <li class="nav-item m-b-xs">
                                                <a class="nav-link text-muted block">
								                	<span class="pull-right text-sm">
								                		<i class="fa fa-calendar"></i>
								                	</span>
                                                    <span>上架时间：<code id="addtime">0000-00-00 00:00:00</code></span>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                    <!-- / -->
                                </div>
                            </div>
                        </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>
                添加商品
            </div>
            <div class="modal-body">
                <form class="form-horizontal" id="addgoods">
                    <div class="form-group">
                        <label>商品名称</label>
                        <input type="text" name="name" class="form-control" placeholder="请输入商品名称">
                    </div>
                    <div class="form-group">
                        <label>图片链接</label>
                        <input type="text" name="image" class="form-control" placeholder="请输入图片链接">
                    </div>
                    <div class="form-group">
                        <label>商品描述</label>
                        <textarea name="content" class="form-control" placeholder="请输入内容..."></textarea>
                    </div>
                    <div class="form-group">
                        <label>商品数量</label>
                        <input type="number" name="stock" class="form-control" placeholder="请输入商品数量">
                    </div>
                    <div class="form-group">
                        <label>商品类型</label>
                        <select name="mold" class="form-control">
                            <option value="vip">VIP会员（单位：天）</option>
                            <option value="money">彩虹屁（单位：个）</option>
                            <option value="q_quota">挂机配额（单位：个）</option>
                            <option value="p_quota">播放器配额（单位：个）</option>
                            <option value="s_quota">音乐歌单配额（单位：个）</option>
                            <option value="u_quota">音乐储存配额（单位：个）</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label>商品售价（单位：元）</label>
                        <input type="number" name="money" class="form-control" placeholder="请输入商品价格">
                    </div>
                    <div class="form-group row">
                        <div class="col-lg-12">
                            <button type="button" name="submit" class="btn info btn-block">点击添加</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>