{include file="header.tpl" title='主机信息' hostname=$c['网站名称']}

        <div class="wrapper">
<div class="container-fluid">

<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>

<div class="row">
<div class="col-12">
<div class="card">
<div class="card-body">
  
{include file="alert.tpl"}

  <!-- End of Breadcrumps -->
	<section class="elements">
<!-- <div class="servers-table"> -->
    <div class="row">
      <div class="col-sm-12">
<style type="text/css">	
cpkzmbxq h1, cpkzmbxq h2, cpkzmbxq h3, cpkzmbxq h4, cpkzmbxq h5, cpkzmbxq h6{ color:#FFF} .stats{  text-align:center}.stats .stat{  background-color:#eee;color:#555;padding:10px;border-radius:6px;margin-bottom:20px;text-align:center}.stats .stat h2{ font-weight:600}.stats .stat h6{ margin-top:-10px}.stats .warning{ background-color:#ffa93c;color:#FFF}.stats .success{ background-color:#4cb158;color:#FFF}.stats .danger{ background-color:#ea494a;color:#FFF}.stats .info{ background-color:#14b8d4;color:#FFF}.stats .primary{ background-color:#007ccd;color:#FFF}.stats .purple{ background-color:#7932ea;color:#FFF}.stats .inverse{ background-color:#333;color:#FFF} 
</style>	  
{if $goods['开启升级选项'] && $server['周期']!='一次性'}<a href="{$ROOT}/control/package/{$server['id']}/" class="btn btn-primary">{$lang['升级/降级产品']}</a>
{/if}
{if $goods['允许用户自己停止']}<form action="stop/" id="formrestop" method="post">
<button type="submit" id="submit" class="btn btn-primary" OnClick="return confirm('如果您的产品出现问题,或者不想使用服务了,可以选择停止产品并取消服务,但是这个操作不能逆转,并且将不返还任何预存款!');">{$lang['停止/取消服务']}</button>
</form>{/if}

 <form action="repass/" id="formrepass" method="post">
<button type="submit" id="submit" class="btn btn-primary mb-3" OnClick="return confirm('系统将为您重置为一个10位随机密码?');">{$lang['重置产品密码']}</button>
</form> 
	<div class="btn-group">
	  <button data-toggle="dropdown" class="btn btn-primary mb-3" style="background: #4B77BE;color: #FFF;">{$lang['前往控制面板']}  <a class="caret"></a></button>
	  <ul class="dropdown-menu">

{foreach from=$logins item=login}
	    <li style="">{$login}</li>
{/foreach}
	  </ul>
	</div>
{foreach from=$barray key=bname item=bfunction}
	<a href="action/{$bfunction}/" class="btn">{$bname}</a>
{/foreach}
                  <button type="button" class="btn btn-primary mb-3"  data-toggle="modal" data-target="#addcontactmodal">续费产品</button>

        
        <center>
			 <thead>
{if $goods['隐藏域名配置']!='1'}
	    <tr>
	      <th width="250">{$lang['主域名(服务名)']}</th>
	      <td>{$server['域名']}</td>
	    </tr>
{/if}
               
{if $server['密码']!=''}
	    <tr>
          <li class="list-group-item">
	      <th>{$lang['产品登录信息']}<br>

	      <td>
	      <li class="list-group-item">
{$lang['用户名']}：{$server['用户名']}
            
{$lang['密码']}：{$server['密码']}</li>
	      </td>
	    </tr>
{/if}
	    <tr>
          <li class="list-group-item">
	    {$lang['产品名称']}
	      	{$goods['名称']}


{if $server['ip地址']!=''}
		<tr>
	      
	      
</li>
          
{/if}
{if $server['专用IP']!=''}
		<tr>
          <li class="list-group-item">
	      <th>{$lang['专用IP']}</th>
	      <td>{$server['专用IP']}</td>
            
          </li> 
{/if}
{if $server['指定IP']!=''}
		<tr>
          <li class="list-group-item">
	      <th>{$lang['指定IP']}</th>
	      <td>{$server['指定IP']}</td>
	     </li>
{/if}
{if $server['主机名']!=''}
	    <tr>
          <li class="list-group-item">
	      
	     
	  
{/if}
{if $server['DNS服务器1']!='' or $server['DNS服务器2']!='' or $server['DNS服务器3']!='' or $server['DNS服务器4']!='' or $server['DNS服务器5']!=''}
		<tr>
	      <th>{$lang['DNS解析(NS)']}</th>
	      <td>
	      	{if $server['DNS服务器1']!=''}{$server['DNS服务器1']}{/if}
			{if $server['DNS服务器2']!=''}<br>{$server['DNS服务器2']}{/if}
			{if $server['DNS服务器3']!=''}<br>{$server['DNS服务器3']}{/if}
			{if $server['DNS服务器4']!=''}<br>{$server['DNS服务器4']}{/if}
			{if $server['DNS服务器5']!=''}<br>{$server['DNS服务器5']}{/if}
	      </td>
	    </tr>
{/if}
	    <tr>
	      <th>{$lang['价格 / 周期']}</th>
	      <td>{if is_array($server['周期'])}
				{$server['周期']['名称']} {$server['周期']['价格']}{$c['交易币名称']}/{$server['周期']['时间']}天
			{else}
				{$goods['价格']}{if $goods['价格']!='免费'} {$c['交易币名称']}{/if} / {$server['周期']}
			{/if}</td>
	    </tr>
             </li>
{if $server['开通时间']!=''}
	    <tr>
          <li class="list-group-item">
	      <th>{$lang['开通时间']}</th>
	      <td>{$server['开通时间']}</td>
	    </tr>

{/if}
{if $server['到期时间']!=''}
	    <tr>
	      <th>{$lang['到期时间']}</th>
	      <td>{$server['到期时间']}</td>
         
{/if}
{foreach from=$options item=option}
		<tr>
	      <th>{$option['名称']}</th>
	      <td>{$option['值']}</td>
	    </tr>
{/foreach}
{foreach from=$configs item=config}
		<tr>
	      <th>{$config['名字']}</th>
	      <td>{$config['内容']}</td>
                  
 {/foreach}
	    <tr>
	      <th width="250">{$lang['状态']}</th>
	      <td>
	  		<!-- {if $server['状态']=='激活'} -->
					<a class="btn btn-success">{$lang['激活']}</a>
					<!-- {elseif $server['状态']=='等待审核'} -->
					<a class="btn btn-info">{$lang['等待审核']}</a>
					<!-- {elseif $server['状态']=='暂停'} -->
					<a class="btn btn-warning">{$lang['暂停']}</a>
					<!-- {elseif $server['状态']=='停止'} -->
					<a class="btn btn-info" style="background-color: #b94a48;">{$lang['停止']}</a>
					<!-- {elseif $server['状态']=='驳回'} -->
					<a class="btn btn-info" style="background-color: #333333;">{$lang['驳回']}</a>
					<!-- {elseif $server['状态']=='等待付款'} -->
					<a class="btn btn-default">{$lang['等待付款']}</a>
					<!-- {else} -->
					<a class="btn btn-info">{$server['状态']}</a>
					<!-- {/if} -->

             </li></center>
	      </td>
	    </tr>
  
	  </thead>
          
          
          
</div>
</div>
</div>
</div>
 </td></tr>
					</tbody>
<cpkzmbxq>
	  {$plug['产品控制面板详情']}</cpkzmbxq>
				</table>
	</div>
</div>
</div>
</li>
</ul>
</div>
	
</div>
                      <div class="modal fade" id="addcontactmodal" tabindex="-1" role="dialog" aria-labelledby="myCenterModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title" id="myCenterModalLabel">产品续费</h4>
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    </div>
<div class="modal-body">
<form method="post"action="pay/">

<div class="panel-body">

<tr>
	      <td>
		{if !$goods['禁止续费'] && $server['周期']!='一次性'}
	  		<form action="pay/" method="post"><p>
	        
			{if is_array($goods['周期'])}
				<select name="cycleid">
				{foreach $goods['可续期周期'] as $num=>$row nocache}
					<option value="{$num}">{$row['名称']} {$row['价格']}{$c['交易币名称']}/{$row['时间']}天</option>
				{foreachelse}
					无法续费
				{/foreach}
				</select>
{else}
			  <li class="list-group-item">
			{if $goods['价格']!='免费'}
	          续费时长:<input name="day" value="1" style="width: 70%; display: inline;"class="form-control" type="text"  id="inputDay" onkeyup="this.value=this.value.replace(/\D|^0/g,'')" />
			  {if $goods['周期']=='日付'}/日
				{elseif $goods['周期']=='月付'}/月数
				{elseif $goods['周期']=='年付'}/年份{/if}
			{/if} </li>
			
			{/if}
			<div class="panel panel-default">
<div class="panel-heading">
  <li class="list-group-item">
{if !is_array($goods['周期'])}{if $goods['价格']!='免费'}{$lang['您目前拥有预存款']} {$s['登陆预存款']} {$c['交易币名称']}{$lang['，最多可以激活该产品']} {$payday} /{$goods['周期']}{else}{$lang['免费产品会自动帮你续期到目前最大的时间!!']}{if $goods['周期']=='日付'}{$lang['30日']}{elseif $goods['周期']=='月付'}{$lang['1月']}{elseif $goods['周期']=='年付'}{$lang['1年']}{/if}{/if}{else}{$lang['您目前拥有预存款']} {$s['登陆预存款']} {$c['交易币名称']}{/if}</div>
</div></li>
			</form>
			<div style="padding-right: 40px;padding: 20px 0;text-align: right;">

<input type="submit" class="btn m-b-xs w-xs btn-success install-complete"style="margin-right: 15px; value="{$lang['续期']}""></div>
		{else}
			该产品禁止续费
		{/if}
	      </td>
	    </tr>
	    </tr>
			  </thead>
        </table>
                  
                </div><!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
        </div><!-- /.modal -->   </div> </div> </div>

{include file="footer.tpl"}