<section class="create-stories">
  <h2>Разкажи своята история</h2>

  <div class="background-stories"></div>
  <section class="stories-create">
    <form [formGroup]="storyForm" (ngSubmit)="onSubmit()">
      <section class="first">
        <div>
          <label for="destination">Destination:</label>
          <input id="destination" type="text" formControlName="destination">
        </div>
        <div>
          <label for="title">Title:</label>
          <input id="title" type="text" formControlName="title">
        </div>
        <div>
          <label for="author">Author:</label>
          <input id="author" type="text" formControlName="author">
        </div>
      </section>
      <section class="second">
        <div>
          <label for="image">Image:</label>
          <input id="image" type="file" (change)="onFileSelected($event)">
          <img *ngIf="storyForm.value.image" [src]="storyForm.value.image" alt="Selected Image">
        </div>
        <div>
          <label for="description">Description:</label>
          <textarea id="description" formControlName="description"></textarea>
        </div>
        <button type="submit" [disabled]="!storyForm.valid">Submit Story</button>
      </section>
    </form>
  </section>
</section>