<div ng-controller="SummaryScreenCtrl">
	<div class="description summary-description">
		{{'day0_wizard_summary_text' | translate}}
	</div>
	<ul kendo-panel-bar class="panelbar" id="summaryTabs" ng-click="tabTog()">
		<li>
			<span class="panelbar__header panel-gradient-blue clearfix">
				<div class="panelbar__open-icon">
					<i class="icon-chevron"></i>
				</div>
				<div class="panelbar__title">
					{{'day0_wizard_basic_config' | translate}}
				</div> </span>
			<div class="row form-group">
				<div class="col-sm-6 webui-centerpanel-label">
					<span class="label">{{'day0_wizard_basic_config_hostname' | translate}} :</span>
				</div>
				<div class="col-sm-6 text-left">
					<span class="label" >{{basicSummary.hostName}}</span>
				</div>
			</div>
			<div class="row form-group">
				<div class="col-sm-6 webui-centerpanel-label">
					<span class="label">{{'day0_wizard_basic_config_username' | translate}} :</span>
				</div>
				<div class="col-sm-6 text-left">
					<span class="label">{{basicSummary.userName}}</span>
				</div>
			</div>
			<div class="row form-group">
				<div class="col-sm-6 webui-centerpanel-label">
					<span class="label">{{'day0_wizard_basic_config_password' | translate}} :</span>
				</div>
				<div class="col-sm-6 text-left">
					<span class="label">{{basicSummary.password}}</span>
				</div>
			</div>
			<div class="row form-group">
				<div class="col-sm-6 webui-centerpanel-label">
					<span class="label">{{'day0_wizard_basic_config_enablepassword' | translate}} :</span>
				</div>
				<div class="col-sm-6 text-left">
					<span class="label">{{basicSummary.enablePassword}}</span>
				</div>
			</div>
			<div class="row form-group">
				<div class="col-sm-6 webui-centerpanel-label">
					<span class="label">{{'day0_wizard_basic_config_clock' | translate}} :</span>
				</div>
				<div class="col-sm-6 text-left">
					<span class="label">{{basicSummary.clock}}</span>
				</div>
			</div>
		</li>
		<li>
			<span class="panelbar__header panel-gradient-blue clearfix">
				<div class="panelbar__open-icon">
					<i class="icon-chevron"></i>
				</div>
				<div class="panelbar__title">
					{{'day0_wizard_interface_config' | translate}}
				</div> </span>
			<div class="row form-group">
				<div class="col-sm-6 webui-centerpanel-label">
					<span class="label">{{'day0_wizard_interface_config_datavlan' | translate}} :</span>
				</div>
				<div class="col-sm-6 text-left">
					<div ng-repeat="item in interSummary.dataVlan">
						<span class="label">{{item}}</span>
					</div>
				</div>
			</div>
			<div class="row form-group">
				<div class="col-sm-6 webui-centerpanel-label">
					<span class="label">{{'day0_wizard_interface_config_vicevlan' | translate}} :</span>
				</div>
				<div class="col-sm-6 text-left">
					<div ng-repeat="item in interSummary.voiceVlan">
						<span class="label">{{item}}</span>
					</div>
				</div>
			</div>
			<div class="row form-group">
				<div class="col-sm-6 webui-centerpanel-label">
					<span class="label">{{'day0_wizard_interface_config_access_port' | translate}} :</span>
				</div>
				<div class="col-sm-6 text-left">
					<div ng-repeat="item in interSummary.accessPorts">
						<span class="label">{{item}}</span>
					</div>
				</div>
			</div>
			<div class="row form-group">
				<div class="col-sm-6 webui-centerpanel-label">
					<span class="label">{{'day0_wizard_interface_config_portfast' | translate}} :</span>
				</div>
				<div class="col-sm-6 text-left">
					<span class="label">{{interSummary.portfast}}</span>
				</div>
			</div>
			<div class="row form-group">
				<div class="col-sm-6 webui-centerpanel-label">
					<span class="label">{{'day0_wizard_interface_config_uplinkport' | translate}} :</span>
				</div>
				<div class="col-sm-6 text-left">
					<span class="label">{{interSummary.uplinkPort}}</span>
				</div>
			</div>
			<!-- removing this field as already selecon having this config by default -->
			<div class="row form-group" ng-show="false">
				<div class="col-sm-6 webui-centerpanel-label">
					<span class="label">{{'port_config_eventclassification' | translate}} :</span>
				</div>
				<div class="col-sm-6 text-left">
					<span class="label">{{interSummary.evetClass}}</span>
				</div>
			</div>
			<div class="row form-group" ng-show="false">
				<div class="col-sm-6 webui-centerpanel-label">
					<span class="label">{{'port_config_poe' | translate}} :</span>
				</div>
				<div class="col-sm-6 text-left">
					<span class="label">{{interSummary.perPoe}}</span>
				</div>
			</div>
		</li>
		<li>
			<span class="panelbar__header panel-gradient-blue clearfix">
				<div class="panelbar__open-icon">
					<i class="icon-chevron"></i>
				</div>
				<div class="panelbar__title">
					{{'day0_wizard_layer3_config' | translate}}
				</div> </span>
			<div class="row form-group">
				<div class="col-sm-6 webui-centerpanel-label">
					<span class="label">{{'day0_wizard_layer3_config_default_gateway' | translate}} :</span>
				</div>
				<div class="col-sm-6 text-left">
					<span class="label" >{{laySummary.defaultGateway}}</span>
				</div>
			</div>
			<div class="row form-group" ng-show="showDeviceStatus">
				<div class="col-sm-6 webui-centerpanel-label">
					<span class="label">{{'day0_wizard_layer3_config_default_route' | translate}} :</span>
				</div>
				<div class="col-sm-6 text-left">
					<span class="label">{{laySummary.defaultRoute}}</span>
				</div>
			</div>
			<div class="row form-group">
				<div class="col-sm-6 webui-centerpanel-label">
					<span class="label">{{'day0_wizard_layer3_config_ipaddress' | translate}} :</span>
				</div>
				<div class="col-sm-6 text-left">
					<div ng-repeat="interface in ipAddressAssign">
						<span class="label">{{interface.vlan}}  {{interface.ipAddress}} {{interface.subnet}}</span>
					</div>
					<span class="label">{{laySummary.vlan}}  {{laySummary.newIpAddress}} {{laySummary.subnet}}</span>
				</div>
			</div>
		</li>
		<li>
			<span class="panelbar__header panel-gradient-blue clearfix">
				<div class="panelbar__open-icon">
					<i class="icon-chevron"></i>
				</div>
				<div class="panelbar__title">
					{{'day0_wizard_advance_config' | translate}}
				</div> </span>
			<div class="row form-group">
				<div class="col-sm-6 webui-centerpanel-label">
					<span class="label">{{'day0_wizard_advance_config_telnet' | translate}} :</span>
				</div>
				<div class="col-sm-6 text-left">
					<span class="label" >{{advSummary.enableTelnet}}</span>
				</div>
			</div>
			<div class="row form-group">
				<div class="col-sm-6 webui-centerpanel-label">
					<span class="label">{{'day0_wizard_advance_config_ssh' | translate}} :</span>
				</div>
				<div class="col-sm-6 text-left">
					<span class="label">{{advSummary.enableSSH}}</span>
				</div>
			</div>			
			<div class="row form-group">
				<div class="col-sm-6 webui-centerpanel-label">
					<span class="label">{{'day0_wizard_advance_config_domain_name' | translate}} :</span>
				</div>
				<div class="col-sm-6 text-left">
					<span class="label">{{advSummary.domainName}}</span>
				</div>
			</div>
			<div class="row form-group">
				<div class="col-sm-6 webui-centerpanel-label">
					<span class="label">{{'day0_wizard_advance_config_rsa_key_length' | translate}} :</span>
				</div>
				<div class="col-sm-6 text-left">
					<span class="label">{{advSummary.RSAKey}}</span>
				</div>
			</div>			
			<div class="row form-group" ng-show="showDeviceStatus">
				<div class="col-sm-6 webui-centerpanel-label">
					<span class="label">{{'day0_wizard_advance_config_autoqos_phones' | translate}} :</span>
				</div>
				<div class="col-sm-6 text-left">
					<span class="label">{{advSummary.enableQosPhones}}</span>
				</div>
			</div>
			<div class="row form-group" ng-show="showDeviceStatus">
				<div class="col-sm-6 webui-centerpanel-label">
					<span class="label">{{'day0_wizard_advance_config_autoqos_uplink' | translate}} :</span>
				</div>
				<div class="col-sm-6 text-left">
					<span class="label">{{advSummary.enableQosUplink}}</span>
				</div>
			</div>
		</li>
	</ul>
</div>
