<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
>
