{include file="header.tpl" title='产品管理' hostname=$c['网站名称']}
  <!-- / aside -->
  <!-- content -->

        <div class="wrapper">
            <div class="container-fluid">
		    <!-- start page title -->
		    <div class="row">
		        <div class="col-12">
		            <div class="page-title-box">
		                <!-- <div class="page-title-right">
		                    <ol class="breadcrumb m-0">
		                        <li class="breadcrumb-item"><a href="javascript: void(0);">UBold</a></li>
		                        <li class="breadcrumb-item"><a href="javascript: void(0);">Pages</a></li>
		                        <li class="breadcrumb-item active">Starter</li>
		                    </ol>
		                </div> -->
		                <h4 class="page-title">产品管理</h4>
		            </div>
		        </div>
		    </div>     
		    <!-- end page title --> 
		    <div class="row">
		    	<div class="col-12">
		    		<div class="card">
	                    <div class="card-body">
							<h4 class="header-title mb-2">我的服务
                          </h4>
	    					<div class="table-responsive">
		    					<table id="vm-list-table" data-toggle="table" data-locale="zh-CN"
		    						class="table table-hover text-nowrap"
		    						data-url="/vm/list/page"
		    						data-show-columns="true"
			                        data-side-pagination="server"
			                        data-pagination="true">
                                  							      <thead class="thead-light">
							        <tr>
							          <th data-field="status" data-sortable="true" data-formatter="tableFormat.status" data-switchable="false">产品域名</th>
							          <th data-field="running.running" data-sortable="true" data-formatter="tableFormat.running">产品名称</th>
                                      <th data-field="running.running" data-sortable="true" data-formatter="tableFormat.running">产品周期</th>
							          <th data-field="ethPublicStatus" data-sortable="true" data-formatter="tableFormat.ethPublicStatus">产品状态</th>
							          <th data-field="trafficMbps" data-formatter="tableFormat.trafficMbps" data-visible="false">激活时间</th>
							          <th data-field="ipv4" data-sortable="true" data-formatter="tableFormat.ipv4">到期时间</th>
							          <th data-field="running.usedCpu" data-sortable="true" data-formatter="tableFormat.cpu" data-switchable="false">产品操作/订单</th>

							        </tr>
							      </thead>
					<div class="box-body" id="table">
								<tbody>
{include file="alert.tpl"}

                         

 {foreach from=$servers item=server}
					                <tbody>
					                 <tr>
			        <td>{if $server['域名']=='无需主域名'}{$lang['无需主域名']}{else}{$server['域名']}{/if}</td>
			        <td>{$server['产品类型']}</td>
			        <td>{$server['产品周期']}</td>
			        <td>{if $server['状态']=='激活'}<span class="label label-success">{$lang['激活']}</span>{elseif $server['状态']=='等待审核'}<span class="label label-info"><kbd>{$lang['等待审核']}</kbd></span>{elseif $server['状态']=='暂停'}<span class="label label-warning">{$lang['暂停']}</span>{elseif $server['状态']=='停止'}<span class="label label-danger">{$lang['停止']}</span>{elseif $server['状态']=='驳回'}<span class="label btn-info">{$lang['驳回']}</span>{elseif $server['状态']=='等待付款'}<span class="label label-danger">{$lang['等待付款']}</span>{else}<span class="label label-info">{$server['状态']}</span>{/if}</td>
			        <td>{$server['开通时间']}</td>
			        <td>{$server['到期时间']}</td>
			        <td>
		        		<div class="btn-group">
			              <a class="btn btn-primary {if $server['状态']!='激活' and $server['状态']!='暂停'}disabled{else}active{/if}" href="{if $c['伪静态开关']=='0'}/index.php{/if}/control/detail/{$server['id']}/"><i class="ion-xboxbtn"></i>&nbsp;{$lang['管理']}</a>
                          <a class="btn btn-danger {if $server['状态']!='等待付款'}disabled{else}active{/if}" href="{if $c['伪静态开关']=='0'}/index.php{/if}/control/invoice/{$server['id']}/"><i class="fa fa-shopping-cart"></i>&nbsp;{$lang['订单']}</a>
			            </div>
			        </td>
		        </tr>
				{/foreach}
		    </tbody>
		</table>
	</div>
 </div> <p></div><p></div><p></div><p></div>
{include file="footer.tpl"}