@using Microsoft.eShopOnContainers.WebMVC.Services
@model Microsoft.eShopOnContainers.WebMVC.Models.Order
@inject IIdentityParser<ApplicationUser> UserManager

@{
    ViewData["Title"] = "New Order";
}
<div class="brand-header-block">
    <ul class="container">
        <li class="brand-header-back"><a asp-area="" asp-controller="Cart" asp-action="Index">Back to cart</a></li>
    </ul>
</div>
<div class="container order-create-container">
    <form method="post" asp-controller="Order" asp-action="Create">
        <div asp-validation-summary="All" class="text-danger"></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="Street" class="control-label form-label">Address</label>
                <input asp-for="Street" class="form-control form-input" />
                <span asp-validation-for="Street" class="text-danger" />
            </div>
            <div class="form-group col-sm-6">
                <label asp-for="City" class="control-label form-label">City</label>
                <input asp-for="City" class="form-control form-input" />
                <span asp-validation-for="City" class="text-danger" />
            </div>
            <div class="form-group col-sm-6">
                <label asp-for="State" class="control-label form-label">State</label>
                <input asp-for="State" class="form-control form-input" />
                <span asp-validation-for="State" class="text-danger" />
            </div>
            <div class="form-group col-sm-6">
                <label asp-for="Country" class="control-label form-label">Country</label>
                <input asp-for="Country" class="form-control form-input" />
                <span asp-validation-for="Country" 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="CardNumber" class="control-label form-label">Card Number</label>
                    <input asp-for="CardNumber" class="form-control form-input" />
                    <span asp-validation-for="CardNumber" class="text-danger" />
                </div>
                <div class="form-group col-sm-6">
                    <label asp-for="CardHolderName" class="control-label form-label">Cardholder Name</label>
                    <input asp-for="CardHolderName" class="form-control form-input" />
                    <span asp-validation-for="CardHolderName" class="text-danger" />
                </div>
            </div>
            <div class="form-horizontal row">
                <div class="form-group col-sm-3">
                    <label asp-for="CardExpirationShort" class="control-label form-label">Expiration Date</label>
                    <input asp-for="CardExpirationShort" placeholder="MM/YY" class="form-control form-select" />
                    <span asp-validation-for="CardExpirationShort" class="text-danger" />
                </div>
                <div class="form-group col-sm-3">
                    <label asp-for="CardSecurityNumber" class="control-label form-label">Security Code</label>
                    <input asp-for="CardSecurityNumber" class="form-control form-input form-input-small" />
                    <span asp-validation-for="CardSecurityNumber" class="text-danger" />
                </div>
            </div>
        </div>
        <br /><br />
        <div class="col-md-12 order-create-section-items">
            <section>
                @*@await Component.InvokeAsync("CartList", new { user = UserManager.Parse(User) })*@
                @await Html.PartialAsync("_OrderItems")
            </section>
        </div>
        <div class="form-group">
            <div class="col-md-offset-8 col-md-4">
                <input type="submit" value="[ Place Order ]" name="action" class="btn btn-default btn-brand btn-cart" />
            </div>
        </div>
    </form>
</div>
@section Scripts {
    @{await Html.RenderPartialAsync("_ValidationScriptsPartial");}
}