2016-11-28 12:58:51 +01:00
|
|
|
@using Microsoft.eShopOnContainers.WebMVC.Services
|
2017-03-03 16:00:15 +01:00
|
|
|
@model Microsoft.eShopOnContainers.WebMVC.ViewModels.Order
|
2016-11-28 12:58:51 +01:00
|
|
|
@inject IIdentityParser<ApplicationUser> UserManager
|
2016-10-21 05:46:30 +02:00
|
|
|
|
|
|
|
@{
|
2016-11-03 17:17:26 +01: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">
|
2017-05-11 11:51:13 +02:00
|
|
|
<form method="post" asp-controller="Order" asp-action="Checkout">
|
2016-12-30 11:28:28 +01:00
|
|
|
<section class="esh-orders_new-section">
|
2017-03-17 10:00:18 +01:00
|
|
|
<div class="row">
|
|
|
|
@foreach (var error in ViewData.ModelState.Values.SelectMany(err => err.Errors)) {
|
|
|
|
<div class="alert alert-warning" role="alert">
|
|
|
|
@error.ErrorMessage
|
|
|
|
</div>
|
|
|
|
}
|
|
|
|
</div>
|
2016-12-30 12:07:08 +01:00
|
|
|
<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">
|
2016-12-30 12:07:08 +01:00
|
|
|
<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">
|
2016-12-30 12:07:08 +01:00
|
|
|
<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">
|
2016-12-30 12:07:08 +01:00
|
|
|
<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">
|
2016-12-30 12:07:08 +01:00
|
|
|
<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">
|
2016-12-30 12:07:08 +01:00
|
|
|
<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">
|
2016-12-30 12:07:08 +01:00
|
|
|
<label asp-for="CardNumber" class="esh-orders_new-title">Card number</label>
|
2016-12-30 16:44:36 +01:00
|
|
|
<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">
|
2016-12-30 12:07:08 +01:00
|
|
|
<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">
|
2016-12-30 12:07:08 +01:00
|
|
|
<label asp-for="CardExpirationShort" class="esh-orders_new-title">Expiration date</label>
|
2016-12-30 16:44:36 +01:00
|
|
|
<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">
|
2016-12-30 12:07:08 +01:00
|
|
|
<label asp-for="CardSecurityNumber" class="esh-orders_new-title">Security code</label>
|
2016-12-30 16:44:36 +01:00
|
|
|
<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">
|
2016-12-30 11:33:57 +01:00
|
|
|
<div class="col-md-9">
|
2016-12-30 11:28:28 +01:00
|
|
|
</div>
|
2016-12-30 11:33:57 +01:00
|
|
|
<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>
|
2017-01-30 15:46:43 +01:00
|
|
|
<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");}
|
|
|
|
}
|