Mini Kabibi Habibi

<%@ Control Language="vb" AutoEventWireup="true" CodeFile="Reminder.ascx.vb" Inherits="Widgets_Reminders" %>
<dx:ASPxDockPanel ID="ReminderPanel" runat="server" ShowHeader="false" Width="240"
	Height="220" DragElement="Window" ScrollBars="None" Border-BorderStyle="None" AllowedDockState="DockedOnly">
	<Styles Content-Paddings-Padding="0" />
	<ContentCollection>
		<dx:PopupControlContentControl runat="server">
			<div class="reminderWidget">
				<div class="page">
					<div class="header"><%=ActiveReminder.Subject%></div>
					<div class="dateLine">
						<span class="date"><%=GetFormattedDate(ActiveReminder.ReminderDate)%></span>
						<dx:ASPxImage ID="clockImage" runat="server" ImageUrl="~/Widgets/Images/Reminder/clock.png" />
						<b class="clear"></b>
					</div>
					<div class="details">
						<div class="description"><%=ActiveReminder.Description%></div>
						<div class="shortDescription"><%=ActiveReminder.ShortDescription%></div>
						<div class="contactDetails">
							<dx:ASPxImage ID="contactImage" runat="server" ImageUrl="<%#ActiveReminder.ContactImageUrl%>" />
							<div class="info">
								<span class="name"><%=ActiveReminder.ContactName%></span>
								<br />
								<span class="phone"><%=ActiveReminder.ContactPhone%></span>
							</div>
							<b class="clear"></b>
						</div>
						<b class="clear"></b>
					</div>
				</div>
				<div class="menu">
					<dx:ASPxMenu ID="ReminderMenu" runat="server" Orientation="Vertical" RenderMode="Lightweight"
						EnableHotTrack="false" AllowSelectItem="false" Width="100%">
						<ItemTemplate>
							<div class="subject"><%#Container.EvalDataItem("Subject")%></div>
							<div class="date"><%#GetFormattedDate(Container.EvalDataItem("ReminderDate"))%></div>
						</ItemTemplate>
					</dx:ASPxMenu>
				</div>
				<b class="clear"></b>
			</div>
		</dx:PopupControlContentControl>
	</ContentCollection>
</dx:ASPxDockPanel>