blazing pizza interaction

MyFirstBlazor/BlazingPizza/Pages/Index.razor

@@ -33,8 +33,41 @@
 		OnConfirm="OrderState.ConfirmConfigurePizzaDialog"/>
 }
 
+<div class="sidebar">
+	@if (_order.Pizzas.Any())
+	{
+		<div class="order-contents">
+			<h2>Your order</h2>
+			@foreach (var configuredPizza in _order.Pizzas)
+			{
+				<div class="cart-item">
+					<div class="title">@(configuredPizza.Size)" @configuredPizza.Special.Name</div>
+					<div class="item-price">
+						@configuredPizza.GetFormattedTotalPrice()
+					</div>
+
+					<a @onclick="@(() => OrderState.RemoveConfiguredPizza(configuredPizza))" class="delete-item">¡¿</a>
+				</div>
+			}
+		</div>
+	}
+	else
+	{
+		<div class="empty-cart">Choose a pizza<br />to get started</div>
+	}
+
+	<div class="order-total @(_order.Pizzas.Any() ? "" : "hidden")">
+		Total:
+		<span class="total-price">@_order.GetFormattedTotalPrice()</span>
+		<a href="checkout" class="@(OrderState.Order.Pizzas.Count == 0 ? "btn btn-warning disabled" : "btn btn-warning")">
+			Order >
+		</a>
+	</div>
+</div>
+
 @code {
 	private List<PizzaSpecial> _specials = new List<PizzaSpecial>();
+	private Order _order => OrderState.Order;
 
 	protected override async Task OnInitializedAsync()
 	{

MyFirstBlazor/BlazingPizza/Services/OrderState.cs

@@ -32,5 +32,10 @@
 
 			ShowingConfigureDialog = false;
 		}
+
+		public void RemoveConfiguredPizza(Pizza pizza)
+		{
+			Order.Pizzas.Remove(pizza);
+		}
     }
 }

MyFirstBlazor/BlazingPizza/Shared/ConfigurePizzaDialog.razor

@@ -9,7 +9,7 @@
         <form class="dialog-body">
             <div>
                 <label>Size:</label>
-                <input type="range" min="@Pizza.MinimumSize" max="@Pizza.MaximumSize" step="1" />
+                <input type="range" @bind="Pizza.Size" min="@Pizza.MinimumSize" max="@Pizza.MaximumSize" step="1" />
                 <span class="size-label">
                     @(Pizza.Size) (£@(Pizza.GetFormattedTotalPrice()))
                 </span>