{% comment %}
"Choose from video" card, shared by the YouTube thumbnail and TikTok cover
pickers. Opens the frame-picker modal in the given mode.

Context:
  mode - "upload" (YouTube: capture + upload a thumbnail) or
         "timestamp" (TikTok: store a cover frame timestamp).
Alpine `accId` and `hasVideoAttached` come from the enclosing x-for scope at
the include site.
{% endcomment %}
<button type="button"
        class="w-[140px] min-h-[104px] flex-shrink-0 rounded-lg border border-stone-200 bg-white flex flex-col items-center justify-center gap-2 p-3 hover:border-orange-400 transition-all disabled:opacity-40 disabled:cursor-not-allowed cursor-pointer"
        :disabled="!hasVideoAttached"
        :title="hasVideoAttached ? 'Pick a frame from your video' : 'Attach a video first'"
        @click="openFramePicker(accId, '{{ mode }}')">
    <svg class="w-7 h-7 text-red-500" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 10.5l4.72-4.72a.75.75 0 011.28.53v11.38a.75.75 0 01-1.28.53l-4.72-4.72M4.5 18.75h9a2.25 2.25 0 002.25-2.25v-9a2.25 2.25 0 00-2.25-2.25h-9A2.25 2.25 0 002.25 7.5v9a2.25 2.25 0 002.25 2.25z"/></svg>
    <span class="text-xs font-semibold text-stone-700 text-center leading-tight">Choose from video</span>
</button>