<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<Mvc.Mobile.Template.Models.RegisterModel>" %>

<asp:Content ID="registerTitle" ContentPlaceHolderID="TitleContent" runat="server">
    Register
</asp:Content>

<asp:Content ID="registerContent" ContentPlaceHolderID="MainContent" runat="server">
    <div data-role="page">
	    <div data-role="header">
		    <h1>Register</h1>
            <a href="<%=Url.Action("Index", "Home")%>" data-icon="grid" class="ui-btn-right">Home</a>
	    </div>
	    <div data-role="content">
            <p>Passwords are required to be a minimum of <%: View.PasswordLength %> characters in length.</p>
            <% using (Html.BeginForm()) { %>
                <div data-role="fieldcontain">
                    <%: Html.LabelFor(m => m.UserName) %>
                    <%: Html.TextBoxFor(m => m.UserName) %>
                    <div>
                        <%: Html.ValidationMessageFor(m => m.UserName) %>
                    </div>
                </div>

                <div data-role="fieldcontain">
                    <%: Html.LabelFor(m => m.Email) %>
                    <%: Html.TextBoxFor(m => m.Email) %>
                    <div>
                        <%: Html.ValidationMessageFor(m => m.Email) %>
                    </div>
                </div>

                <div data-role="fieldcontain">
                    <%: Html.LabelFor(m => m.Password) %>
                    <%: Html.PasswordFor(m => m.Password) %>
                    <div>
                        <%: Html.ValidationMessageFor(m => m.Password) %>
                    </div>
                </div>

                <div data-role="fieldcontain">
                    <%: Html.LabelFor(m => m.ConfirmPassword) %>
                    <%: Html.PasswordFor(m => m.ConfirmPassword) %>
                    <div>
                        <%: Html.ValidationMessageFor(m => m.ConfirmPassword) %>
                    </div>
                </div>

                <input type="submit" value="Register" data-theme="b" />
            <%} %>
	    </div>
    </div>
</asp:Content>