106 lines
5.2 KiB
Plaintext
Raw Normal View History

@using Microsoft.eShopOnContainers.WebMVC.Services
@model Microsoft.eShopOnContainers.WebMVC.ViewModels.Order
@inject IIdentityParser<ApplicationUser> UserManager
2016-10-21 05:46:30 +02:00
@{
ViewData["Title"] = "New Order";
2016-10-21 05:46:30 +02:00
}
2016-12-30 11:28:28 +01:00
@Html.Partial("_Header", new Header() { Controller = "Cart", Text = "Back to cart" })
<div class="container">
<form method="post" asp-controller="Order" asp-action="Checkout">
2016-12-30 11:28:28 +01:00
<section class="esh-orders_new-section">
<div class="row">
@foreach (var error in ViewData.ModelState.Values.SelectMany(err => err.Errors)) {
<div class="alert alert-warning" role="alert">
&nbsp;@error.ErrorMessage
</div>
}
</div>
<h4 class="esh-orders_new-title">Shipping address</h4>
2016-12-30 11:28:28 +01:00
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label asp-for="Street" class="esh-orders_new-title">Address</label>
2016-12-30 11:28:28 +01:00
<input asp-for="Street" class="form-control form-input" type="text" placeholder="Street"/>
<span asp-validation-for="Street" class="alert alert-danger" />
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label asp-for="City" class="esh-orders_new-title">City</label>
2016-12-30 11:28:28 +01:00
<input asp-for="City" class="form-control form-input" type="text" placeholder="City"/>
<span asp-validation-for="City" class="alert alert-danger" />
</div>
2016-10-21 05:46:30 +02:00
</div>
2016-12-30 11:28:28 +01:00
<div class="col-md-6">
<div class="form-group">
<label asp-for="State" class="esh-orders_new-title">State</label>
2016-12-30 11:28:28 +01:00
<input asp-for="State" class="form-control form-input" type="text" placeholder="State"/>
<span asp-validation-for="State" class="alert alert-danger" />
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label asp-for="Country" class="esh-orders_new-title">Country</label>
2016-12-30 11:28:28 +01:00
<input asp-for="Country" class="form-control form-input" type="text" placeholder="Country"/>
<span asp-validation-for="Country" class="alert alert-danger" />
</div>
2016-10-21 05:46:30 +02:00
</div>
</div>
2016-12-30 11:28:28 +01:00
</section>
<section class="esh-orders_new-section">
<h4 class="esh-orders_new-title">Payment method</h4>
2016-12-30 11:28:28 +01:00
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label asp-for="CardNumber" class="esh-orders_new-title">Card number</label>
<input asp-for="CardNumber" class="form-control form-input" type="text" placeholder="000000000000000"/>
2016-12-30 11:28:28 +01:00
<span asp-validation-for="CardNumber" class="alert alert-danger" />
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label asp-for="CardHolderName" class="esh-orders_new-title">Cardholder name</label>
2016-12-30 11:28:28 +01:00
<input asp-for="CardHolderName" class="form-control form-input" type="text" placeholder="Cardholder"/>
<span asp-validation-for="CardHolderName" class="alert alert-danger" />
</div>
2016-10-21 05:46:30 +02:00
</div>
2016-12-30 11:28:28 +01:00
<div class="col-md-6">
<div class="form-group">
<label asp-for="CardExpirationShort" class="esh-orders_new-title">Expiration date</label>
<input asp-for="CardExpirationShort" class="form-control form-input form-input-medium" type="text" placeholder="MM/YY"/>
2016-12-30 11:28:28 +01:00
<span asp-validation-for="CardExpirationShort" class="alert alert-danger" />
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label asp-for="CardSecurityNumber" class="esh-orders_new-title">Security code</label>
<input asp-for="CardSecurityNumber" class="form-control form-input form-input-small" type="text" placeholder="000"/>
2016-12-30 11:28:28 +01:00
<span asp-validation-for="CardSecurityNumber" class="alert alert-danger" />
</div>
2016-10-21 05:46:30 +02:00
</div>
</div>
2016-12-30 11:28:28 +01:00
</section>
@await Html.PartialAsync("_OrderItems")
<section class="esh-orders_new-section">
<div class="form-group">
<div class="col-md-9">
2016-12-30 11:28:28 +01:00
</div>
<div class="col-md-2">
2016-12-30 11:28:28 +01:00
<input type="submit" value="[ Place Order ]" name="action" class="btn esh-orders_new-placeOrder" />
</div>
2016-10-21 05:46:30 +02:00
</div>
2016-12-30 11:28:28 +01:00
</section>
<input asp-for="ZipCode" type="hidden" />
2017-03-03 12:03:31 +01:00
<input asp-for="RequestId" type="hidden" value="@Guid.NewGuid().ToString()"/>
2016-10-21 05:46:30 +02:00
</form>
</div>
2016-12-30 11:28:28 +01:00
2016-10-21 05:46:30 +02:00
@section Scripts {
@{await Html.RenderPartialAsync("_ValidationScriptsPartial");}
}