@php
    $currentType = $currentType ?? 'file';
    $currentFileLabel = $currentFileLabel ?? null;
    $currentYoutubeUrl = $currentYoutubeUrl ?? null;
    // Defaults to unprefixed names ('video', 'video_source', 'youtube_input') so
    // every existing include of this partial keeps submitting the same field
    // names it always has. Pass fieldPrefix only when a form needs a second,
    // independent video-source group alongside the first (e.g. course reel).
    $fieldPrefix = $fieldPrefix ?? '';
@endphp
<div class="field full">
    <label>{{ trans('admin.Video source') }}</label>
    <div class="role-switch" style="margin:0 0 10px;max-width:280px;">
        <button type="button" id="{{ $prefix }}TabFile" class="{{ $currentType === 'file' ? 'active' : '' }}" onclick="setVideoSourceMode('{{ $prefix }}','file')">{{ trans('admin.Upload file') }}</button>
        <button type="button" id="{{ $prefix }}TabYoutube" class="{{ $currentType === 'youtube' ? 'active' : '' }}" onclick="setVideoSourceMode('{{ $prefix }}','youtube')">{{ trans('admin.YouTube') }}</button>
    </div>
    <input type="hidden" id="{{ $prefix }}VideoSource" name="{{ $fieldPrefix }}video_source" value="{{ $currentType }}">

    <div id="{{ $prefix }}FileSection" style="{{ $currentType === 'youtube' ? 'display:none;' : '' }}">
        <div class="upload-box" onclick="document.getElementById('{{ $prefix }}VideoFile').click()">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path d="M12 16V4M7 9l5-5 5 5"/><path d="M4 16v3a2 2 0 002 2h12a2 2 0 002-2v-3"/></svg>
            <b id="{{ $prefix }}VideoFileName" data-default="{{ trans('admin.Click to upload or drag and drop') }}">{{ $currentFileLabel ?: trans('admin.Click to upload or drag and drop') }}</b>
            <span>MP4, MOV, AVI, WMV</span>
        </div>
        <input type="file" name="{{ $fieldPrefix }}video" id="{{ $prefix }}VideoFile" accept="video/*" style="display:none;">
    </div>

    <div id="{{ $prefix }}YoutubeSection" style="{{ $currentType === 'youtube' ? '' : 'display:none;' }}">
        <input type="text" name="{{ $fieldPrefix }}youtube_input" id="{{ $prefix }}YoutubeInput" value="{{ $currentYoutubeUrl }}" placeholder="{{ trans('admin.Paste a YouTube link or embed code') }}">
        <span class="hint" style="display:block;margin-top:6px;">{{ trans('admin.Youtube input hint') }}</span>
    </div>
</div>