<?xml version="1.0" ?>
<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml"
		 xmlns:pt="gov.va.med.edp.pt.demog.view.*" creationComplete="doCreationComplete(event)"
		 width="{selectPatientPanel.width}"
		 horizontalScrollPolicy="off"
		 verticalScrollPolicy="off"
		 keyDown="keyHandler(event)"
		 defaultButton="{model.continueEnabled ? btnNext : btnPrevious}">
	<mx:Metadata>
		[Event(name="cancel", type="gov.va.med.edp.pt.demog.view.SelectPatientEvent")]
		[Event(name="selectPatient", type="gov.va.med.edp.pt.demog.view.SelectPatientEvent")]
	</mx:Metadata>
	<mx:Script><![CDATA[
import mx.managers.IFocusManagerComponent;
import gov.va.med.edp.util.AccessibilityTools;
		import gov.va.med.edp.pt.demog.model.PatientSelectVO;
		import gov.va.med.edp.pt.demog.IPatientChecksController;
		import gov.va.med.edp.pt.demog.model.PatientChecksModel;
		import mx.core.UIComponent;

		[Bindable]
		public var ptChecksController:IPatientChecksController;

		[Bindable]
		public var model:PatientChecksModel;

		[Bindable]
		public var initialPatient:PatientSelectVO;

		private var blurring:Array = new Array();
		private var _page:Number = 0;
		private var checksPending:Boolean = false;
		private var dispatched:Boolean = false;

		public function doCreationComplete(event:Event):void {
			blurring.push(new BlurFilter(64, 2));
		}

		public function doEndMove(event:Event):void {
			cvsPanels.filters = null;
		}

		private function cancel():void {
			dispatchEvent(new SelectPatientEvent(SelectPatientEvent.EVENT_CANCEL));
			ptChecksController.resetPatientChecks();
		}

		private function selected(event:SelectPatientEvent):void {
			if (event.patient != null) {
				ptChecksController.loadPatientChecks(event.patient, event.selectAndContinue);
			} else {
				ptChecksController.resetPatientChecks();
			}
		}

		public function doNext(event:Event):void {
			ptChecksController.forwardPatientCheck();
		}

		public function doPrevious(event:Event):void {
			ptChecksController.backPatientCheck();
		}

		[Bindable(event="pageChange")]
		public function get page():Number {
			return _page;
		}

		public function set page(value:Number):void {
			if (_page != value) {
				var oldPagePanel:UIComponent = UIComponent(boxPanels.getChildAt(_page));
				oldPagePanel.tabChildren = false;

				const backward:Boolean = value < _page;
				_page = value;

				var gap:Number = boxPanels.getStyle("horizontalGap");
				var newPagePanel:UIComponent = UIComponent(boxPanels.getChildAt(value));

				newPagePanel.tabChildren = true;

				if (AccessibilityTools.isAccessibilityActive()){
					callLater(focusManager.getNextFocusManagerComponent(backward).setFocus);
				}

				// Form pages
				cvsPanels.filters = blurring;
				boxPanels.x = 0 - ( value * ( newPagePanel.width + gap ) );

				dispatchEvent(new Event("pageChange"));
			}
		}

		private function set checkState(state:int):void {
			if (checksPending) return;
			switch (state) {
				case PatientChecksModel.STATE_ALLOW:
					dispatchPatientSelected();
					break;
				case PatientChecksModel.STATE_FLAGS:
					page = 5;
					break;
				case PatientChecksModel.STATE_DECEASED:
					page = 4;
					break;
				case PatientChecksModel.STATE_SENSITIVE:
					page = 3;
					break;
				case PatientChecksModel.STATE_SIMILAR:
					page = 2;
					break;
				case PatientChecksModel.STATE_ONBOARD:
					page = 1;
					break;
				case PatientChecksModel.STATE_LOADED:
				default:
					page = 0;
					break;
			}
		}

		private function set ready(r:Boolean):void {
			checksPending = !r;
		}

		private function dispatchPatientSelected():void {
			if (dispatched) return;
			dispatchEvent(new SelectPatientEvent(SelectPatientEvent.EVENT_SELECT_PATIENT, model.checksForPt));
			dispatched = true;
			callLater(reset);
		}

		private function reset():void {
			ptChecksController.resetPatientChecks();
			dispatched = false;
		}

		private function keyHandler(event:KeyboardEvent):void {
			if (event.keyCode == Keyboard.ESCAPE) {
				cancel();
			}
		}

		]]></mx:Script>
	<mx:Move id="effSlide" effectEnd="doEndMove( event )"/>
	<mx:Canvas
			id="cvsPanels"
			width="100%"
			height="100%"
			horizontalScrollPolicy="off"
			verticalScrollPolicy="off"
			defaultButton="{model.continueEnabled ? btnNext : btnPrevious}">
		<mx:HBox id="boxPanels" moveEffect="{effSlide}">
			<pt:LookupPanel id="selectPatientPanel"
							selectPatient="selected(event)"
							initialPatient="{initialPatient}"
							tabChildren="true"
							baseTabIndex="100"/>
			<pt:MessagePanel id="alreadyOnBoardPanel"
							 width="{selectPatientPanel.width}"
							 title="Duplicate Selection"
							 message="{model.patientChecks.onBoardText + ' is already active on the board.'}"
							 visible="{model.patientChecks.isOnBoard()}"
							 tabChildren="false"
							 baseTabIndex="110"
							 defaultButton="{model.continueEnabled ? btnNext : btnPrevious}"/>
			<pt:SimilarNamesPanel id="similarNamesPanel"
								  model="{model}"
								  width="{selectPatientPanel.width}"
								  visible="{model.patientChecks.hasSimilarNames()}"
								  tabChildren="false"
								  baseTabIndex="120"
								  defaultButton="{model.continueEnabled ? btnNext : btnPrevious}"/>
			<pt:MessagePanel id="sensitivePatientPanel"
							 width="{selectPatientPanel.width}"
							 title="{model.patientChecks.mayAccess ? 'Restricted Record' : 'Access Denied'}"
							 message="{model.patientChecks.warningText}"
							 visible="{model.patientChecks.sensitive}"
							 tabChildren="false"
							 baseTabIndex="130"
							 defaultButton="{model.continueEnabled ? btnNext : btnPrevious}"/>
			<pt:MessagePanel id="deceasedPanel" width="{selectPatientPanel.width}"
							 title="Deceased Patient"
							 message="{model.patientChecks.deceasedText}"
							 visible="{model.patientChecks.isDeceased()}"
							 tabChildren="false"
							 baseTabIndex="140"
							 defaultButton="{model.continueEnabled ? btnNext : btnPrevious}"/>
			<pt:FlagsPanel id="flagsPanel" flags="{model.patientChecks.flags}"
						   width="{selectPatientPanel.width}"
						   visible="{model.patientChecks.hasFlags()}"
						   tabChildren="false"
						   baseTabIndex="150"
						   defaultButton="{model.continueEnabled ? btnNext : btnPrevious}"/>
		</mx:HBox>
	</mx:Canvas>

	<mx:HRule width="100%"/>

	<mx:HBox horizontalAlign="right" width="100%">
		<mx:Button id="btnCancel" label="Cancel" click="cancel()" tabIndex="200"/>
		<mx:Spacer width="100%"/>
		<mx:Button id="btnPrevious" label="Back" click="doPrevious(event)" enabled="{model.backEnabled}"
				   tabIndex="201"/>
		<mx:Button id="btnNext" label="Continue" click="doNext(event)" enabled="{model.continueEnabled}"
				   tabIndex="202"/>
	</mx:HBox>

	<mx:Binding source="model.checkState" destination="checkState"/>
	<mx:Binding source="model.patientChecksReady" destination="ready"/>
</mx:VBox>