<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<dynamic>" %>
<% 
    Ajax.Dna().Menu()
        .AddClass("d-menu")
                  .DefaultStyle()
                  .Options(opts =>
                  {
                      opts.ShowSkateBoard = true;
                      opts.Opacity = 0.8;
                  })
                  .Items(items =>
                   {
                       items.Add("Accordion", "#", Url.Content("~/webshared/home/images/dj_icons/icon_accordion.gif"))
                               .Items(subItems =>
                               {
                                   subItems.Add("Core feature", "#", Url.Content("~/content/images/icon_normal.gif"));
                                   subItems.Add("Autosize mode", "#", Url.Content("~/content/images/icon_normal.gif"));
                                   subItems.Add("Collapsible sections", "#", Url.Content("~/content/images/icon_normal.gif"));
                                   subItems.Add("Customize icons", "#", Url.Content("~/content/images/icon_normal.gif"));
                                   subItems.Add("NavView", "#", Url.Content("~/content/images/icon_normal.gif"))
                                                 .Items(navItems =>
                                                 {
                                                     navItems.Add("NavView Features", "#", Url.Content("~/content/images/icon_normal.gif"));
                                                     navItems.Add("Client side event handling", "#", Url.Content("~/content/images/icon_normal.gif"));
                                                     navItems.Add("Post back & Server events", "#", Url.Content("~/content/images/icon_normal.gif"));
                                                     navItems.Add("Programmatic NavView creation", "#", Url.Content("~/content/images/icon_normal.gif"));
                                                 });
                               });
                       items.Add("DatePicker", "#", Url.Content("~/webshared/home/images/dj_icons/icon_datepicker.gif"))
                              .Items(subItems =>
                              {
                                  subItems.Add("Core feature", "#", Url.Content("~/content/images/icon_normal.gif"));
                                  subItems.Add("Format date", "#", Url.Content("~/content/images/icon_normal.gif"));
                                  subItems.Add("Restrict date range", "#", Url.Content("~/content/images/icon_normal.gif"));
                                  subItems.Add("Localize calendar", "#", Url.Content("~/content/images/icon_normal.gif"));
                                  subItems.Add("Populate alternate field", "#", Url.Content("~/content/images/icon_normal.gif"));
                                  subItems.Add("Display modes", "#", Url.Content("~/content/images/icon_normal.gif"));
                                  subItems.Add("Display button bar", "#", Url.Content("~/content/images/icon_normal.gif"));
                                  subItems.Add("Display multiple months", "#", Url.Content("~/content/images/icon_normal.gif"));
                              });
                       items.Add("AutoComplete", "#", Url.Content("~/webshared/home/images/dj_icons/icon_autoComplete.gif"))
                               .Items(subItems =>
                               {
                                   subItems.Add("Default feature", "#", Url.Content("~/content/images/fav.gif"));
                                   subItems.Add("Remote data source", "#", Url.Content("~/content/images/fav.gif"));
                                   subItems.Add("Remote data with caching", "#", Url.Content("~/content/images/fav.gif"));
                                   subItems.Add("Scrollable results", "#", Url.Content("~/content/images/ok.gif"));
                                   subItems.Add("Multiple & remote", "#", Url.Content("~/content/images/ok.gif"));
                               });

                       items.Add("Quickly login", "#", Url.Content("~/content/images/icon_unlock.gif"))
                               .Items(subItems =>
                               {
                                   subItems.Add()
                                      .Template(() =>
                                      {
%>
<div style="padding: 5px;">
    <div>
        User name
    </div>
    <div>
        <% Ajax.Dna().TextBox("TextBox1").Render(); %></div>
    <div>
        Password</div>
    <div>
        <% Ajax.Dna().TextBox("TextBox2").Render(); %>
    </div>
</div>
<%
                                          });
                                   });
                           items.Add("Tabs", "#", Url.Content("~/webshared/home/images/dj_icons/icon_tabs.gif"))
                               .Items(subItems =>
                               {
                                   subItems.Add("Disabled item", "#")
                                                .Enabled(false);
                               });
                       })
                               .Render();
%>