Testeando smartgit

Aspnet/Views/Home/Index.cshtml

@@ -5,11 +5,20 @@
     Layout = "_Layout";
 }
 
-<div class="text-center">
-    <h1><u>@ViewData["Title"]</u></h1>
+<h1><u>@ViewData["Title"]</u></h1>
 
-    <h3>Crud</h3>
-    <ul>
-        <a href="/Home/Inquilino">Inquilino</a>
-    </ul>
+<div class="accordion">
+    <div class="accordion-item">
+        <h3>
+            <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
+            Abms
+            </button>
+        </h3>
+        <div id="collapseOne" class="accordion-collapse collapse show" data-bs-parent="#accordionExample">
+            <div class="accordion-body">
+                <a href="/Home/Inquilino">Inquilinos</a>
+            </div>
+        </div>
+
+    </div>
 </div>

Aspnet/Views/Home/Inquilino.cshtml

@@ -4,23 +4,41 @@
 @{
     Layout = "_Layout";
 }
+<div class="container">
+    <div class="row">
+        <div class="col">
+            <h3>Inquilinos</h3>
+            <table border="1">
+                <thead>
+                    <tr>
+                        <th>Dni</th>
+                        <th>Nombre</th>
+                        <th>Apellido</th>
+                        <th>Dirección</th>
+                    </tr>
+                </thead>
+                <tbody id="inquilino-data" hx-get="/api/inquilino" hx-trigger="load" hx-swap="innerHTML">
+                <!-- Los datos serán cargados aquí -->
+                </tbody>
+            </table>
+            <br>
 
-<h3>Inquilinos</h3>
- <table border="1">
-        <thead>
-            <tr>
-                <th>Dni</th>
-                <th>Nombre</th>
-                <th>Apellido</th>
-                <th>Dirección</th>
-            </tr>
-        </thead>
-        <tbody id="inquilino-data" hx-get="/api/inquilino" hx-trigger="load" hx-swap="innerHTML">
-            <!-- Los datos serán cargados aquí -->
-        </tbody>
-</table>
+            <div class="btn-group" role="group" aria-label="Basic outlined example">
+                <button type="button" class="btn btn-primary" data-bs-toggle="tooltip" data-bs-title="Añadir Inquilino"
+                    hx-get="/Home/InquilinoForm/0" hx-target="#addInquilino" hx-swap="innerHTML" >
+                Añadir
+                </button>
 
-<button hx-get="/Home/InquilinoForm/0" hx-target="#addInquilino" hx-swap="innerHTML">Añadir Inquilino</button>
+                <button type="button" class="btn btn-primary">Modificar</button>
+                <button type="button" class="btn btn-primary">Eliminar</button>
+            </div>
+            
+        </div>
 
-<div id="addInquilino"></div>
+        <div class="col">
+            <div id="addInquilino"></div>
+
+        </div>
+    </div>
+</div>
 

Aspnet/Views/Home/InquilinoForm.cshtml

@@ -1,4 +1,5 @@
-<form hx-post="/api/inquilino" hx-swap="outerHTML" hx-on="htmx:afterRequest: hx-get='/api/inquilino' hx-target='#inquilino-data' hx-swap='innerHTML'">
+<h3>Alta Inquilino</h3>
+<form hx-post="/api/inquilino" hx-swap="outerHTML" hx-target="#addInquilino" hx-on="htmx:afterRequest: hx-get='/api/inquilino' hx-target='#inquilino-data' hx-swap='innerHTML'">
     <label for="Dni">Dni:</label><br>
     <input type="number" id="Dni" name="Dni" min="1" step="1" required>
     <br>
@@ -31,6 +32,5 @@
     <input type="tel" id="Celular" name="Celular" required>
     <br>
 
-    <button 
-    type="submit">Agregar Inquilino</button>
+    <button type="submit">Agregar Inquilino</button>
 </form>