kushal.saha
9f25fdd648
Interview module is refactored to use layouts and re-usable components along with domain components. Style remains identitical to previous design.
49 lines
3.2 KiB
PHP
49 lines
3.2 KiB
PHP
@props([
|
|
'interview',
|
|
])
|
|
|
|
<header class="h-[60px] bg-slate-900 border-b border-white/10 flex items-center justify-between px-5 z-20 shrink-0">
|
|
<div class="flex items-center gap-3">
|
|
<div class="font-outfit font-bold text-base text-white">
|
|
Candidate Assessment Room
|
|
</div>
|
|
<code class="bg-white/10 px-2.5 py-1 rounded-md text-sky-400 text-xs font-mono">
|
|
ID: {{ $interview->submission_unique_id }}
|
|
</code>
|
|
</div>
|
|
|
|
<div class="flex items-center gap-3">
|
|
<button type="button" onclick="toggleNotepadModal()" class="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-semibold bg-indigo-500/20 border border-indigo-500/40 text-indigo-300 hover:bg-indigo-500/30 transition-all cursor-pointer">
|
|
📝 Open Notepad
|
|
</button>
|
|
|
|
<button type="button" onclick="toggleDrawingModal()" class="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-semibold bg-cyan-500/20 border border-cyan-500/40 text-cyan-300 hover:bg-cyan-500/30 transition-all cursor-pointer">
|
|
🎨 Open Drawing
|
|
</button>
|
|
|
|
<div class="flex items-center gap-2">
|
|
<label class="text-xs text-slate-400 font-medium">Language:</label>
|
|
<select id="language-select" class="px-2.5 py-1.5 rounded-lg text-xs font-semibold bg-slate-800 border border-white/10 text-white outline-none focus:border-indigo-500 transition-all cursor-pointer">
|
|
<option value="python" {{ strtolower($interview->language) === 'python' ? 'selected' : '' }}>Python 3</option>
|
|
<option value="cpp" {{ strtolower($interview->language) === 'cpp' ? 'selected' : '' }}>C++ (GCC)</option>
|
|
<option value="c" {{ strtolower($interview->language) === 'c' ? 'selected' : '' }}>C (GCC)</option>
|
|
<option value="java" {{ strtolower($interview->language) === 'java' ? 'selected' : '' }}>Java 15</option>
|
|
<option value="php" {{ strtolower($interview->language) === 'php' ? 'selected' : '' }}>PHP 8.2 / Laravel</option>
|
|
<option value="javascript" {{ strtolower($interview->language) === 'javascript' ? 'selected' : '' }}>JavaScript (Node.js)</option>
|
|
</select>
|
|
</div>
|
|
|
|
<button type="button" onclick="runCode()" class="inline-flex items-center gap-1.5 px-3.5 py-1.5 rounded-lg text-xs font-bold bg-indigo-600 border border-indigo-500 text-white hover:bg-indigo-500 shadow-md shadow-indigo-600/30 transition-all cursor-pointer">
|
|
▶ Run Code
|
|
</button>
|
|
|
|
<button type="button" onclick="submitSolution()" class="inline-flex items-center gap-1.5 px-3.5 py-1.5 rounded-lg text-xs font-bold bg-emerald-600 border border-emerald-500 text-white hover:bg-emerald-500 shadow-md shadow-emerald-600/30 transition-all cursor-pointer">
|
|
✓ Submit Final Solution
|
|
</button>
|
|
|
|
<button type="button" onclick="candidateLogoutAction()" class="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-bold bg-red-500/20 border border-red-500/40 text-red-300 hover:bg-red-500/30 transition-all cursor-pointer">
|
|
🚪 Logout
|
|
</button>
|
|
</div>
|
|
</header>
|