@model TFC.Models.Register

@{
    ViewBag.Title = "Registrarse";
}

<h2>Nuevo entrenador</h2>
<p>
    Use el formulario siguiente para crear una cuenta nueva. 
</p>
<p>
    Es necesario que las contraseñas tengan al menos @Membership.MinRequiredPasswordLength caracteres.
</p>


<div class="five columns" style="margin-left:120px;">
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

@using (Html.BeginForm()) {
    @Html.ValidationSummary(true, "No se creó la cuenta. Corrija los errores e inténtelo de nuevo.")
    <div>
        <fieldset>
            <legend>Información de cuenta</legend>

            <div class="editor-label">
                @Html.LabelFor(m => m.UserName)
            </div>
            <div class="editor-field">
                @Html.TextBoxFor(m => m.UserName)
                @Html.ValidationMessageFor(m => m.UserName)
            </div>

            <div class="editor-label">
                @Html.LabelFor(m => m.Email)
            </div>
            <div class="editor-field">
                @Html.TextBoxFor(m => m.Email)
                @Html.ValidationMessageFor(m => m.Email)
            </div>

            <div class="editor-label">
                @Html.LabelFor(m => m.Password)
            </div>
            <div class="editor-field">
                @Html.PasswordFor(m => m.Password)
                @Html.ValidationMessageFor(m => m.Password)
            </div>

            <div class="editor-label">
                @Html.LabelFor(m => m.ConfirmPassword)
            </div>
            <div class="editor-field">
                @Html.PasswordFor(m => m.ConfirmPassword)
                @Html.ValidationMessageFor(m => m.ConfirmPassword)
            </div>

            <p>
                <input type="submit" class="button" value="Registrar" />
            </p>
        </fieldset>
    </div>
    <div>
    @Html.ActionLink("Ir a lista de usuarios", "index","user")
</div>

}
        </div>


<div class="three columns" style="margin-right:180px;">
    <fieldset>
        <img src="../../Content/images/icons/avatar-big.png" />

    </fieldset>

</div>
