Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 | 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x | <div class="flex4">
<h6 class="left">How many rooms do you need in each city?</h6>
<div class="quantity">
<button (click)="roomsDec()" class="btn btn-minus" type="button" name="button">
<img loading="lazy" src="/assets/images/minus.png" width="12px" height="2px" alt="minusIcon" />
</button>
{{ rooms && rooms.length }}
<button (click)="roomsInc()" class="btn btn-plus" type="button" name="button">
<img loading="lazy" src="/assets/images/plus.png" width="12px" height="12px" alt="plusIcon" />
</button>
</div>
</div>
<grt-line-element></grt-line-element>
@for (room of rooms; track room; let i = $index) {
<div>
<h6 class="left">Room {{ i + 1 }}</h6>
<div class="cols">
<div class="cols-col">
<p class="left">Adults</p>
<div class="quantity">
<button (click)="adultDecApi(i)" class="btn btn-minus" type="button" name="button">
<img loading="lazy" src="/assets/images/minus.png" width="12px" height="2px" alt="minusIcon" />
</button>
{{ room.adults }}
<button (click)="adultIncApi(i)" class="btn btn-plus" type="button" name="button">
<img loading="lazy" src="/assets/images/plus.png" width="12px" height="12px" alt="plusIcon" />
</button>
</div>
<p class="left">Children</p>
<div class="quantity">
<button (click)="kidsDecApi(i)" class="btn btn-minus" type="button" name="button">
<img loading="lazy" src="/assets/images/minus.png" width="12px" height="2px" alt="minusIcon" />
</button>
{{ room.children }}
<button (click)="kidsIncApi(i)" class="btn btn-plus" type="button" name="button">
<img loading="lazy" src="/assets/images/plus.png" width="12px" height="12px" alt="plusIcon" />
</button>
</div>
</div>
<div class="cols-col cols-col-age">
@for (age of room.children_ages; track age; let k = $index) {
<div>
<p class="left">Age of child</p>
<div class="quantity">
<button (click)="ageDecApi(i, k)" class="btn btn-minus" type="button" name="button">
<img loading="lazy" src="/assets/images/minus.png" width="12px" height="2px" alt="minusIcon" />
</button>
{{ age }}
<button (click)="ageIncApi(i, k)" class="btn btn-plus" type="button" name="button">
<img loading="lazy" src="/assets/images/plus.png" width="12px" height="12px" alt="plusIcon" />
</button>
</div>
</div>
}
</div>
</div>
</div>
}
<grt-line-element></grt-line-element>
<h6 class="left">Preferred hotel star rating?</h6>
<div class="box-stars">
<span (click)="setRating(1)" class="box-stars-star pointer">
@if (rating < 1) {
<img loading="lazy" src="/assets/images/star-empty.png" width="30px" height="30px" alt="star-empty" />
}
@if (rating >= 1) {
<img loading="lazy" src="/assets/images/star-full.png" width="30px" height="30px" alt="star-full" />
}
</span>
<span (click)="setRating(2)" class="box-stars-star pointer">
@if (rating < 2) {
<img loading="lazy" src="/assets/images/star-empty.png" width="30px" height="30px" alt="star-empty" />
}
@if (rating >= 2) {
<img loading="lazy" src="/assets/images/star-full.png" width="30px" height="30px" alt="star-full" />
}
</span>
<span (click)="setRating(3)" class="box-stars-star pointer">
@if (rating < 3) {
<img loading="lazy" src="/assets/images/star-empty.png" width="30px" height="30px" alt="star-empty" />
}
@if (rating >= 3) {
<img loading="lazy" src="/assets/images/star-full.png" width="30px" height="30px" alt="star-full" />
}
</span>
<span (click)="setRating(4)" class="box-stars-star pointer">
@if (rating < 4) {
<img loading="lazy" src="/assets/images/star-empty.png" width="30px" height="30px" alt="star-empty" />
}
@if (rating >= 4) {
<img loading="lazy" src="/assets/images/star-full.png" width="30px" height="30px" alt="star-full" />
}
</span>
<span (click)="setRating(5)" class="box-stars-star pointer">
@if (rating < 5) {
<img loading="lazy" src="/assets/images/star-empty.png" width="30px" height="30px" alt="star-empty" />
}
@if (rating >= 5) {
<img loading="lazy" src="/assets/images/star-full.png" width="30px" height="30px" alt="star-full" />
}
</span>
</div>
|