angular-hotel-manager/src/app/HotelItem/HotelItem.component.html

37 lines
1,019 B
HTML

<p class="text-2xl font-bold text-gray-800 mb-2">Name: {{ hotel.hotelName }}</p>
<p class="text-base text-gray-600 mb-4">Description: {{ hotel.description }}</p>
<p class="text-lg font-medium text-green-600 mb-4">
Price:
{{
hotel.price
| currency
: getCurrencyCode(selectedLanguage)
: "symbol"
: "2.2-2"
: selectedLanguage
}}
</p>
<select
[ngModel]="selectedLanguage"
(ngModelChange)="languageChange($event)"
class="input-field block w-full p-2 border border-gray-300 rounded-md mb-4 focus:border-blue-500 focus:ring focus:ring-blue-200"
>
<option
*ngFor="let lang of langs"
[value]="lang.code"
[selected]="lang.lang == 'de'"
>
{{ lang.lang }}
</option>
</select>
<img
src="{{ hotel.imageUrl }}"
alt="Hotel"
class="w-full rounded-full h-auto animate-shake shadow-lg mb-4"
/>
<a
*ngIf="!isDetail"
routerLink="/hotels/{{ hotel.id }}"
class="submit-button text-blue-600 hover:text-blue-800 hover:underline mb-4 block"
>Details</a
>