diff --git a/angular/RestClient/src/app/hotel-list/hotel-list.component.ts b/angular/RestClient/src/app/hotel-list/hotel-list.component.ts
index dd2af5eed773cfa1f153bca95a11f8dc54b2e534..866f745cd83804781f0deceb6caaa77a44b79619 100644
--- a/angular/RestClient/src/app/hotel-list/hotel-list.component.ts
+++ b/angular/RestClient/src/app/hotel-list/hotel-list.component.ts
@@ -47,7 +47,6 @@ export class HotelListComponent {
   getHotels() {
     this.client.getAllHotels().subscribe({
       next: (resp) => {
-        console.warn({ resp });
         if (!!resp || (resp as never[]).length != 0) this.hotels = [...resp];
       },
       error(err) {
@@ -59,8 +58,6 @@ export class HotelListComponent {
 
   deleteHotel(id: number) {
     if (!confirm(`Borrar hotel con id ${id}. Continuar?`)) return;
-    // this.hotels = this.hotels.filter((h) => h.id !== id);
-    // return;
 
     this.client.deleteHotel(id).subscribe({
       next: (resp) => {
@@ -85,16 +82,6 @@ export class HotelListComponent {
     roomId: number,
     availability: boolean
   ) {
-    // const target = hotels
-    //   .find((hotel) => hotel.id === hotelId)!
-    //   .rooms.find((room) => room.id === roomId);
-    // if (!target) {
-    //   alert('Error');
-    //   return;
-    // }
-    // const availability = !target.available;
-    // target.available = availability;
-    // alert(`Change availability from room ${roomId} to ${availability}`);
     this.client.alterRoomAvailability(hotelId, roomId, availability).subscribe({
       next: (resp) => {
         if (resp.status < 400) {
diff --git a/angular/RestClient/src/app/hotel-register/hotel-register.component.html b/angular/RestClient/src/app/hotel-register/hotel-register.component.html
index 3857e676cf81c0ae2694e8ee636a319086fa6112..57abb5148e14642a64d31c1780d04b26082f6d4f 100644
--- a/angular/RestClient/src/app/hotel-register/hotel-register.component.html
+++ b/angular/RestClient/src/app/hotel-register/hotel-register.component.html
@@ -6,7 +6,7 @@
       >
       <mat-card-content>
         <div class="form-group">
-          <label for="name" class="fs-2">Nombre del Hotel</label>
+          <label for="name" class="display-2">Nombre del Hotel</label>
           <input
             id="name"
             class="form-control fs-3"
@@ -56,6 +56,7 @@
               class="btn btn-primary rounded-circle"
               (click)="addRoom()"
               [hidden]="editMode"
+              [disabled]="editMode"
             >
               <strong class="fs-2">+</strong>
             </button>
@@ -81,6 +82,7 @@
                 (click)="removeRoom(i)"
                 [disabled]="rooms.length <= 1"
                 [hidden]="editMode"
+                [disabled]="editMode"
               >
                 Eliminar
               </button>
@@ -123,7 +125,8 @@
           type="submit"
           class="btn btn-success"
           (click)="onSubmit()"
-          [disabled]="!hotelForm.valid"
+          [disabled]="editMode || !hotelForm.valid"
+          [hidden]="editMode"
         >
           <h4>Guardar Hotel</h4>
         </button>
diff --git a/angular/RestClient/src/app/hotel-register/hotel-register.component.ts b/angular/RestClient/src/app/hotel-register/hotel-register.component.ts
index d2f09d1e060979e3a5fd837fa3a83c176dbe0006..da35653ae7e13a0cf13b39996231fa63950694f1 100644
--- a/angular/RestClient/src/app/hotel-register/hotel-register.component.ts
+++ b/angular/RestClient/src/app/hotel-register/hotel-register.component.ts
@@ -1,6 +1,5 @@
 import { Component } from '@angular/core';
 import {
-  AbstractControl,
   FormArray,
   FormBuilder,
   FormGroup,
@@ -18,17 +17,16 @@ import { ClienteApiRestService } from '../shared/cliente-api-rest.service';
 import { Address, Hotel, Room } from '../../types';
 import { ActivatedRoute, Router } from '@angular/router';
 
+const emptyRoom: Room = {
+  id: 0,
+  roomNumber: '',
+  type: 'SINGLE',
+  available: false,
+};
 const emptyHotel: Hotel = {
   id: 0,
   name: '',
-  rooms: [
-    {
-      id: 0,
-      available: false,
-      roomNumber: '',
-      type: 'SINGLE',
-    },
-  ],
+  rooms: [emptyRoom],
   address: {
     id: 0,
     number: 0,
@@ -73,11 +71,10 @@ export class HotelRegisterComponent {
           this.client.getHotel(id).subscribe({
             next: (h) => this.setHotelForm(h),
             error: (error) => {
-              router.navigate(['/hotels/new']);
+              this.router.navigate(['/hotels/new']);
             },
           });
         }
-        console.warn({ id });
       },
     });
   }
@@ -89,16 +86,15 @@ export class HotelRegisterComponent {
   // Agregar una nueva habitación
   addRoom(): void {
     const roomForm = this.fb.group({
-      roomNumber: ['', Validators.required],
-      type: ['SINGLE', Validators.required],
-      available: [true],
+      roomNumber: [emptyRoom.roomNumber, Validators.required],
+      type: [emptyRoom.type, Validators.required],
+      available: [emptyRoom.available],
     });
     this.rooms.push(roomForm);
   }
 
   // Eliminar habitación
   removeRoom(index: number): void {
-    alert('remove action');
     this.rooms.removeAt(index);
   }
 
@@ -106,11 +102,11 @@ export class HotelRegisterComponent {
   onSubmit(): void {
     if (this.hotelForm.valid) {
       const hotel = this.hotelForm.value as Hotel;
-      console.log(hotel);
       this.client.addHotel(hotel).subscribe({
         next: (resp) => {
           if (resp.status < 400) {
             alert('Hotel guardado correctamente');
+            this.router.navigate(['/hotels']);
           } else {
           }
         },
@@ -146,7 +142,7 @@ export class HotelRegisterComponent {
             this.fb.group({
               roomNumber: [room.roomNumber, Validators.required],
               type: [room.type, Validators.required],
-              available: [true],
+              available: [room.available],
             }),
           Validators.required
         )