@model IndexViewModel
@{
    ViewData["Title"] = "Manage your account";
}

@*<h2>@ViewData["Title"].</h2>*@
<p class="text-success">@ViewData["StatusMessage"]</p>
<div class="brand-header-block">
    <ul class="container">
        <li class="brand-header-back"><a asp-area="" asp-controller="Home" asp-action="Index">Back to list</a></li>
    </ul>
</div>
<div class="container cart-index-container">
    <form asp-controller="Manage" asp-action="Index" method="post" class="form-horizontal">
        <div class="form-group">
            <div class="col-md-offset-8 col-md-4">
                <button type="submit" class="btn btn-default btn-brand">[ Save ]</button>
            </div>
        </div>
        <h4 class="order-create-section-title">SHIPPING ADDRESS</h4>
        <div class="form-horizontal row">
            <div class="form-group col-sm-6">
                <label asp-for="User.Street" class="control-label form-label">ADDRESS</label>
                <input asp-for="User.Street" class="form-control form-input" />
                <span asp-validation-for="User.Street" class="text-danger" />
            </div>
            <div class="form-group col-sm-6">
                <label asp-for="User.City" class="control-label form-label"></label>
                <input asp-for="User.City" class="form-control form-input" />
                <span asp-validation-for="User.City" class="text-danger" />
            </div>
            <div class="form-group col-sm-6">
                <label asp-for="User.State" class="control-label form-label"></label>
                <input asp-for="User.State" class="form-control form-input" />
                <span asp-validation-for="User.State" class="text-danger" />
            </div>
            <div class="form-group col-sm-6">
                <label asp-for="User.Country" class="control-label form-label"></label>
                <input asp-for="User.Country" class="form-control form-input" />
                <span asp-validation-for="User.Country" class="text-danger" />
            </div>
            <div class="form-group col-sm-6">
                <label asp-for="User.ZipCode" class="control-label form-label"></label>
                <input asp-for="User.ZipCode" class="form-control form-input form-input-small" />
                <span asp-validation-for="User.ZipCode" class="text-danger" />
            </div>
        </div>
        <br /><br />
        <div class="order-create-section-payment">
            <h4 class="order-create-section-title">PAYMENT METHOD</h4>
            <div class="form-horizontal row">
                <div class="form-group col-sm-6">
                    <label asp-for="User.CardNumber" class="control-label form-label">Card Number</label>
                    <input asp-for="User.CardNumber" class="form-control form-input" />
                    <span asp-validation-for="User.CardNumber" class="text-danger" />
                </div>
                <div class="form-group col-sm-6">
                    <label asp-for="User.CardHolderName" class="control-label form-label">Cardholder Name</label>
                    <input asp-for="User.CardHolderName" class="form-control form-input" />
                    <span asp-validation-for="User.CardHolderName" class="text-danger" />
                </div>
                <div class="form-group col-sm-3">
                    <label asp-for="User.Expiration" class="control-label form-label">Expiration Date</label>
                    <input asp-for="User.Expiration" placeholder="MM/YY" class="form-control form-input form-input-small" />
                    <span asp-validation-for="User.Expiration" class="text-danger" />
                </div>
                <div class="form-group col-sm-3">
                    <label asp-for="User.SecurityNumber" class="control-label form-label">Security Code</label>
                    <input asp-for="User.SecurityNumber" class="form-control form-input form-input-small" />
                    <span asp-validation-for="User.SecurityNumber" class="text-danger" />
                </div>
            </div>
        </div>
        <br /><br />
        <h4 class="order-create-section-title">Change your account settings</h4>
        <div class="form-horizontal row">
            <div class="form-group col-sm-6">
                <label asp-for="User.Street" class="control-label form-label">PASSWORD</label>
                <br />
                @if (Model.HasPassword)
                {
                    <a asp-controller="Manage" asp-action="ChangePassword" class="text">Change</a>
                }
                else
                {
                    <a asp-controller="Manage" asp-action="SetPassword" class="text">Create</a>
                }
            </div>
        </div>
        <br /><br />
        <div class="form-group">
            <div class="col-md-offset-8 col-md-4">
                <button type="submit" class="btn btn-default btn-brand">[ Save ]</button>
            </div>
        </div>
        <br /><br />
    </form>
</div>