@using Microsoft.eShopOnContainers.WebMVC.ViewModels

@model Microsoft.eShopOnContainers.WebMVC.ViewModels.Order

@{
    ViewData["Title"] = "Order Detail";
    var headerList = new List<Header>()
    {
        new Header() {Controller = "Catalog", Text = "Back to catalog"}
    };
    var rfidScanned = ViewData["RFIDScanned"];
}

<div class="esh-orders_detail">
    <partial name="_Header" model="headerList"/>

    <div class="container">
        <section class="esh-orders_detail-section">
            <article class="esh-orders_detail-titles row">
                <section class="esh-orders_detail-title col-2">Order number</section>
                <section class="esh-orders_detail-title col-2">Date</section>
                <section class="esh-orders_detail-title col-2">Total</section>
                <section class="esh-orders_detail-title col-2">Status</section>
                @if (rfidScanned != null)
                {
                    <section class="esh-orders_detail-title col-2">RFID Scanned</section>
                }
            </article>

            <article class="esh-orders_detail-items row">
                <section class="esh-orders_detail-item col-2">$@Model.Total</section>
                <section class="esh-orders_detail-item col-2">@Model.OrderNumber</section>
                <section class="esh-orders_detail-item col-2">@Model.Date</section>
                <section class="esh-orders_detail-title col-2">@Model.Status</section>
                @if (rfidScanned != null)
                {
                    <section class="esh-orders_detail-title col-2">@rfidScanned</section>
                }
            </article>
        </section>

        <section class="esh-orders_detail-section">
            <article class="esh-orders_detail-titles row">
                <section class="esh-orders_detail-title col-12">Description</section>
            </article>

            <article class="esh-orders_detail-items row">
                <section class="esh-orders_detail-item col-12">@Model.Description</section>
            </article>
        </section>

        <section class="esh-orders_detail-section">
            <article class="esh-orders_detail-titles row">
                <section class="esh-orders_detail-title col-12">Shiping address</section>
            </article>

            <article class="esh-orders_detail-items row">
                <section class="esh-orders_detail-item col-12">@Model.Street</section>
            </article>

            <article class="esh-orders_detail-items row">
                <section class="esh-orders_detail-item col-12">@Model.City</section>
            </article>

            <article class="esh-orders_detail-items row">
                <section class="esh-orders_detail-item col-12">@Model.Country</section>
            </article>
        </section>

        <section class="esh-orders_detail-section">
            <article class="esh-orders_detail-titles row">
                <section class="esh-orders_detail-title col-12">ORDER DETAILS</section>
            </article>

            @for (int i = 0; i < Model.OrderItems.Count; i++)
            {
                var item = Model.OrderItems[i];
                <article class="esh-orders_detail-items esh-orders_detail-items--border row">
                    <section class="esh-orders_detail-item col-md-4 hidden-md-down">
                        <img class="esh-orders_detail-image" src="@item.PictureUrl">
                    </section>
                    <section class="esh-orders_detail-item esh-orders_detail-item--middle col-4">@item.ProductName</section>
                    <section class="esh-orders_detail-item esh-orders_detail-item--middle col-1">$ @item.UnitPrice.ToString("N2")</section>
                    <section class="esh-orders_detail-item esh-orders_detail-item--middle col-1">@item.Units</section>
                    <section class="esh-orders_detail-item esh-orders_detail-item--middle col-2">$ @Math.Round(item.Units * item.UnitPrice, 2).ToString("N2")</section>
                </article>
            }
        </section>

        <section class="esh-orders_detail-section esh-orders_detail-section--right">
            <article class="esh-orders_detail-titles esh-basket-titles--clean row">
                <section class="esh-orders_detail-title col-9"></section>
                <section class="esh-orders_detail-title col-2">TOTAL</section>
            </article>

            <article class="esh-orders_detail-items row">
                <section class="esh-orders_detail-item col-9"></section>
                <section class="esh-orders_detail-item esh-orders_detail-item--mark col-2">$ @Model.Total</section>
            </article>
        </section>
    </div>
</div>