@props(['video', 'status'])

<div>
    @if($video)
        <h2 class="text-xl font-semibold mt-6 mb-4 text-gray-800 dark:text-gray-200">
            Video
        </h2>

        <div class="mt-6 relative" wire:key="video-{{ $video->id }}">
            <video controls class="w-full rounded-lg">
                <source src="{{ Storage::url($video->media_path) }}" type="video/mp4">
                Your browser does not support the video element.
            </video>
            <div class="absolute top-2 right-2">
                <x-button
                    icon="trash"
                    wire:key="video-{{ $video->id }}"
                    class="rounded-full p-1 shadow-md bg-red-600 text-white hover:bg-red-700 focus:bg-red-800"
                    wire:click="confirmDelete({{ $video->id }})"
                />
            </div>
        </div>
    @endif
</div>