@if ( auth()->user()->can('superadmin') || auth()->user()->can('admin') || auth()->user()->can('product-edit') )
    <label class="inline-flex items-center cursor-pointer">
        <input {{$isActive}} data-id="{{$product->id}}" type="checkbox" class="sr-only peer product-status-toggle">
        <div class="relative w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600 dark:peer-checked:bg-blue-600"></div>
    </label>
@else
    <span class="px-2 py-1 text-xs font-medium text-center text-white bg-gray-400 rounded-md">{{ $product->is_active ? __('messages.Active') : __('messages.Inactive') }}</span>
@endif