@php

    $videoPath = $fileName ?  $fileName : null;

@endphp

@if (!empty($videoPath))
    <a href="javascript:void(0);"
        class="view-video-btn tw-absolute tw-text-white tw-p-2 tw-rounded-full z-50 tw-shadow-md hover:tw-brightness-110"
        data-video-url="{{ $videoPath }}" title="{{ __('Watch Help Video') }}"
        style="
    background-color: {{ session('business.theme_color') ?? '#3498db' }};
    {{ app()->getLocale() == 'ar' ? 'left' : 'right' }}: 0.5rem;
    top: 0.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
">
        <svg xmlns="http://www.w3.org/2000/svg" class="tw-w-5 tw-h-5" fill="none" viewBox="0 0 24 24"
            stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                d="M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14V10z" />
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                d="M4 6h8a2 2 0 012 2v8a2 2 0 01-2 2H4a2 2 0 01-2-2V8a2 2 0 012-2z" />
        </svg>
    </a>
@endif