@forelse($signatures ?? [] as $index => $signature)
    @php
        $sigContent = $signature->content ?? null;
        $sigIsStoredFile = $sigContent && \Illuminate\Support\Facades\Storage::disk('public')->exists($sigContent);
    @endphp
    <tr class="group hover:bg-slate-50/50 transition-colors">
        <td class="py-4 px-6 whitespace-nowrap text-sm text-slate-600">{{ ($startIndex ?? 0) + $index + 1 }}</td>
        <td class="py-4 px-6 whitespace-nowrap">
            <a href="#" class="text-sm font-medium text-primary hover:underline">{{ $signature->name ?? 'Signature Name' }}</a>
        </td>
        <td class="py-4 px-6 whitespace-nowrap">
            <div class="h-12 w-20 bg-white border border-slate-200 rounded p-1 flex items-center justify-center overflow-hidden">
                @if($sigIsStoredFile)
                    <img alt="Signature" class="max-h-full max-w-full object-contain" src="{{ \Illuminate\Support\Facades\Storage::url($sigContent) }}" onerror="this.style.display='none'; this.nextElementSibling.style.display='block';"/>
                    <span class="text-xs text-slate-400" style="display: none;">No Image</span>
                @elseif(($signature->type ?? '') === 'text' && $sigContent)
                    <span class="text-[10px] leading-tight text-slate-600 font-medium text-center line-clamp-3 break-words px-0.5" title="{{ e($sigContent) }}">{{ \Illuminate\Support\Str::limit($sigContent, 22) }}</span>
                @else
                    <span class="text-xs text-slate-400">No Preview</span>
                @endif
            </div>
        </td>
        <td class="py-4 px-6 whitespace-nowrap">
            <form method="POST" action="{{ route('admin.settings.signatures.update-status', $signature) }}" class="inline">
                @csrf
                @method('PATCH')
            <label class="relative inline-block w-10 mr-2 align-middle select-none transition duration-200 ease-in cursor-pointer">
                <input type="checkbox" name="is_active" value="1" {{ ($signature->is_active ?? true) ? 'checked' : '' }} onchange="this.form.submit()" class="toggle-checkbox absolute block w-5 h-5 rounded-full bg-white border-4 appearance-none cursor-pointer checked:right-0 checked:border-primary transition-all duration-300"/>
                <span class="toggle-label block overflow-hidden h-5 rounded-full bg-gray-300 cursor-pointer transition-colors duration-300 {{ ($signature->is_active ?? true) ? 'bg-primary' : '' }}"></span>
            </label>
            </form>
        </td>
        <td class="py-4 px-6 whitespace-nowrap text-center">
            @if($signature->is_default ?? false)
                <span class="material-symbols-outlined text-primary" style="font-size: 20px;" title="Default Signature">check_circle</span>
            @else
                <form method="POST" action="{{ route('admin.settings.signatures.update-status', $signature) }}" class="inline">
                    @csrf
                    @method('PATCH')
                    <input type="hidden" name="is_default" value="1">
                    <button type="submit" class="size-5 mx-auto rounded-full border-2 border-slate-300 cursor-pointer hover:border-primary transition-colors focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-1" title="Set as default"></button>
                </form>
            @endif
        </td>
        <td class="py-4 px-6 whitespace-nowrap text-right">
            <div class="flex justify-end gap-2 opacity-0 group-hover:opacity-100 transition-opacity">
                <button type="button" onclick="openEditSignatureModal({{ $signature->id }}, {{ json_encode($signature->name) }}, {{ json_encode($sigIsStoredFile ? \Illuminate\Support\Facades\Storage::url($sigContent) : '') }}, {{ $signature->is_active ? 'true' : 'false' }}, {{ $signature->is_default ? 'true' : 'false' }})" class="p-1.5 text-slate-400 hover:text-primary rounded-md hover:bg-primary/5 transition-colors" title="Edit signature">
                    <span class="material-symbols-outlined" style="font-size: 20px;">edit</span>
                </button>
                <button onclick="openDeleteSignatureModal({{ $signature->id }}, '{{ addslashes($signature->name) }}')" class="p-1.5 text-slate-400 hover:text-red-500 rounded-md hover:bg-red-50 transition-colors" title="Delete signature">
                    <span class="material-symbols-outlined" style="font-size: 20px;">delete</span>
                </button>
            </div>
        </td>
    </tr>
@empty
    <tr>
        <td colspan="6" class="py-12 px-6 text-center text-gray-500">
            <span class="material-symbols-outlined text-4xl mb-2 block">ink_pen</span>
            <p>No signatures found</p>
        </td>
    </tr>
@endforelse