.container.agent-table
	.row.agent-table-header
		.col-md-6.col-lg-6
			h4
				| All Agents * = required {{agentUpgradesAvailable}}
		.col-md-6.col-lg-6 
			.job-message-block(ng-show="message") | {{message}}
	.row
		.col-md-12.col-lg-12 		
			form.form-inline(role="form")
				.form-group
					label.sr-only.control-label(for="user")
						| Login
					input(type="text" id="user" name="user" ng-model='agent.user' placeholder="Enter user*")
				.input-group /
				.form-group
					label.sr-only.control-label(for="password")
					input(type="password" id="password" name="password" ng-model='agent.password' placeholder="Enter Password*")
				.input-group @
				.form-group
					label.sr-only(for="host")
					input(type="text" id="host" name="host" ng-model='agent.host' placeholder="Enter host name*")
				.input-group :
				.form-group
					label.sr-only(for="port")
					input(type="text" id="port" name="port" ng-model='agent.port' size="5" placeholder="port ")
				.form-group
					|  
					button.btn.btn-primary(ng-click='addAgent(agent)' ) Add Agent
				.form-group(ng-show="agentUpgradesAvailable")
					|  
					button.btn.btn-primary(ng-click='upgradeAllAgents()' ) Upgrade All Agents
	.row(ng-repeat="agent in connectedAgents")
		.col-md-2.col-lg-2
			i(title="refresh agent").glyphicon.glyphicon-refresh(ng-show="agent.status =='READY' || agent.status =='ERROR'" ng-click='refreshAgent(agent)' )
			i.glyphicon.glyphicon-refresh.icon-refresh-animate.agent-error( ng-show="agent.status !='READY' && agent.status !='ERROR'")
			i(title="delete agent").glyphicon.glyphicon-remove(ng-click='deleteAgent(agent)' ) 
			i(title="upgrade agent").glyphicon.glyphicon-exclamation-sign(ng-show="agent.status=='READY' && (agent.agentUpgradeAvailable || agent.shellUpgradeAvailable)" ng-click='upgradeAgent(agent)')
			i.glyphicon(ng-show="agent.status != 'READY' || (!agent.agentUpgradeAvailable && !agent.shellUpgradeAvailable)") 
			  
			i.glyphicon.glyphicon-hdd.agent-ready( ng-show="agent.status=='READY'")
			i.glyphicon.glyphicon-hdd.agent-error.blink( ng-show="agent.status=='ERROR'")
			span(ng-show="agent.version && !agent.agentUpgradeAvailable")
				span(title="knowhow-agent version")
					 ({{agent.version}})
			span(ng-show="agent.version && agent.agentUpgradeAvailable")
				span.error-message(title="knowhow-agent upgrade available")
					 ({{agent.version}})
			span(ng-show="agent.shellversion && !agent.shellUpgradeAvailable")
				span(title="knowhow-shell version")
					 ({{agent.shellversion}})
			span(ng-show="agent.shellversion && agent.shellUpgradeAvailable")
				span.error-message(title="knowhow-shell upgrade available")
					 ({{agent.shellversion}})
		.col-md-2.col-lg-2.pull-left
			a(href="http://{{agent.host}}:{{agent.port}}" target="__blank") 
				{{agent.user}}@{{agent.host}}:{{agent.port}} 
		.col-md-5.col-lg-5
			span.pull-left
				| {{agent.message}}

	script(src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js')
	script(src='http://jquery-json.googlecode.com/files/jquery.json-2.2.min.js')