<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml"
	xmlns:comp="comp.*"
	creationComplete="this_creationComplete()"
	implements="tripvisUI.visualisationtabs.IVisualisationTab"
	>
	
	<mx:Metadata>
        [Event(name="itemClicked", type="tripvisUI.visualisations.invoice.InvoiceEvent")]
    </mx:Metadata>
    
	<mx:Script>
		<![CDATA[
			import mx.events.DataGridEvent;
			import tripvisUI.languages.LanguageDirector;
			import tripvisModel.controllers.CostController;
			import tripvisModel.TripItemType;
			import mx.formatters.SwitchSymbolFormatter;
			import tripvisModel.MoneyAmount;
			import tripvisModel.controllers.VisControllerEvent;
			import tripvisModel.controllers.VisController;
			import mx.collections.ArrayCollection;
			import tripvisModel.TripItem;
			import tripvisModel.TripVisModel;
			
			[Bindable] private var _landmarkList: ArrayCollection = new ArrayCollection();
			[Bindable] private var _hotelList: ArrayCollection = new ArrayCollection();
			
			[Bindable] private var _dateColumnWidth: Number = 107;
			[Bindable] private var _timeColumnWidth: Number = 47;
			
			private var _visController: VisController;
			private var _costController: CostController;
			
			private function this_creationComplete(): void
			{				
				_visController = TripVisModel.instance.visController;
				_costController = TripVisModel.instance.costController;
				
				landmarkDatagrid.rowCount = 1;
				hotelDatagrid.rowCount = 1;
				
				_visController.addEventListener(VisControllerEvent.TRIP_ITEM_UPDATED, visController_tripItemUpdated);
				_visController.addEventListener(VisControllerEvent.TRIP_ITEM_ADDED, visController_tripItemAdded);
				_visController.addEventListener(VisControllerEvent.TRIP_ITEM_REMOVED, visController_tripItemRemoved);
	
			}
			
			public function activate(): void
			{

			}
			
			public function deactivate(): void
			{
				
			}
			
			private function visController_tripItemAdded(event: VisControllerEvent): void
			{
				switch(event.tripItem.type)
				{
					case TripItemType.LANDMARK:
						_landmarkList.addItem(event.tripItem);
						break;
					case TripItemType.EATINGPLACE:
						_landmarkList.addItem(event.tripItem);
						break;
					case TripItemType.HOTEL:
						_hotelList.addItem(event.tripItem);
						break;
				}
				
				updateTotals();
			}
			
			private function visController_tripItemRemoved(event: VisControllerEvent): void
			{
				switch(event.tripItem.type)
				{
					case TripItemType.LANDMARK:
						_landmarkList.removeItemAt( _landmarkList.getItemIndex( event.tripItem ) );
						break;
					case TripItemType.EATINGPLACE:
						_landmarkList.removeItemAt( _landmarkList.getItemIndex( event.tripItem ) );
						break;
					case TripItemType.HOTEL:
						_hotelList.removeItemAt( _hotelList.getItemIndex( event.tripItem ) );
						break;	
				}
				
				updateTotals();
			}
			
			private function visController_tripItemUpdated(event: VisControllerEvent): void
			{
				switch(event.tripItem.type)
				{
					case TripItemType.LANDMARK:
						landmarkDatagrid.invalidateList();
						break;
					case TripItemType.EATINGPLACE:
						landmarkDatagrid.invalidateList();
						break;
					case TripItemType.HOTEL:
						hotelDatagrid.invalidateList();
						break;	
				}
				
				updateTotals();
			}
			
			private function updateTotals(): void
			{				
				var totalLandmarkCost: MoneyAmount = _costController.totalLandmarkCosts;
				var totalRestaurantCost: MoneyAmount = _costController.totalRestaurantCosts;
				var totalHotelCost: MoneyAmount = _costController.totalHotelcosts;
				
				var totalLandmarkRestaurantCost: MoneyAmount = totalLandmarkCost.add(totalRestaurantCost);
				var totalCost: MoneyAmount = totalLandmarkRestaurantCost.add(totalHotelCost);
				
				this.lblLandmarkCosts.text = totalLandmarkRestaurantCost.toString();
				this.lblHotelCosts.text = totalHotelCost.toString();
				this.lblTotalCosts.text = totalCost.toString();
			}
			
            private function costFormatter(item:Object):String {
                var cost: MoneyAmount = item as MoneyAmount;
                if (cost.amount == 0)
                	return "-";
                else
                	return cost.toString();
            }
            
            private function landmarkDatagrid_click(event: MouseEvent): void
            {
            	hotelDatagrid.selectedIndices = [];
            	if (landmarkDatagrid.selectedItem != null)
            		dispatchClickedItem(landmarkDatagrid.selectedItem as TripItem);
            }
            
            private function hotelDatagrid_click(event: MouseEvent): void
            {
            	landmarkDatagrid.selectedIndices = [];
            	if (hotelDatagrid.selectedItem != null)
            		dispatchClickedItem(hotelDatagrid.selectedItem as TripItem);
            }
            
            private function dispatchClickedItem(tripItem: TripItem): void
            {
            	var invoiceEvent: InvoiceEvent = new InvoiceEvent('itemClicked');
            	invoiceEvent.tripItem = tripItem;
            	dispatchEvent(invoiceEvent);
            }
            
            public function selectTripItem(tripItem: TripItem): void
            {
				switch(tripItem.type)
				{
					case TripItemType.LANDMARK:
					case TripItemType.EATINGPLACE:
						hotelDatagrid.selectedIndices = [];
						landmarkDatagrid.selectedItem = tripItem;
						break;
					case TripItemType.HOTEL:
						landmarkDatagrid.selectedIndices = [];
						hotelDatagrid.selectedItem = tripItem;
						break;	
				}	
            }

			
		]]>
	</mx:Script>

	<mx:Canvas width="595" horizontalCenter="0" top="5">
		<mx:Image source="icons/invoice_bg.png" />
		<mx:Label text="TripVis" x="19" y="23" fontSize="21" fontWeight="bold" fontFamily="Arial"/>
		<mx:Label text="{LanguageDirector.instance.language.invoiceName}" x="479" y="73" fontSize="25" fontWeight="bold" textAlign="right" fontFamily="Arial"/>
		
		<mx:Label x="19" y="48" text="{LanguageDirector.instance.language.subName}" fontWeight="bold" fontFamily="Arial"/>
		
	
	
		<mx:VBox x="19" y="97" height="100%" width="556" horizontalScrollPolicy="off">
			<mx:Label text="{LanguageDirector.instance.language.invoiceVisitsAndRestaurants}:" fontWeight="bold" color="#50916D" fontSize="13"/>
			<mx:DataGrid id="landmarkDatagrid" width="556" backgroundAlpha="0.2"
				 dataProvider="{this._landmarkList}" rowCount="{this._landmarkList.length}"
				 click="landmarkDatagrid_click(event)" >
				<mx:columns>
					<mx:DataGridColumn headerText="{LanguageDirector.instance.language.invoiceDate}" width="{_dateColumnWidth}" itemRenderer="tripvisUI.visualisations.invoice.InvoiceStartDateRenderer"/>
					<mx:DataGridColumn headerText="{LanguageDirector.instance.language.invoiceDescription}" dataField="name"/>
					<mx:DataGridColumn headerText="{LanguageDirector.instance.language.invoiceFrom}" width="{_timeColumnWidth}" itemRenderer="tripvisUI.visualisations.invoice.InvoiceStartTimeRenderer"/>
					<mx:DataGridColumn headerText="{LanguageDirector.instance.language.invoiceTo}" width="{_timeColumnWidth}" itemRenderer="tripvisUI.visualisations.invoice.InvoiceEndTimeRenderer"/>
					<mx:DataGridColumn headerText="{LanguageDirector.instance.language.invoiceCost}" width="60" textAlign="right" itemRenderer="tripvisUI.visualisations.invoice.InvoiceCostRenderer"/>
				</mx:columns>
			</mx:DataGrid>
			
			<mx:Canvas width="100%" horizontalScrollPolicy="off" verticalScrollPolicy="off">
				<mx:Label y="0" text="{LanguageDirector.instance.language.invoiceSubTotal}:" textAlign="right" fontSize="12" fontWeight="normal" right="60"/>
				<mx:Label text="-" textAlign="right" fontSize="12" fontWeight="normal" id="lblLandmarkCosts" y="0" right="0"/>
			</mx:Canvas>
			
			<mx:Spacer height="20" />
			
			<mx:Label x="19" y="384" text="{LanguageDirector.instance.language.invoiceHotels}:" fontWeight="bold" color="#4A6F81" fontSize="13"/>
			
			<mx:DataGrid id="hotelDatagrid" x="19.5" y="405" width="556" backgroundAlpha="0.2"
				 dataProvider="{this._hotelList}" rowCount="{this._hotelList.length}"
				 click="hotelDatagrid_click(event)" >
				<mx:columns>
					<mx:DataGridColumn headerText="{LanguageDirector.instance.language.invoiceFrom}" width="{_dateColumnWidth}" itemRenderer="tripvisUI.visualisations.invoice.InvoiceStartDateRenderer"/>
					<mx:DataGridColumn headerText="{LanguageDirector.instance.language.invoiceTo}" width="{_dateColumnWidth}" itemRenderer="tripvisUI.visualisations.invoice.InvoiceEndDateRenderer"/>
					<mx:DataGridColumn headerText="{LanguageDirector.instance.language.invoiceHotelDescription}" dataField="name"/>
					<mx:DataGridColumn headerText="{LanguageDirector.instance.language.invoiceCost}" width="60" textAlign="right" itemRenderer="tripvisUI.visualisations.invoice.InvoiceCostRenderer"/>
				</mx:columns>
			</mx:DataGrid>
			
			<mx:Canvas width="100%"  horizontalScrollPolicy="off" verticalScrollPolicy="off">
				<mx:Label y="0" text="{LanguageDirector.instance.language.invoiceSubTotal}:" textAlign="right" fontSize="12" fontWeight="normal" right="60"/>
				
				<mx:HRule x="0" y="34" width="556"/>
				
				<mx:Label y="50" text="{LanguageDirector.instance.language.invoiceTotal}:" textAlign="right" fontSize="16" fontWeight="bold" right="60"/>
				
				<mx:Label y="50" right="0" text="-" textAlign="right" fontSize="16" fontWeight="bold" id="lblTotalCosts"/>
				<mx:Label y="0" right="0" text="-" textAlign="right" fontSize="12" fontWeight="normal" id="lblHotelCosts"/>
			</mx:Canvas>
			
			
		</mx:VBox>
	
	</mx:Canvas>

	
</mx:Canvas>