{{--
    Per-record note field (desktop only — keeps the mobile marking flow uncluttered).

    @param \App\Domain\Attendance\Models\AttendanceRecord $record
--}}
<div class="hidden md:flex items-center gap-2 mt-2">
    <input
        type="text"
        wire:model.blur="recordNotes.{{ $record->id }}"
        wire:change="saveRecordNote({{ $record->id }})"
        class="w-full rounded-lg border-gray-300 text-xs placeholder-gray-400 focus:border-indigo-500 focus:ring-indigo-500"
        placeholder="{{ __('ملاحظة على اللاعب...') }}"
        aria-label="{{ __('ملاحظة') }}"
    >
    @if(session("record_note_saved_{$record->id}"))
        <span class="shrink-0 text-xs text-green-600">{{ __('تم') }}</span>
    @endif
</div>
