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 | 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 | <grt-header-element
[showReqCall]="false"
[showTrips]="true"
[indexPage]="false"
[showCustReview]="true"
[showContactUs]="true"
[headerSticky]="false"
>
</grt-header-element>
<div class="container-fluid" style="background-color: #eafffb; height: 100vh">
<div class="d-flex justify-content-center align-items-center">
<div class="is-smaller">
<div class="row">
<div class="col-12 mt-5">
<div class="card mt-5">
<div class="card-body">
<div class="d-flex justify-content-end">
<img (click)="goBack()" class="pointer" src="/assets/images/cross-black.svg"
width="20px"
height="20px" alt="close" />
</div>
<h1>Anything else that you’d like to share with us about your trip?</h1>
<p class="text-center">
If so, enter it below. If not, just skip this. We can always talk later if you'd like. (:
</p>
<div class="d-flex justify-content-center align-items-center">
<div class="w-75">
<textarea
[(ngModel)]="comment"
class="mb-4"
name="story"
rows="5"
cols="20"
placeholder="Tell us about your special wishes"
></textarea>
</div>
</div>
<h1>Did you already buy your flight tickets?</h1>
<div class="d-flex justify-content-center align-items-center flex-column">
<label class="label" (click)="toggleTickets('yes_tickets')">
Yes, I already have them
<input class="mt-2" type="radio" name="tickets" value="1" [ngModel]="purchased" />
<span class="checkmark"></span>
</label>
<label class="label" (click)="toggleTickets('default')"
>No, I don't have them yet
<input class="mt-2" type="radio" name="tickets" value="0" [ngModel]="purchased" />
<span class="checkmark"></span>
</label>
</div>
<div class="d-flex justify-content-center align-items-center mt-5">
<a
[routerLink]="['/trips/register/step-2/', slug]"
class="btn btn-grey text-dark me-2 d-flex align-items-center justify-content-center"
>Back</a
>
<button (click)="continue()" class="btn btn-green d-flex align-items-center justify-content-center">
Continue
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
|