{if !$ajax}
    {box title="About system:" id="welcome_box_system" showorhide="1" ajax="?m=welcome_box_system" class="panel-default panel-success"}
    {/box}
{else}
<div class="list-group" style="margin:0;">

<a class="list-group-item"><span class="link">iLMS (DB)</span><span class="pull-right" style="padding-right:0;margin:0;">{$layout.lmsvr} ({$layout.dbv})</span></a>
<a class="list-group-item"><span class="link">{trans("Uptime:")}</span><span class="pull-right" style="padding-right:0;margin:0;">{$sysinfo.uptime}</span></a>
<a class="list-group-item"><span class="link">{trans("Load:")}</span>
    <span class="pull-right" style="padding-right:0;margin:0;">{$sysinfo.loadavg.0}&nbsp;,&nbsp;{$sysinfo.loadavg.1}&nbsp;,&nbsp;{$sysinfo.loadavg.2}&nbsp;,&nbsp;{$sysinfo.loadavg.3}</span>
</a>

{if $sysinfo.meminfo.total}
    {assign var='total' value=$sysinfo.meminfo.total}
    {assign var='free' value=$sysinfo.meminfo.free}
    {math assign='used' equation="x-y" x=$total y=$free}
    {if $total}
	{math assign='memused' equation="(100*x)/y" x=ceil($used) y=ceil($total)}
	{math assign='memfree' equation="100-x" x=ceil($memused)}
    {else}
	{assign var='memused' value="0"}
	{assign var='memfree' value="0"}
    {/if}

    {assign var='progressclass' value='progress-bar-success'}
    {if $memused > 50 && $memused <= 70}{assign var='progressclass' value='progress-bar-info'}{/if}
    {if $memused > 70 && $memused <= 85}{assign var='progressclass' value='progress-bar-warning'}{/if}
    {if $memused >= 85}{assign var='progressclass' value='progress-bar-danger'}{/if}
    <a class="list-group-item" style="padding:10px 10px;">
	<div class="row">
	    <div class="col-sx-6 col-sm-6 col-md-6"><span class="link">Memory</span></div>
	    <div class="col-sx-6 col-sm-6 col-md-6">
		<div class="progress" style="border-radius:4px;margin:0;" id="welcome_box_system_memprogress">
		    <div class="progress-bar {$progressclass} progress-bar-striped" role="progressbar" style="width:{ceil($memused)}%"></div>
		</div>
	    </div>
	    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="margin-top:4px;">
		<b>Total:</b> {($total/1024/1024)|string_format:"%01.2f"} GB&nbsp;&nbsp;&nbsp;
		<b>Used:</b> {($used/1024/1024)|string_format:"%01.2f"} GB&nbsp;({$memused|string_format:"%02.2f"} %)&nbsp;&nbsp;
		<b>Free:</b> {($free/1024/1024)|string_format:"%01.2f"} GB&nbsp;&nbsp;&nbsp;
	    </div>
	</div>
    </a>
{/if}

{if $sysinfo.meminfo.swaptotal}
    {assign var='total' value=$sysinfo.meminfo.swaptotal}
    {assign var='free' value=$sysinfo.meminfo.swapfree}
    {math assign='used' equation="x-y" x=$total y=$free}
    {if $total}
	{math assign='memused' equation="(100*x)/y" x=ceil($used) y=ceil($total)}
	{math assign='memfree' equation="100-x" x=ceil($memused)}
    {else}
	{assign var='memused' value="0"}
	{assign var='memfree' value="0"}
    {/if}

    {assign var='progressclass' value='progress-bar-success'}
    {if $memused > 50 && $memused <= 70}{assign var='progressclass' value='progress-bar-info'}{/if}
    {if $memused > 70 && $memused <= 85}{assign var='progressclass' value='progress-bar-warning'}{/if}
    {if $memused >= 85}{assign var='progressclass' value='progress-bar-danger'}{/if}
    <a class="list-group-item" style="padding:10px 10px;">
	<div class="row">
	    <div class="col-sx-6 col-sm-6 col-md-6 col-lg-6"><span class="link">SWAP</span></div>
	    <div class="col-sx-6 col-sm-6 col-md-6 col-lg-6">
		<div class="progress" style="border-radius:4px;margin:0;">
		    <div class="progress-bar {$progressclass} progress-bar-striped" role="progressbar" style="width:{ceil($memused)}%"></div>
		</div>
	    </div>
	    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="margin-top:4px;">
		<b>Total:</b> {($total/1024/1024)|string_format:"%01.2f"} GB&nbsp;&nbsp;&nbsp;
		<b>Used:</b> {($used/1024/1024)|string_format:"%01.2f"} GB&nbsp;({$memused|string_format:"%02.2f"} %)&nbsp;&nbsp;
		<b>Free:</b> {($free/1024/1024)|string_format:"%01.2f"} GB&nbsp;&nbsp;&nbsp;
	    </div>
	</div>
    </a>
{/if}

