<ul class="d-flex gap-30 justify-content-end align-items-center">
    @can('admin.episode.edit')
    <li><a href="javascript:void(0)"
            onclick="ajaxModal('modal-xl', '{{route('admin.episode.edit', ['id' => $episode->id])}}', '{{__('episode_Update')}}')"
            title="{{ __('edit') }}"><i class="las la-edit" title="{{__('edit')}}"></i></a></li>
    @endcan
    @can('admin.episode.delete')
    <li><a onclick="delete_row('{{ route('admin.episode.delete', $episode->id) }}','{{$episode->id}}', 'true')"
            href="javascript:void(0)" title="{{ __('delete') }}"><i class="las la-trash-alt"></i></a></li>
    @endcan
    <div class="dropdown">
        <a class="dropdown-toggle" href="javascript:void(0)" role="button" data-bs-toggle="dropdown" aria-expanded="false">
            <i class="las la-ellipsis-v"></i>
        </a>
        <ul class="dropdown-menu">
            <li>
                @if(!empty($episode->slug))
                    <a class="dropdown-item text-muted" href="{{ route('watch.episode', ['slug' => $episode->slug]) }}" target="_blank" rel="noopener noreferrer" title="{{ __('watch_now') }}">
                        <i class="las la-desktop ps-2"></i> {{ __('watch_now') }}
                    </a>
                @endif
            </li>
            <li><a href="{{ route('admin.subtitles.index', ['type' => 'episode', 'videoId' => $episode->id]) }}" class="dropdown-item text-muted">
                    <i class="las la-closed-captioning ps-2"></i>
                    {{ __('manage_subtitles') }}
                </a></li>
            @can('admin.download.links')
            <li>
                <a class="dropdown-item text-muted"
                    href="{{route('admin.download.links', ['type' => 'episode', 'videoId' => $episode->id])}}"
                    title="{{ __('episode_download') }}"> <i class="las la-cloud-upload-alt ps-2"></i>
                    {{__('episode_download')}}</a>
            </li>
            @endcan
        </ul>
    </div>
</ul>