Mini Kabibi Habibi

<%@ Control Language="vb" AutoEventWireup="true" CodeFile="Budgets.ascx.vb" Inherits="Pages_Budgets" %>
<%@ Register Src="~/UserControls/BudgetCategoriesProgresses.ascx" TagName="BudgetCategoriesProgresses" TagPrefix="uc" %>
<%@ Register Src="~/UserControls/AccountsControl.ascx" TagPrefix="page" TagName="AccountsControl" %>
<%@ Register Src="~/UserControls/BudgetsEdition/AddBudgetPopup.ascx" TagName="AddBudgetPopup" TagPrefix="uc" %>
<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="My Budgets" Name="MyBudgets">
				<ContentTemplate>
					<div class="budgetsView">
						<div class="buttons">
							<dx:ASPxButton runat="server" ID="ASPxButton1" Text="Add" CssClass="button" AutoPostBack="false">
								<Image Url="~/Images/icon-add.png"></Image>
								<ClientSideEvents Click="function(s, e) { window.app.budgets.showAddPopup(s, e); }" />
							</dx:ASPxButton>
							<dx:ASPxButton runat="server" ID="viewButton" Text="Modify" CssClass="button" AutoPostBack="false">
								<Image Url="~/Images/icon-modify.png"></Image>
								<ClientSideEvents Click="function() { window.app.budgets.showModifyDialog(); }" />
							</dx:ASPxButton>
							<div style="clear: both;">
							</div>
						</div>
						The following graphs describe your current budget and allocations.
						<uc:BudgetCategoriesProgresses ID="BudgetCategoriesProgresses" runat="server" ProgressBarHeight="30px" ShowOverallBudget="true" />
						<br />
					</div>
				</ContentTemplate>
			</dx:NavBarGroup>
		</Groups>
		<GroupHeaderStyle HorizontalAlign="Left"></GroupHeaderStyle>
	</dx:ASPxNavBar>
	<uc:AddBudgetPopup runat="server" ID="AddBudgetPopup" />
</div>