<?xml version="1.0" encoding="utf-8"?>
<mx:HBox xmlns:mx="http://www.adobe.com/2006/mxml" height="160" width="100%" paddingTop="5" paddingBottom="5" paddingLeft="5" paddingRight="5">

    <mx:Script>
        <![CDATA[
            import DB.Database;
            import mx.controls.Alert;
            import mx.events.CloseEvent;
            import BO.Contact;
            import mx.core.IFlexDisplayObject;
            import mx.managers.PopUpManager;
            
            private function editContact():void
            {
                var window:IFlexDisplayObject = PopUpManager.createPopUp(this.parent.parent.parent, ContactWindow , true);
                var EditionWindow:ContactWindow = ContactWindow(window);
                EditionWindow.initEdition(data as Contact);
                PopUpManager.centerPopUp(EditionWindow);
            }
            
            private function deleteContact():void
            {
                Confirm("Supprimer le contact ?", this, deleteContactConfirm);
            }
            private function deleteContactConfirm(pResult:Boolean):void
            {
                if(pResult)
                {
                    Database.Instance.deleteContact(data as Contact);
                }
            }
            
            private function Confirm(pMessage:String, pThisObject:Object, pHandler:Function):void
            {
                Alert.show(pMessage,"Confirmation",Alert.OK|Alert.CANCEL,null,function(evt:CloseEvent):void
                {
                    pHandler.apply(pThisObject, [evt.detail == Alert.OK]);
                },null,Alert.OK);
            }
        ]]>
    </mx:Script>
    
    <mx:HBox height="150" width="100%" borderStyle="solid" borderThickness="2" paddingTop="5" paddingBottom="5" paddingLeft="5" paddingRight="5">
        
        <mx:Image source="{data.Avatar}" scaleContent="true" width="170" height="130" />
        
        <mx:VBox height="100%" verticalAlign="middle" paddingLeft="10" width="100%" horizontalScrollPolicy="auto">
            
            <mx:Spacer height="100%" />
            <mx:Label text="{data.Pseudo + ' (' + data.Age + ' ans)'}" />
            <mx:Label text="{data.Mail}" />
            
            <mx:HBox verticalAlign="bottom" height="100%">
                
                <mx:LinkButton label="Editer" click="editContact()" />
                <mx:LinkButton label="Supprimer" click="deleteContact()" />

            </mx:HBox>
        
        </mx:VBox>
        
        <mx:Spacer width="20" />
    
    </mx:HBox>    
    
</mx:HBox>