<div class="margin-content">
  <div class="title-page">
    <span class="me-1" i18n>Update</span>
    <a [routerLink]="getVideoUrl()">{{ videoDetails?.name }}</a>
  </div>

  <form novalidate [formGroup]="form">

    <my-video-edit
      [form]="form" [formErrors]="formErrors" [forbidScheduledPublication]="forbidScheduledPublication"
      [validationMessages]="validationMessages" [userVideoChannels]="userVideoChannels"
      [videoCaptions]="videoCaptions" [hideWaitTranscoding]="isWaitTranscodingHidden()"
      type="update" (pluginFieldsAdded)="hydratePluginFieldsFromVideo()"
      [liveVideo]="liveVideo" [videoToUpdate]="videoDetails"
      [videoSource]="videoSource"

      (formBuilt)="onFormBuilt()"
    ></my-video-edit>

    <div class="submit-container">
      <my-button className="orange-button" i18n-label label="Update" icon="circle-tick"
                 (click)="update()" (keydown.enter)="update()"
                 [disabled]="!form.valid || isUpdatingVideo === true"
      ></my-button>
    </div>
  </form>
</div>
