@props(['todo', 'readonly' => false])

<!-- Simple Notes Editor Component -->
<div class="notes-editor-simple">
    <label class="block text-sm font-medium text-gray-300 mb-2">Notlar</label>
    <textarea name="notes" 
              class="w-full px-3 py-2 bg-gray-700 border border-gray-600 rounded-lg text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent resize-none"
              rows="4"
              placeholder="Görevle ilgili notlarınızı girin"
              {{ $readonly ? 'readonly' : '' }}>{{ $todo->notes ?? '' }}</textarea>
    
    @if($todo && $todo->notes)
        <div class="mt-2 flex items-center gap-2 text-xs text-gray-500">
            <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
            </svg>
            <span>Son güncelleme: {{ $todo->updated_at->format('d.m.Y H:i') }}</span>
        </div>
    @endif
</div>