Mini Kabibi Habibi

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="Budgets.ascx.cs" 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>