From dbcd9f4872bbef266bc382751c9a5d4b9a9832a7 Mon Sep 17 00:00:00 2001
From: KoCoder <me@kocoder.xyz>
Date: Wed, 18 Mar 2026 10:49:04 +0100
Subject: [PATCH] Update: Rental Form Styles

---
 .../Components/Pages/Rent.razor               | 43 ++++++++++++-------
 1 file changed, 28 insertions(+), 15 deletions(-)

diff --git a/Einheit_4/2025_5BHITN_Konstantin_Hintermayer_smarterrent/Components/Pages/Rent.razor b/Einheit_4/2025_5BHITN_Konstantin_Hintermayer_smarterrent/Components/Pages/Rent.razor
index 8100b7d..78b0204 100644
--- a/Einheit_4/2025_5BHITN_Konstantin_Hintermayer_smarterrent/Components/Pages/Rent.razor
+++ b/Einheit_4/2025_5BHITN_Konstantin_Hintermayer_smarterrent/Components/Pages/Rent.razor
@@ -11,25 +11,38 @@
 <h1>Rent</h1>
 
 <form @onsubmit="RentCar">
-    <InputSelect @bind-Value="_vehicleId">
-        @foreach (Vehicle v in _vehicles)
-        {
-            <option value=@v.Id>@v.Id - @v.Brand - @v.Model</option>
-        }
-    </InputSelect>
 
-    <InputSelect @bind-Value="_customerId">
-        @foreach (Customer c in _customers)
-        {
-            <option value=@c.Id>@c.Name</option>
-        }
-    </InputSelect>
+    <div class="form-group mb-3">
+        <label for="vehicle">Vehicle: </label>
+        <InputSelect @bind-Value="_vehicleId" id="vehicle" class="form-control" placeholder="Fahrzeug">
+            @foreach (Vehicle v in _vehicles)
+            {
+                <option value=@v.Id>@v.Id - @v.Brand - @v.Model</option>
+            }
+        </InputSelect>
+    </div>
 
-    <InputDate @bind-Value="_from"/>
+    <div class="form-group mb-3">
+        <label for="customer">Kunde: </label>
+        <InputSelect @bind-Value="_customerId" id="customer" class="form-control" placeholder="Kunde">
+            @foreach (Customer c in _customers)
+            {
+                <option value=@c.Id>@c.Name</option>
+            }
+        </InputSelect>
+    </div>
 
-    <InputDate @bind-Value="_thru"/>
+    <div class="form-group mb-3">
+        <label for="from">Von: </label>
+        <InputDate @bind-Value="_from" class="form-control" id="from" />
+    </div>
 
-    <button type="submit">Submit</button>
+    <div class="form-group mb-3">
+        <label for="thru">Bis: </label>
+        <InputDate @bind-Value="_thru" class="form-control" id="thru" />
+    </div>
+
+    <button type="submit" class="btn btn-primary">Mieten!</button>
 </form>
 
 @code {