@using BlueWest.Views.Utils
@model BlueWest.Data.Application.Users.ApplicationUserUnique
@{
    var user = @Model;
}

<div class="q-ma-lg">
    <form method="POST" action="EditProfile" class="q-form q-gutter-md">
        <label class="q-field row no-wrap items-start q-field--filled q-input q-field--labeled q-field--dark q-field--with-bottom">
            <div class="q-field__inner relative-position col self-stretch">
                <div class="q-field__control relative-position row no-wrap" tabindex="-1">
                    <div class="q-field__control-container col relative-position row no-wrap q-anchor--skip">
                        <input class="q-field__native q-placeholder" tabindex="0" aria-label="Phone Number" name="name" type="name" value="@Model.Id" disabled="disabled">
                    </div>
                    <div class="q-field__bottom row items-start q-field__bottom--animated">
                        <div class="q-field__messages col">
                            <div>Id</div>
                        </div>
                    </div>
                </div>
            </div>
        </label>
        <label class="q-field row no-wrap items-start q-field--filled q-input q-field--labeled q-field--dark q-field--with-bottom">
            <div class="q-field__inner relative-position col self-stretch">
                <div class="q-field__control relative-position row no-wrap">
                    <div class="q-field__control-container col relative-position row no-wrap q-anchor--skip">
                        <input class="q-field__native q-placeholder" name="email" aria-label="Email" type="email" value="@user.Email">
                    </div>
                </div>
                <div class="q-field__bottom row items-start q-field__bottom--animated">
                    <div class="q-field__messages col">
                        <div>Email address</div>
                    </div>
                </div>
            </div>
        </label>
        <label class="q-field row no-wrap items-start q-field--filled q-input q-field--labeled q-field--dark q-field--with-bottom">
            <div class="q-field__inner relative-position col self-stretch">
                <div class="q-field__control relative-position row no-wrap" tabindex="-1">
                    <div class="q-field__control-container col relative-position row no-wrap q-anchor--skip">
                        <input class="q-field__native q-placeholder" tabindex="0" aria-label="Phone Number" name="name" type="name" value="@Model.PhoneNumber">
                    </div>
                    <div class="q-field__bottom row items-start q-field__bottom--animated">
                        <div class="q-field__messages col">
                            <div>Phone Number</div>
                        </div>
                    </div>
                </div>
            </div>
        </label>
        <label class="q-field row no-wrap items-start q-field--filled q-input q-field--labeled q-field--dark q-field--with-bottom">
            <div class="q-field__inner relative-position col self-stretch">
                <div class="q-field__control relative-position row no-wrap" tabindex="-1">
                    <div class="q-field__control-container col relative-position row no-wrap q-anchor--skip">
                        <input class="q-field__native q-placeholder" tabindex="0" aria-label="Phone Number" name="name" type="name" value="@Model.NormalizedEmail" disabled="disabled">
                    </div>
                    <div class="q-field__bottom row items-start q-field__bottom--animated">
                        <div class="q-field__messages col">
                            <div>Normalized Email</div>
                        </div>
                    </div>
                </div>
            </div>
        </label>
        <label class="q-field row no-wrap items-start q-field--filled q-input q-field--labeled q-field--dark q-field--with-bottom">
            <div class="q-field__inner relative-position col self-stretch">
                <div class="q-field__control relative-position row no-wrap" tabindex="-1">
                    <div class="q-field__control-container col relative-position row no-wrap q-anchor--skip">
                        <input class="q-field__native q-placeholder" tabindex="0" aria-label="Phone Number" name="name" type="name" value="@Model.UserName">
                    </div>
                    <div class="q-field__bottom row items-start q-field__bottom--animated">
                        <div class="q-field__messages col">
                            <div>Username</div>
                        </div>
                    </div>
                </div>
            </div>
        </label>
        <label class="q-field row no-wrap items-start q-field--filled q-input q-field--labeled q-field--dark q-field--with-bottom">
            <div class="q-field__inner relative-position col self-stretch">
                <div class="q-field__control relative-position row no-wrap" tabindex="-1">
                    <div class="q-field__control-container col relative-position row no-wrap q-anchor--skip">
                        <input class="q-field__native q-placeholder" tabindex="0" aria-label="Password Hash" name="name" type="name" value="@Model.PasswordHash" disabled="disabled">
                    </div>
                    <div class="q-field__bottom row items-start q-field__bottom--animated">
                        <div class="q-field__messages col">
                            <div>Username</div>
                        </div>
                    </div>
                </div>
            </div>
        </label>
        <div>
            <button class="q-btn q-btn-item non-selectable no-outline q-btn--standard q-btn--rectangle bg-primary text-white q-btn--actionable q-focusable q-hoverable">
                <span class="q-focus-helper"></span>
                <span class="q-btn__content text-center col items-center q-anchor--skip justify-center row">
                    <span class="block">Save</span>
                </span>
            </button>
            <button class="q-btn q-btn-item non-selectable no-outline q-btn--flat q-btn--rectangle text-primary q-btn--actionable q-focusable q-hoverable q-ml-sm" type="reset">
                <span class="q-focus-helper"></span>
                <span class="q-btn__content text-center col items-center q-anchor--skip justify-center row">
                    <span class="block">Reset</span>
                </span>
            </button>
        </div>
    </form>
</div>


@await Html.PartialAsync("_FooterMenu")