Mini Kabibi Habibi

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