sls/resources/views/components/interview/candidate/notepad-modal.blade.php
kushal.saha 9f25fdd648 refactor: UI Layouts and components
Interview module is refactored to use layouts and re-usable components
along with domain components. Style remains identitical to previous
design.
2026-08-17 07:03:55 +00:00

18 lines
1.1 KiB
PHP

@props([
'notes' => '',
])
<div id="notepad-modal" class="fixed top-[70px] right-[360px] w-[420px] h-[350px] bg-slate-900 border-2 border-indigo-500 rounded-2xl shadow-2xl hidden flex-col z-50 overflow-hidden">
<div class="bg-slate-800 px-4 py-2.5 flex justify-between items-center border-b border-white/10">
<div class="font-bold text-xs text-white flex items-center gap-1.5">
<span>📝</span>
<span>Candidate Notepad (Synced)</span>
</div>
<button type="button" onclick="toggleNotepadModal()" class="bg-transparent border-none text-slate-400 hover:text-white text-lg cursor-pointer leading-none">&times;</button>
</div>
<textarea id="notepad-textarea" oninput="saveNotepadContent()" placeholder="Type rough notes, pseudo-code, or thoughts here..." class="flex-1 w-full p-3.5 bg-slate-950 text-slate-200 border-none outline-none font-mono text-xs resize-none placeholder-slate-600">{{ $notes }}</textarea>
<div class="px-3 py-1.5 bg-slate-900 text-[10.5px] text-emerald-400 text-right border-t border-white/5 font-medium">
Auto-saved to interviewer portal
</div>
</div>