<?xml version="1.0" encoding="utf-8"?>
  <mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml">
          
          <mx:Form id="productInfoForm">
                  <mx:FormHeading label="Product Details" fontSize="18" fontWeight="bold"/>
                  <mx:FormItem id="productImage">
                          <mx:Image source="{parentApplication.selectedProduct.product_img}"/>
                  </mx:FormItem>
                  <mx:FormItem id="productID" label="SKU#">
                          <mx:Text text="{parentApplication.selectedProduct.product_id}"/>
                  </mx:FormItem>
                  <mx:FormItem id="productName" label="Name:">
                          <mx:Text text="{parentApplication.selectedProduct.product_name}"/>
                  </mx:FormItem>
                  <mx:FormItem id="productDesc" label="Desc:">
                          <mx:Text text="{parentApplication.selectedProduct.product_desc}"/>
                  </mx:FormItem>
                  <mx:FormItem id="productCost" label="Price:">
                          <mx:Text text="$\{parentApplication.selectedProduct.product\_price\}"/>$</mx:FormItem>
                  <mx:FormItem id="productRating" label="Rating:">
                          <mx:Text text="{parentApplication.selectedProduct.product_rating} stars"/>
                  </mx:FormItem>
          </mx:Form>
          <mx:ApplicationControlBar x="60" y="{productInfoForm.height}">
                  <mx:Button label="Back" click="parentApplication.productViews.selectedIndex=0"/>
                  <mx:Button label="Purchase"/>
          </mx:ApplicationControlBar>
          
  </mx:Canvas>