Add functionality to order insufficient supplies for plan templates.

Views/Vehicle/_PlanOrderSupplies.cshtml

@@ -0,0 +1,43 @@
+@using CarCareTracker.Helper
+@inject IConfigHelper config
+@inject ITranslationHelper translator
+@model List<SupplyAvailability>
+@{
+    var userConfig = config.GetUserConfig(User);
+    var userLanguage = userConfig.UserLanguage;
+}
+<div class="modal-header">
+    <h5 class="modal-title">@translator.Translate(userLanguage, "Order Supplies")</h5>
+    <button type="button" class="btn-close" onclick="hideOrderSupplyModal()" aria-label="Close"></button>
+</div>
+<div class="modal-body">
+    @if (!Model.Any() || Model.Any(x => x.Missing))
+    {
+        <p class="lead">@translator.Translate(userLanguage, "Missing Supplies, Please Delete This Template and Recreate It.")</p>
+    } else
+    {
+        <div class="row">
+            <div class="col-12" style="max-height:50vh; overflow-y:auto;">
+                <table class="table table-hover">
+                    <thead class="sticky-top">
+                        <tr class="d-flex">
+                            <th scope="col" class="col-6 text-truncate">@translator.Translate(userLanguage, "Description")</th>
+                            <th scope="col" class="col-3 text-truncate">@translator.Translate(userLanguage, "Required")</th>
+                            <th scope="col" class="col-3 text-truncate">@translator.Translate(userLanguage, "In Stock")</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        @foreach (SupplyAvailability supplyAvailability in Model)
+                        {
+                            <tr class="d-flex @(supplyAvailability.Insufficient ? "table-danger" : "")">
+                                <td class="col-6 text-truncate">@StaticHelper.TruncateStrings(supplyAvailability.Description)</td>
+                                <td class="col-3 text-truncate">@supplyAvailability.Required.ToString("N2")</td>
+                                <td class="col-3 text-truncate">@supplyAvailability.InStock.ToString("N2")</td>
+                            </tr>
+                        }
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    }
+</div>

Views/Vehicle/_PlanRecordTemplateModal.cshtml

@@ -39,7 +39,7 @@
                                     }
                                     @if (planRecordTemplate.Supplies.Any())
                                     {
-                                        <i class="bi bi-shop ms-2"></i>
+                                        <i class="bi bi-shop ms-2" style="cursor:pointer;"onclick="orderPlanSupplies(@planRecordTemplate.Id)"></i>
                                     }
                                     @if (planRecordTemplate.ImportMode == ImportMode.ServiceRecord)
                                     {

Views/Vehicle/_PlanRecords.cshtml

@@ -109,4 +109,11 @@
         <div class="modal-content" id="planRecordTemplateModalContent">
         </div>
     </div>
+</div>
+
+<div class="modal fade" data-bs-focus="false" id="planRecordTemplateSupplyOrderModal" tabindex="-1" role="dialog" aria-hidden="true">
+    <div class="modal-dialog modal-lg" role="document">
+        <div class="modal-content" id="planRecordTemplateSupplyOrderModalContent">
+        </div>
+    </div>
 </div>