@if (isOpen) {
  <div class="modal-bg">
    <div class="modal-card">
      <h2 class="modal-heading">Guthaben aufladen</h2>
      <form [formGroup]="form">
        @if (errorMsg) {
          {{ errorMsg }}
        }
        <div class="mb-2">
          <label for="amount">Betrag</label>
          <input
            type="number"
            id="amount"
            formControlName="amount"
            class="w-full px-2 py-1 bg-deep-blue-light text-white rounded my-1"
          />
        </div>
      </form>
      <div class="my-1">
        <button (click)="closeModal()" class="button-secondary">Abbrechen</button>
        <button (click)="submit()" class="button-primary w-full py-2">Einzahlen</button>
      </div>
    </div>
  </div>
}