Edit video

Title *

Slug *

Description

</div>

<div class="space-y-1.5">
      <Label>Cover image</Label>
      {#if imageId}
        <img src={getAssetUrl(imageId, "thumbnail")} alt="" class="h-24 rounded object-cover mb-2" />
      {/if}
      <FileDropZone
        accept="image/*"
        maxFileSize={10 * MEGABYTE}
        onUpload={handleImageUpload}
      />
    </div>

<div class="space-y-1.5">
      <Label>Video file</Label>
      {#if movieId}
        <p class="text-xs text-muted-foreground mb-1">Current file: {movieId}</p>
      {/if}
      <FileDropZone
        accept="video/*"
        maxFileSize={2000 * MEGABYTE}
        onUpload={handleVideoUpload}
      />
    </div>

<div class="space-y-1.5">
      <Label for="uploadDate">Publish date</Label>
      <Input id="uploadDate" type="datetime-local" bind:value={uploadDate} />
    </div>

<div class="flex gap-6">
      <label class="flex items-center gap-2 cursor-pointer">
        <input type="checkbox" bind:checked={premium} class="rounded" />
        <span class="text-sm">Premium</span>
      </label>
      <label class="flex items-center gap-2 cursor-pointer">
        <input type="checkbox" bind:checked={featured} class="rounded" />
        <span class="text-sm">Featured</span>
      </label>
    </div>

{#if data.models.length > 0}
      <div class="space-y-2">
        <Label>Models</Label>
        <div class="flex flex-wrap gap-2">
          {#each data.models as model (model.id)}
            <button
              type="button"
              class={`px-3 py-1.5 rounded-full text-sm border transition-colors ${
                selectedModelIds.includes(model.id)
                  ? "border-primary bg-primary/10 text-primary"
                  : "border-border/40 text-muted-foreground hover:border-primary/40"
              }`}
              onclick={() => toggleModel(model.id)}
            >
              {model.artist_name || model.id}
            </button>
          {/each}
        </div>
      </div>
    {/if}

<div class="flex gap-3 pt-2">
      <Button onclick={handleSubmit} disabled={saving}>
        {saving ? "Saving…" : "Save changes"}
      </Button>
      <Button variant="outline" href="/admin/videos">Cancel</Button>
    </div>
  </div>
</div>