Mini Kabibi Habibi

<%@ Control Language="vb" AutoEventWireup="true" CodeFile="Upcoming.ascx.vb" Inherits="Pages_Upcoming" %>
<%@ Register Src="~/UserControls/UpcomingBillsGrid.ascx" TagName="UpcomingBillsGrid" TagPrefix="uc" %>
<%@ Register Src="~/UserControls/AccountsControl.ascx" TagPrefix="page" TagName="AccountsControl" %>
<div class="leftNavbar">
	<page:AccountsControl ID="AccountsControl" runat="server" />
</div>
<div class="content">
	<dx:ASPxNavBar Width="100%" ID="navBar" AllowExpanding="false" AutoCollapse="false" runat="server" Theme="Default" 
		CssClass="navBar" Paddings-Padding="0">
		<Groups>
			<dx:NavBarGroup Text="Upcoming Bills &amp; Expenses">
				<ContentTemplate>
					<div class="buttons">
						<dx:ASPxButton runat="server" ID="AddButton" Text="Add" CssClass="button" AutoPostBack="false">
							<Image Url="~/Images/icon-add.png" />
							<ClientSideEvents Click="app.upcomingBills.onAddButtonClick" />
						</dx:ASPxButton>
						<dx:ASPxButton runat="server" ID="DeleteButton" Text="Delete Selected" CssClass="button" 
							AutoPostBack="false">
							<ClientSideEvents Click="app.upcomingBills.onDeleteButtonClick" />
						</dx:ASPxButton>
						<div style="clear: both;">
						</div>
					</div>
					The following is a list of all upcoming expenses.
					<uc:UpcomingBillsGrid ID="UpcomingBillsGrid" runat="server" />
				</ContentTemplate>
			</dx:NavBarGroup>
		</Groups>
		<GroupHeaderStyle HorizontalAlign="Left"></GroupHeaderStyle>
	</dx:ASPxNavBar>
</div>