{if $sysinfo.filesystem}
    {assign var='filesystem' value=$sysinfo.filesystem}
    {foreach from=$filesystem item=item}
	{assign var='total' value=$item[1]}
	{assign var='free' value=$item[3]}
	{assign var='used' value=$item[2]}
	{math assign='memused' equation="(100*x)/y" x=ceil($used) y=ceil($total)}
	{assign var='progressclass' value='progress-bar-success'}
	{if $memused > 50 && $memused <= 70}{assign var='progressclass' value='progress-bar-info'}{/if}
	{if $memused >= 70 && $memused < 90}{assign var='progressclass' value='progress-bar-warning'}{/if}
	{if $memused >= 90}{assign var='progressclass' value='progress-bar-danger'}{/if}
	<a class="list-group-item" style="padding:10px 10px;">
	<div class="row">
	    <div class="col-xs-6 col-sm-6 col-md-6"><span class="link">[ {$item[5] } ]</span></div>
	    <div class="col-xs-6 col-sm-6 col-md-6">
		<div class="progress" style="border-radius:4px;margin:0;">
		    <div class="progress-bar {$progressclass} progress-bar-striped" role="progressbar" style="width:{ceil($item[4])}%;padding-top:1px;font-weight:bold;"></div>
		</div>
	    </div>
	    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="margin-top:4px;">
		<b>Total:</b>&nbsp;{($total/1024/1024)|string_format:"%01.2f"} GB&nbsp;&nbsp;&nbsp;
		<b>Used:</b>&nbsp;{($used/1024/1024)|string_format:"%01.2f"} GB&nbsp;({$item[4]} %)&nbsp;&nbsp;
		<b>Free:</b>&nbsp;{($free/1024/1024)|string_format:"%01.2f"} GB&nbsp;&nbsp;&nbsp;
	    </div>
	</div>
	</a>
    {/foreach}
{/if}

<a class="list-group-item">
    <span class="link">{trans("Hostname:")}</span>
    <span class="pull-right" style="margin:0;">{$sysinfo.hostname}</span></a>
<a class="list-group-item">
    <span class="link">{trans("System version:")}</span>
    <span class="pull-right" style="margin:0;">{$sysinfo.kernel}</span>
</a>

{if $layout.dbtype == "mysql" || $layout.dbtype == "mysqli"}
    <a class="list-group-item" href="http://www.mysql.com" target="_blank">{trans('Database')}: MySQL
{elseif $layout.dbtype == "mariadb"}
    <a class="list-group-item" href="https://www.mariadb.org" target="_blank">{trans('Database')}: MariaDB
{elseif $layout.dbtype == "postgres"}
    <a class="list-group-item" href="http://www.postgresql.org" target="_blank">{trans('Database')}: PostgreSQL
{/if}
    <span class="pull-right" style="padding-right:0;margin:0;color:#555;">{$layout.dbversion}</span>
</a>

<a class="list-group-item" href="http://www.php.net/" target="_blank">PHP<span class="pull-right" style="padding-right:0;margin:0;color:#555;">{phpversion()}</span></a>

<a class="list-group-item" href="http://www.smarty.net" target="_blank">Smarty<span class="pull-right" style="padding-right:0;margin:0;color:#555;">{$layout.smarty_version}</span></a>


</div>
{/if}