From 482a5dc515dce70ad4ba79e23536e61434712b30 Mon Sep 17 00:00:00 2001
From: Eric Fleming <eric-fleming18@hotmail.com>
Date: Sat, 5 Jan 2019 15:21:11 -0500
Subject: [PATCH] Move the "Total" div out of the for loop so it only appears
 once in the cart

---
 src/WebRazorPages/Pages/Basket/Index.cshtml | 48 +++++++++++----------
 1 file changed, 26 insertions(+), 22 deletions(-)

diff --git a/src/WebRazorPages/Pages/Basket/Index.cshtml b/src/WebRazorPages/Pages/Basket/Index.cshtml
index 0dc9670..d181075 100644
--- a/src/WebRazorPages/Pages/Basket/Index.cshtml
+++ b/src/WebRazorPages/Pages/Basket/Index.cshtml
@@ -23,7 +23,7 @@
                 <section class="esh-basket-title col-xs-2">Cost</section>
             </article>
             <div class="esh-catalog-items row">
-                @for (int i=0; i< Model.BasketModel.Items.Count; i++)
+                @for (int i = 0; i < Model.BasketModel.Items.Count; i++)
                 {
                     var item = Model.BasketModel.Items[i];
                     <article class="esh-basket-items row">
@@ -44,31 +44,35 @@
                         </div>
                     </article>
                     @*<div class="esh-catalog-item col-md-4">
-                            @item.ProductId
-                        </div>*@
+                @item.ProductId
+            </div>*@
 
-                    <div class="container">
-                        <article class="esh-basket-titles esh-basket-titles--clean row">
-                            <section class="esh-basket-title col-xs-10"></section>
-                            <section class="esh-basket-title col-xs-2">Total</section>
-                        </article>
-
-                        <article class="esh-basket-items row">
-                            <section class="esh-basket-item col-xs-10"></section>
-                            <section class="esh-basket-item esh-basket-item--mark col-xs-2">$ @Model.BasketModel.Total()</section>
-                        </article>
-
-                        <article class="esh-basket-items row">
-                            <section class="esh-basket-item col-xs-7"></section>
-                            <section class="esh-basket-item col-xs-2">
-                                @*<button class="btn esh-basket-checkout" name="name" value="" type="submit">[ Update ]</button>*@
-                            </section>
-                        </article>
-                    </div>
                 }
+
+                <div class="container">
+                    <article class="esh-basket-titles esh-basket-titles--clean row">
+                        <section class="esh-basket-title col-xs-10"></section>
+                        <section class="esh-basket-title col-xs-2">Total</section>
+                    </article>
+
+                    <article class="esh-basket-items row">
+                        <section class="esh-basket-item col-xs-10"></section>
+                        <section class="esh-basket-item esh-basket-item--mark col-xs-2">$ @Model.BasketModel.Total()</section>
+                    </article>
+
+                    <article class="esh-basket-items row">
+                        <section class="esh-basket-item col-xs-7"></section>
+                        <section class="esh-basket-item col-xs-2">
+                            @*<button class="btn esh-basket-checkout" name="name" value="" type="submit">[ Update ]</button>*@
+                        </section>
+                    </article>
+                </div>
+
                 <section class="esh-basket-item col-xs-push-8 col-xs-4">
                     <button class="btn esh-basket-checkout" name="updatebutton" value="" type="submit"
-                            asp-page-handler="Update">[ Update ]</button>
+                            asp-page-handler="Update">
+                        [ Update ]
+                    </button>
                     <input type="submit" asp-page="Checkout"
                            class="btn esh-basket-checkout"
                            value="[ Checkout ]" name="action" />