doctype 5
html(lang="en", ng-app="tags", ng-controller="tags.PageCtrl")
	head
		title Atlantic Biomedical
		!{css}
		link(rel='stylesheet', href='/css/tags.css')
		script(type='text/javascript')
			window.payload = !{JSON.stringify(payload)};
		meta(name='viewport', content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0')
	body
		script(type='text/javascript', src='//ajax.googleapis.com/ajax/libs/angularjs/1.1.4/angular.js')
		script(type='text/javascript', src='//ajax.googleapis.com/ajax/libs/angularjs/1.1.4/angular-resource.js')
		script(type='text/javascript', src='//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js')
		script(type='text/javascript', src='/js/lib/select2.js')
		script(type='text/javascript', src='/js/lib/bootstrap-datepicker.js')
		script(type='text/javascript', src='/js/lib/moment.js')
		script(type='text/javascript', src='/js/directives.js')
		script(type='text/javascript', src='/tags/app.js')

		error-panel
		.navbar
			.navbar-inner
				a.brand(href='/', target='_self') Atlantic Biomedical
				progress-panel
		.navbar.navbar-secondary
			.navbar-inner
				ul.nav
					li
						a(href='#')
							| Contact:
					li
						a(href='tel://1-800-550-8310')
							i.icon-user
							|  Call
					li
						a(href='mailto:service@atlanticbiomedical.com')
							i.icon-envelope
							|    Email
					li
						a(href='http://atlb.co/feature.html')
							i.icon-list-alt
							|    History
		.container-fluid
			h1(ng-show='tag') Device Tag
			h1(ng-hide='tag') Create Tag
			div.alert.alert-error(ng-show='user && !isChrome')
				strong
					| Warning - 
				| Your browser is unsupported, 
				a(href='https://play.google.com/store/apps/details?id=com.android.chrome')
					|  Download Chrome.
			div(ng-hide='user')
				dl.dl-horizontal(ng-show='tag')
					dt Client
					dd  {{payload.tag.client.name}} ({{payload.tag.client.identifier}})
					dt Client Device ID
					dd  {{tag.clientDeviceId}}
					span(ng-repeat='field in fields')
						dt(ng-show='{{field.value}}') {{field.label}}
						dt(ng-show='{{field.value}}')  {{field.value}}

					dt Device
					dd  {{tag.device}}
					dt Manufacturer
					dd  {{tag.make}}
					dt Model
					dd  {{tag.model}}
					dt Serial Number
					dd  {{tag.serialNumber}}
					dt Purchase Date
					dd  {{tag.purchaseDate}}
					dt Warranty Expiration
					dd  {{tag.deviceWarrantyExpiration}}
					dt PM Test
					dd  {{tag.test}}
					dt Room #
					dd  {{tag.roomNumber}}
					dt PO Number
					dd  {{tag.poNumber}}
					dt Move To
					dd  {{tag.MoveTo}}

				a.btn.btn-primary(href='/auth', ng-show='tag')
					| Edit Tag

				a.btn.btn-primary(href='/auth', ng-hide='tag')
					| Create Tag

			div(ng-show='user')
				form
					.control-group
						label.control-label Client
						.controls
							select(ng-model='client', required='required', ng-options='client._id as client.name + " (" + client.identifier + ")" for client in clients')
						</select>

					.control-group
						label.control-label Client Device ID
						.controls
							input.text(ng-model='tag.clientDeviceId')

					.control-group
						label.control-label Device
						.controls
							input.text(ng-model='tag.device')
					.control-group
						label.control-label Manufacturer
						.controls
							input.text(ng-model='tag.make')
					.control-group
						label.control-label Model
						.controls
							input.text(ng-model='tag.model')
					.control-group
						label.control-label Serial Number
						.controls
							input.text(ng-model='tag.serialNumber')
					.control-group
						label.control-label Purchase Date
						.controls
							input.text(type='date', ng-model='tag.purchaseDate')
					.control-group
						label.control-label Device Warranty Expiration
						.controls
							input.text(type='date', ng-model='tag.deviceWarrantyExpiration')

					.control-group
						label.control-label PM Test
						.controls
							input.text(ng-model='tag.test')
					.control-group
						label.control-label Room #
						.controls
							input.text(ng-model='tag.roomNumber')

					.control-group
						label.control-label PO Number
						.controls
							input.text(ng-model='tag.poNumber')
					
					.control-group
						label.control-label Move To
						.controls
							input.text(ng-model='tag.MoveTo')

					.control-group
						button.btn.btn-primary(ng-click='save()') Save