{extend name="light/public" /}
{block name="title"}面板首页{/block}
{block name="css"}
<style type="text/css">
  .progress-xs {
    height: 25px;
  }

  .mdi-2x {
    font-size: 2em;
  }

  .panel {
    border: 1px solid #eee;
    border-bottom: 1px solid #d1d2d3;
  }

  .box-placeholder {
    margin-bottom: 15px;
    padding: 20px;
    border: 1px dashed #dddddd;
    background: #fafafa;
    color: #444444;
  }

  .box-placeholder> :last-child {
    margin-bottom: 0;
  }

  .box-placeholder-lg {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .box-placeholder p {
    font-size: 20px;
  }

  .box-placeholder p:nth-child(2) {
    font-size: 12px;
  }

  .row-flush p {
    font-size: 14px;

  }

  .row-flush .m0 {
    color: rgba(255, 255, 255, 0.74);
  }
</style>
{/block}
{block name="content"}
<div class="row">
  <!-- START dashboard main content-->
  <div class="col-md-9">
    <!-- START summary widgets-->
    <div class="row">
      <div class="col-lg-3 col-sm-6">
        <!-- START widget-->
        <div class="panel widget">
          <div class="panel-body bg-purple">
            <div class="row row-table row-flush">
              <div class="col-xs-8">
                <p>主机运行状态</p>
                <h4 class="m0">
                  <div class="point point-success"></div>
                  {switch name="siteStatus"}
                  {case value="0"}<span class="text-danger">停止</span>{/case}
                  {case value="1"}<span class="text-success">正常</span>{/case}
                  {case value="2"}<span class="text-warning">超量</span>{/case}
                  {case value="3"}<span class="text-danger">过期</span>{/case}
                  {/switch}
                </h4>
              </div>
              <div class="col-xs-4 text-center">
                <em class="mdi mdi-power mdi-2x"></em>
              </div>
            </div>
          </div>
          <div class="panel-body">
            <!-- Bar chart-->
            <div class="text-center">
              <p>
                {if $siteStatus}
                <a href="javascript:sitestop();" class="text-success" title="点击关闭">点击停止</a>
                {else/}
                <a href="javascript:sitestart();" class="text-danger" title="点击开启">点击开启</a>
                {/if}
              </p>
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-3 col-sm-6">
        <!-- START widget-->
        <div class="panel widget">
          <div class="panel-body bg-info">
            <div class="row row-table row-flush">
              <div class="col-xs-8">
                <p>网页空间</p>
                <h4 class="m0">
                  {$hostInfo.site_size}M / <small
                    class="text-warning">{$hostInfo.site_max!='0.00'?$hostInfo.site_max.'M':'无限制'}</small></h4>
              </div>
              <div class="col-xs-4 text-center">
                <em class="mdi mdi-webpack mdi-2x"></em> </div>
            </div>
          </div>
          <div class="panel-body" id="web">
            <div class="progress progress-striped progress-xs progress-bar-success"
              title="总大小：{$hostInfo.site_max!='0.00'?$hostInfo.site_max.'M':'无限制'}   已使用：{$hostInfo.site_size?$hostInfo.site_size:'0'}M">
              <div class="progress-bar progress-bar-danger" role="progressbar"
                value="{$hostInfo.site_size?$hostInfo.site_size:'0'}" max="{$hostInfo.site_max}"
                style="width:{if $hostInfo.site_max!=0}{:getround($hostInfo.site_max,$hostInfo.site_size)}{else/}0{/if}%">
              </div>
            </div>
          </div>
        </div>
      </div>
      {notempty name="hostInfo.sql_max"}
      <div class="col-lg-3 col-sm-6">
        <!-- START widget-->
        <div class="panel widget">
          <div class="panel-body bg-success">
            <div class="row row-table row-flush">
              <div class="col-xs-8">
                <p>数据空间</p>
                <h4 class="m0">
                  {$hostInfo.sql_size}M
                  / <small class="text-warning">{$hostInfo.sql_max!='0.00'?$hostInfo.sql_max.'M':'无限制'}</small>
                </h4>
              </div>
              <div class="col-xs-4 text-center">
                <em class="mdi mdi-database mdi-2x"></em> </div>
            </div>
          </div>
          <div class="panel-body" id="sql">
            <div class="progress progress-striped progress-xs progress-bar-success"
              title="总大小：{$hostInfo.sql_max!='0.00'?$hostInfo.sql_max:'无限制'}   已使用：{$hostInfo.sql_size?$hostInfo.sql_size:'0'}M">
              <div class="progress-bar progress-bar-danger" role="progressbar"
                value="{$hostInfo.sql_size?$hostInfo.sql_size:'0'}" max="{$hostInfo.sql_max}"
                style="width:{if $hostInfo.sql_max!=0}{:getround($hostInfo.sql_max,$hostInfo.sql_size)}{else/}0{/if}%">
              </div>
            </div>
          </div>
        </div>
      </div>
      {/notempty}
      {notempty name="hostInfo.flow_max"}
      <div class="col-lg-3 col-sm-6">
        <!-- START widget-->
        <div class="panel widget">
          <div class="panel-body bg-brown">
            <div class="row row-table row-flush">
              <div class="col-xs-8">
                <p>总流量</p>
                <h4 class="m0">
                  {$hostInfo.flow_size?$hostInfo.flow_size:'0'}M
                  / <small class="text-warning">{$hostInfo.flow_max!='0.00'?$hostInfo.flow_max.'M':'无限制'}</small>
                </h4>
              </div>
              <div class="col-xs-4 text-center">
                <em class="mdi mdi-hamburger mdi-2x"></em>
              </div>
            </div>
          </div>
          <div class="panel-body" id="flow">
            <div class="progress progress-striped progress-xs progress-bar-success"
              title="总大小：{$hostInfo.flow_max!='0.00'?$hostInfo.flow_max:'无限制'}   已使用：{$hostInfo.flow_size?$hostInfo.flow_size:'0'}M">
              <div class="progress-bar progress-bar-danger" role="progressbar"
                value="{$hostInfo.flow_size?$hostInfo.flow_size:'0'}" max="{$hostInfo.flow_max}"
                style="width:{if $hostInfo.flow_max!=0}{:getround($hostInfo.flow_max,$hostInfo.flow_size)}{else/}0{/if}%">
              </div>
            </div>
          </div>
        </div>
      </div>
      {/notempty}
    </div>
    <!-- END summary widgets-->
    <div class="row">
      <div class="col-lg-12">
        {$Think.config.site.main_center_notice}
      </div>
    </div>
    <!-- START chart-->
    <div class="row">
      <div class="col-lg-12">
        <!-- START panel-->
        <div class="panel panel-info">
          <div class="panel-heading">功能菜单</div>
          <div class="panel-body">
            <!-- Nav tabs -->
            <ul class="nav nav-pills">
              <li class="active"><a href="#home-pills" data-toggle="tab">基本功能</a> </li>
              <li><a href="#profile-pills" data-toggle="tab">FTP/文件管理</a> </li>
              <li><a href="#messages-pills" data-toggle="tab">安全设置</a> </li>
              <li><a href="#settings-pills" data-toggle="tab">高级设置</a> </li>
            </ul>
            <!-- Tab panes -->
            <div class="tab-content">
              <div id="home-pills" class="tab-pane fade active in">
                <br>
                <div class="col-xs-6 col-sm-3 {:$auth->check('index/domain')?'':'hide'}">
                  <a href="{:url('vhost/index/domain')}" >
                    <div class="box-placeholder" align="center">
                      <p class="mdi mdi-web"></p>
                      <p>域名绑定</p>
                    </div>
                  </a>
                </div>
                <div class="col-xs-6 col-sm-3 {:$auth->check('index/pass')?'':'hide'}">
                  <a href="{:url('vhost/index/pass')}" >
                    <div class="box-placeholder" align="center">
                      <p class="mdi mdi-wrench"></p>
                      <p>密码设置</p>
                    </div>
                  </a>
                </div>
                <div class="col-xs-6 col-sm-3 {:$auth->check('index/speed')?'':'hide'}">
                  <a href="{:url('vhost/index/speed')}" >
                    <div class="box-placeholder" align="center">
                      <p class="mdi mdi-rocket"></p>
                      <p>带宽限制</p>
                    </div>
                  </a>
                </div>
                <div class="col-xs-6 col-sm-3 {:$auth->check('index/Rewrite301')?'':'hide'}">
                  <a href="{:url('vhost/index/Rewrite301')}" >
                    <div class="box-placeholder" align="center">
                      <p class="mdi mdi-undo-variant"></p>
                      <p>域名跳转</p>
                    </div>
                  </a>
                </div>
                <div class="col-xs-6 col-sm-3 {:$auth->check('index/redir')?'':'hide'}">
                  <a href="{:url('vhost/index/redir')}" >
                    <div class="box-placeholder" align="center">
                      <p class="mdi mdi-umbraco"></p>
                      <p>重定向</p>
                    </div>
                  </a>
                </div>
                <div class="col-xs-6 col-sm-3 {:$auth->check('index/defaultfile')?'':'hide'}">
                  <a href="{:url('vhost/index/defaultfile')}" >
                    <div class="box-placeholder" align="center">
                      <p class="mdi mdi-home"></p>
                      <p>默认文件</p>
                    </div>
                  </a>
                </div>
                <div class="col-xs-6 col-sm-3 {:$auth->check('index/rewrite')?'':'hide'}">
                  <a href="{:url('vhost/index/rewrite')}" >
                    <div class="box-placeholder" align="center">
                      <p class="mdi mdi-tree"></p>
                      <p>伪静态规则</p>
                    </div>
                  </a>
                </div>
                <div class="col-xs-6 col-sm-3 {:$auth->check('index/ssl')?'':'hide'}">
                  <a href="{:url('vhost/index/ssl')}" >
                    <div class="box-placeholder" align="center">
                      <p class="mdi mdi-send"></p>
                      <p>SSL设置</p>
                    </div>
                  </a>
                </div>
                <div class="col-xs-6 col-sm-3 {:$auth->check('index/runPath')?'':'hide'}">
                  <a href="{:url('vhost/index/runPath')}" >
                    <div class="box-placeholder" align="center">
                      <p class="mdi mdi-folder-account"></p>
                      <p>运行目录</p>
                    </div>
                  </a>
                </div>
                {notempty name="hostInfo.sql_name"}
                <div class="col-xs-6 col-sm-3">
                  <a href="{$hostInfo.phpMyAdmin?$hostInfo.phpMyAdmin:" javascript:EchoMsg('未提供在线数据库管理')"}"
                    {if $hostInfo.phpMyAdmin}target="_blank"{/if}>
                    <div class="box-placeholder" align="center">
                      <p class="mdi mdi-database"></p>
                      <p>数据库管理</p>
                    </div>
                  </a>
                </div>
                {/notempty}
              </div>

              <div id="profile-pills" class="tab-pane fade">
                <br />
                <div class="col-xs-6 col-sm-3 {:$auth->check('index/file')?'':'hide'}">
                  <a href="{:url('vhost/index/file')}" >
                    <div class="box-placeholder" align="center">
                      <p class="mdi mdi-folder-account"></p>
                      <p>在线文件管理</p>
                    </div>
                  </a>
                </div>
                {notempty name="hostInfo.ftp_id"}
                <div class="col-xs-6 col-sm-3 {:$auth->check('index/file_ftp')?'':'hide'}">
                  <a href="{:url('vhost/index/file_ftp')}">
                    <div class="box-placeholder" align="center">
                      <p class="mdi mdi-folder-account"></p>
                      <p>在线文件管理(FTP)</p>
                    </div>
                  </a>
                </div>
                {/notempty}
                <div class="col-xs-6 col-sm-3 {:$auth->check('index/siteback')?'':'hide'}">
                  <a href="{:url('vhost/index/siteback')}" >
                    <div class="box-placeholder" align="center">
                      <p class="mdi mdi-clipboard-flow"></p>
                      <p>网站备份</p>
                    </div>
                  </a>
                </div>
                <div class="col-xs-6 col-sm-3 {:$auth->check('index/sqlback')?'':'hide'}">
                  <a href="{:url('vhost/index/sqlback')}" >
                    <div class="box-placeholder" align="center">
                      <p class="mdi mdi-clipboard-flow"></p>
                      <p>数据备份</p>
                    </div>
                  </a>
                </div>
                {notempty name="hostInfo.ftp_id"}
                <div class="col-xs-6 col-sm-3 {:$auth->check('index/ftp')?'':'hide'}">
                  <a href="{:url('vhost/index/ftp')}" >
                    <div class="box-placeholder" align="center">
                      <p class="mdi mdi-cloud-upload"></p>
                      <p>FTP设置</p>
                    </div>
                  </a>
                </div>
                {/notempty}
              </div>

              <div id="messages-pills" class="tab-pane fade">
                <br>
                <div class="col-xs-6 col-sm-3 {:$auth->check('index/protection')?'':'hide'}">
                  <a href="{:url('vhost/index/protection')}" >
                    <div class="box-placeholder" align="center">
                      <p class="mdi mdi-minus-network"></p>
                      <p>防盗链</p>
                    </div>
                  </a>
                </div>
                <div class="col-xs-6 col-sm-3 {:$auth->check('index/waf')?'':'hide'}">
                  <a href="{:url('vhost/index/waf')}" >
                    <div class="box-placeholder" align="center">
                      <p class="mdi mdi-wall"></p>
                      <p>防火墙</p>
                    </div>
                  </a>
                </div>
              </div>

              <div id="settings-pills" class="tab-pane fade">
                <br>
                <div class="col-xs-6 col-sm-3 {:$auth->check('index/sitelog')?'':'hide'}">
                  <a href="{:url('vhost/index/sitelog')}" >
                    <div class="box-placeholder" align="center">
                      <p class="mdi mdi-chart-bar-stacked"></p>
                      <p>日志分析</p>
                    </div>
                  </a>
                </div>
                <div class="col-xs-6 col-sm-3 {:$auth->check('index/httpauth')?'':'hide'}">
                  <a href="{:url('vhost/index/httpauth')}" >
                    <div class="box-placeholder" align="center">
                      <p class="mdi mdi-wan"></p>
                      <p>HTTP认证</p>
                    </div>
                  </a>
                </div>
                <div class="col-xs-6 col-sm-3 {:$auth->check('index/deployment')?'':'hide'}">
                  <a href="{:url('vhost/index/deployment')}" target="_blank" >
                    <div class="box-placeholder" align="center">
                      <p class="mdi mdi-puzzle"></p>
                      <p>一键部署</p>
                    </div>
                  </a>
                </div>
                <div class="col-xs-6 col-sm-3 {:$auth->check('index/proof')?'':'hide'}">
                  <a href="{:url('vhost/index/proof')}" >
                    <div class="box-placeholder" align="center">
                      <p class="mdi mdi-webcam"></p>
                      <p>网站防篡改</p>
                    </div>
                  </a>
                </div>
                <div class="col-xs-6 col-sm-3 {:$auth->check('index/total')?'':'hide'}">
                  <a href="{:url('vhost/index/total')}" >
                    <div class="box-placeholder" align="center">
                      <p class="mdi mdi-chart-pie"></p>
                      <p>网站监控报表</p>
                    </div>
                  </a>
                </div>
                <div class="col-xs-6 col-sm-3 {:$auth->check('index/proxy')?'':'hide'}">
                  <a href="{:url('vhost/index/proxy')}" >
                    <div class="box-placeholder" align="center">
                      <p class="mdi mdi-harddisk"></p>
                      <p>反向代理</p>
                    </div>
                  </a>
                </div>
              </div>
            </div>
          </div>
          <!--/.panel-body -->
        </div>
        <!-- END panel-->
      </div>
    </div>
    <!-- END chart-->
  </div>
  <!-- END dashboard main content-->
  <!-- START dashboard sidebar-->
  <div class="col-md-3">
    <!-- START activity-->
    <div class="panel panel-default">
      <div class="panel-heading">
        <div class="panel-title">账户主机信息</div>
      </div>
      <!-- START list group-->
      <div class="list-group">
        <!-- START list group item-->
        {notempty name="hostInfo.ftp_id"}
        <div class="list-group-item">
          <div class="media">
            <div class="media-body clearfix">
              <div class="media-heading text-purple m0">FTP链接信息 <a href="{:url('vhost/index/file')}"
                  class="pull-right label label-purple">在线文件管理器</a></div>
              <p class="m0">
                <small>FTP地址：{$hostInfo.ftp_server?$hostInfo.ftp_server:$hostInfo.ip_address}</small>
                <br><small>FTP端口：{$hostInfo.ftp_port}</small>
                <br><small>FTP用户名：{$hostInfo.ftp_name}</small>
                <br><small>FTP密码：<a onclick="$(this).html($(this).attr('val'))"
                    val="{$hostInfo.ftp_pass}">*******</a></small>
                <br><small>FTP状态：{if $ftpInfo.status}<a href="javascript:ftpStatus(0);" class="text-success"
                    title="点击关闭">正常</a>{else/}<a href="javascript:ftpStatus(1);" class="text-danger"
                    title="点击开启">禁用</a>{/if}</small>
              </p>
            </div>
          </div>
        </div>
        {/notempty}
        <!-- END list group item-->
        <!-- START list group item-->
        {notempty name="hostInfo.sql_id"}
        <div class="list-group-item">
          <div class="media">
            <div class="media-body clearfix">
              <div class="media-heading text-info m0">数据库链接信息 <a href="{$hostInfo.phpMyAdmin?$hostInfo.phpMyAdmin:"
                  javascript:EchoMsg('未提供在线数据库管理')"}" class="pull-right label label-info">phpMyAdmin</a>
              </div>
              <p class="m0">
                <small>数据库地址：localhost</small><br><small>数据库端口：3306</small><br><small>数据库名：{$hostInfo.sql_name}</small><br><small>数据库用户名：{$hostInfo.sql_name}</small><br><small>数据库密码：<a
                    onclick="$(this).html($(this).attr('val'))" val="{$hostInfo.sql_pass}">*******</a></small> </p>
            </div>
          </div>
        </div>
        {/notempty}
        <!-- END list group item-->
        <!-- START list group item-->
        <div class="list-group-item">
          <div class="media">
            <div class="media-body clearfix">
              <div class="media-heading text-success m0">主机参数信息</div>
              <p class="m0">
                <small>到期时间：{if $hostInfo.endtime}{$hostInfo.endtime|date="Y-m-d H:i",###}{else/}数据有误{/if}</small>
                <br /><small>绑定域名限制：{$hostInfo.domain_max?$hostInfo.domain_max:'无限制'}</small>
                <br /><small>环境：{$hostInfo.server_os}</small>
                <br /><small>延迟：{$timeOut}</small>
              </p>
              <form name="frm" action="?c=index&amp;a=changeSubtemplete" method="post"><small>


                </small></form><br>
              <small>
                <form action="{:url('vhost/index/phpSet')}" method="POST">切换php版本:
                  <select name="v" id="phpSet">
                    {volist name="phpversion_list" id="php"}
                    <option value="{$php.version}" id="php_{$php.version}" {$php.version==$phpVer? 'selected' :''}>
                      {$php.name}</option>
                    {/volist}
                  </select>
                  <input onclick="setPhpVer()" type="button" class="btn btn-success btn-xs" value="确定" />
                </form>
              </small>
            </div>
          </div>
        </div>
        <!-- END list group item-->
      </div>
      {notempty name="Think.config.site.main_right_notice"}
      <div class="card card-default">
        <header class="card-header">
          <div class="card-title"></div>
        </header>
        <div class="list-group-item">
          <div class="media">
            <div class="media-body clearfix">
              {$Think.config.site.main_right_notice}
            </div>
          </div>
        </div>
      </div>
      {/notempty}
      <!-- END list group-->
      <!-- START panel footer-->
      <div class="panel-footer clearfix">
      </div>
      <!-- END panel-footer-->
    </div>
  </div>
  <!-- END dashboard sidebar-->
</div>
{/block}
{block name="script"}
<script type="text/javascript">
  function sitestop() {
    layer.load(2);
    $.post('{:url("vhost/index/webStop")}', {
      webSataus: 1
    }, function (data) {
      layer.closeAll('loading');
      EchoMsg(data.msg, 1);
    })
  }

  function sitestart() {
    layer.load(2);
    $.post('{:url("vhost/index/webStart")}', {
      webSataus: 1
    }, function (data) {
      layer.closeAll('loading');
      EchoMsg(data.msg, 1);
    })
  }

  function setPhpVer() {
    version = $("#phpSet option:selected").val();
    if (!version) {
      EchoMsg('意外的情况');
      return false;
    }
    layer.load(2);
    $.post('{:url("vhost/index/phpSet")}', {
      ver: version
    }, function (res) {
      layer.closeAll('loading');
      EchoMsg(res.msg, 1);
    })
  }

  function ftpStatus(type) {
    layer.load(2);
    status = type ? 'on' : 'off';
    $.post('{:url("vhost/index/ftpStatus")}', {
      ftp: status
    }, function (res) {
      layer.closeAll('loading');
      EchoMsg(res.msg, 1);
    })
  }
</script>
{/block}