<div class="col-sm-12">
	<div class="text-center">
		<p><strong>Version: <span>{{Version}} ({{Build}})</span></strong></p>
	</div>
	<div class="panel panel-default">
		<div class="panel-heading" ng-class="{'section_invisible': !visible_errors}">
			<span class="panel_label">Errors</span>
		</div>
		<div class="panel-body" ng-class="{'section_invisible': !visible_errors}">
			<ul>
				<li ng-repeat="err in Errors">
					<font style="background-color: #FF0000">{{err}}</font>
				</li>
			</ul>
		</div>
		<div class="panel-heading">
			<span class="panel_label">Status</span>
			<span ng-show="ConnectState == 'Connected'" class="label label-success">{{ConnectState}}</span>
			<span ng-hide="ConnectState == 'Connected'" class="label label-danger">{{ConnectState}}</span>
		</div>
		<div class="panel-body">
			<div class="form-horizontal">
				<div class="row">
					<div class="col-sm-6 label_adj">
						<strong class="col-xs-5">Recent Clients:</strong>
						<span class="col-xs-7">{{Connected_Users}}</span>
					</div>
					<div class="col-sm-6 label_adj">
						<strong class="col-xs-5">SDR devices:</strong>
						<span class="col-xs-7">{{Devices}}</span>
					</div>
				</div>
				<div class="separator"></div>
				<div class="row">
					<label class="col-xs-4">Messages</label>
					<label class="col-xs-6">Current</label>
					<label class="col-xs-2 text-right">Peak</label>
				</div>
				<div class="row" ng-class="{'section_invisible': !visible_uat}">
					<span class="col-xs-1"></span>
					<label class="col-xs-3">UAT:</label>
					<span class="col-xs-6"><div class="bar_container"><div class="bar_display traffic-style2" ng-attr-style="width:{{UAT_messages_max ? 100*UAT_messages_last_minute / UAT_messages_max : 0}}%">{{UAT_messages_last_minute}}</div></div></span>
					<span class="col-xs-2 text-right">{{UAT_messages_max}}</span>
				</div>
				<div class="row" ng-class="{'section_invisible': !visible_es}">
					<span class="col-xs-1"></span>
					<label class="col-xs-3">1090ES:</label>
					<span class="col-xs-6"><div class="bar_container"><div class="bar_display traffic-style1" ng-attr-style="width:{{ES_messages_max ? 100*ES_messages_last_minute / ES_messages_max : 0}}%;">{{ES_messages_last_minute}}</div></div></span>
					<span class="col-xs-2 text-right">{{ES_messages_max}}</span>
				</div>
				<!--
                <div id="uat_products" style="display: none;">
                    <div class="row"><span class="col-xs-1">&nbsp;</span></div>
                    <div class="row">
                        <label class="col-xs-6">UAT Products</label>
                        <label class="col-xs-3 text-right">Last Minute</label>
                        <label class="col-xs-3"></label>
                    </div>
                    <div>{{product_rows}}</div>
                </div>
-->
				<div class="row" ng-class="{ 'section_invisible': (!visible_gps && !visible_ahrs && !visible_uat)}">
					<span class="col-xs-1">&nbsp;</span>
				</div>
				<div class="row" ng-class="{'section_invisible': !visible_uat}">
					<label class="col-xs-6">UAT Towers:</label>
					<span class="col-xs-6">{{UAT_Towers}}</span>
				</div>
				<div class="row" ng-class="{'section_invisible': !visible_gps}">
					<label class="col-xs-6">GPS solution:</label>
					<span class="col-xs-6">{{GPS_solution}}</span>
				</div>
				<div class="row" ng-class="{'section_invisible': !visible_gps}">
					<label class="col-xs-6">GPS satellites:</label>
					<span class="col-xs-6">{{GPS_satellites_locked}} in solution; {{GPS_satellites_seen}} seen; {{GPS_satellites_tracked}} tracked</span>
				</div>
				<div class="row" ng-class="{'section_invisible': !visible_ahrs}">
					<label class="col-xs-6">AHRS:</label>
					<div id="RY835AI_connected-container" class="col-xs-6">
						<div ng-class="RY835AI_connected ? 'fa fa-check-circle text-success' : 'fa fa-times-circle text-danger'"></div>
					</div>
				</div>
				<div class="row"><span class="col-xs-1">&nbsp;</span></div>
				<div class="separator"></div>
				
				<div class="row">
					<div class="col-sm-4 label_adj">
						<span class="col-xs-5"><strong>Uptime:</strong></span>
						<span class="col-xs-7">{{Uptime}}</span>
					</div>
					<div class="col-sm-4 label_adj">
						<span class="col-xs-5"><strong>CPU Temp:</strong></span>
						<span class="col-xs-7">{{CPUTemp}}</span>
					</div>
				</div>

				<div class="separator"></div>
				<div class="row">
					<div class="col-sm-4 label_adj">
						<span class="col-xs-4"><strong>Stratux Clock:</strong></span>
						<span class="col-xs-8">{{Clock}}</span>
					</div>
					<div class="col-sm-4 label_adj">
						<span class="col-xs-4"><strong>Device Clock:</strong></span>
						<span class="col-xs-8">{{LocalClock}}</span>
					</div>
					<div class="col-sm-4 label_adj">
						<span class="col-xs-4"><strong>Difference:</strong></span>
						<span class="col-xs-8">{{SecondsFast}} sec</span>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
