testing mode going on
This commit is contained in:
parent
167090816e
commit
5b61495e35
@ -309,6 +309,23 @@ public function sendWarning(Request $request, $id)
|
|||||||
return response()->json(['success' => true, 'warning' => $warning]);
|
return response()->json(['success' => true, 'warning' => $warning]);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Send Real-Time Chat Message from Candidate to Interviewer/HR.
|
||||||
|
*/
|
||||||
|
public function candidateSendMessage(Request $request, $id)
|
||||||
|
{
|
||||||
|
$interview = Interview::findOrFail($id);
|
||||||
|
$request->validate(['message' => 'required|string|max:500']);
|
||||||
|
|
||||||
|
$warning = InterviewWarning::create([
|
||||||
|
'interview_id' => $interview->id,
|
||||||
|
'message' => $request->message,
|
||||||
|
'sent_by' => null, // null sent_by indicates candidate sender
|
||||||
|
]);
|
||||||
|
|
||||||
|
return response()->json(['success' => true, 'warning' => $warning]);
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Live Sync Candidate Code (before submission).
|
* Live Sync Candidate Code (before submission).
|
||||||
*/
|
*/
|
||||||
@ -385,6 +402,7 @@ public function getPollData($id)
|
|||||||
|
|
||||||
return response()->json([
|
return response()->json([
|
||||||
'status' => $interview->status,
|
'status' => $interview->status,
|
||||||
|
'call_status' => $interview->call_status ?? 'idle',
|
||||||
'submitted_code' => $interview->submitted_code,
|
'submitted_code' => $interview->submitted_code,
|
||||||
'submitted_language' => $interview->submitted_language,
|
'submitted_language' => $interview->submitted_language,
|
||||||
'code_output' => $interview->code_output,
|
'code_output' => $interview->code_output,
|
||||||
@ -398,6 +416,17 @@ public function getPollData($id)
|
|||||||
]);
|
]);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Update Interview Call Session Status (active, idle, ended).
|
||||||
|
*/
|
||||||
|
public function updateCallStatus(Request $request, $id)
|
||||||
|
{
|
||||||
|
$interview = Interview::findOrFail($id);
|
||||||
|
$status = $request->input('call_status', 'idle');
|
||||||
|
$interview->update(['call_status' => $status]);
|
||||||
|
return response()->json(['success' => true, 'call_status' => $status]);
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Save Candidate Silent Video Recording Blob / Snapshot Stream.
|
* Save Candidate Silent Video Recording Blob / Snapshot Stream.
|
||||||
*/
|
*/
|
||||||
@ -416,4 +445,75 @@ public function uploadRecording(Request $request, $id)
|
|||||||
|
|
||||||
return response()->json(['success' => false, 'message' => 'No video payload received']);
|
return response()->json(['success' => false, 'message' => 'No video payload received']);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Generate Comprehensive Executive Candidate Evaluation & Behavioral Report (PDF View).
|
||||||
|
*/
|
||||||
|
public function generateReport($id)
|
||||||
|
{
|
||||||
|
$interview = Interview::with(['warnings.sender'])->findOrFail($id);
|
||||||
|
|
||||||
|
$logs = $interview->proctor_logs ?? [];
|
||||||
|
$tabSwitches = 0;
|
||||||
|
$focusLosses = 0;
|
||||||
|
$gazeAnomalies = 0;
|
||||||
|
$pasteEvents = 0;
|
||||||
|
|
||||||
|
foreach ($logs as $l) {
|
||||||
|
$type = $l['type'] ?? '';
|
||||||
|
if ($type === 'tab_switch') $tabSwitches++;
|
||||||
|
if ($type === 'focus_lost') $focusLosses++;
|
||||||
|
if ($type === 'gaze_anomaly') $gazeAnomalies++;
|
||||||
|
if ($type === 'paste_event') $pasteEvents++;
|
||||||
|
}
|
||||||
|
|
||||||
|
$totalViolations = count($logs);
|
||||||
|
|
||||||
|
// Calculate Integrity Score %
|
||||||
|
if ($totalViolations === 0) {
|
||||||
|
$integrityScore = 100;
|
||||||
|
$integrityLabel = 'Exceptional Integrity';
|
||||||
|
$integrityColor = '#10b981';
|
||||||
|
} elseif ($totalViolations <= 2) {
|
||||||
|
$integrityScore = 85;
|
||||||
|
$integrityLabel = 'Low Behavioral Risk';
|
||||||
|
$integrityColor = '#06b6d4';
|
||||||
|
} elseif ($totalViolations <= 5) {
|
||||||
|
$integrityScore = 60;
|
||||||
|
$integrityLabel = 'Moderate Integrity Concern';
|
||||||
|
$integrityColor = '#f59e0b';
|
||||||
|
} else {
|
||||||
|
$integrityScore = 25;
|
||||||
|
$integrityLabel = 'High Malpractice Risk';
|
||||||
|
$integrityColor = '#ef4444';
|
||||||
|
}
|
||||||
|
|
||||||
|
// Calculate Technical Code Score
|
||||||
|
$codeScore = 0;
|
||||||
|
if (!empty($interview->submitted_code)) {
|
||||||
|
$codeScore += 50;
|
||||||
|
if (!empty($interview->code_output) && !str_contains(strtolower($interview->code_output), 'error')) {
|
||||||
|
$codeScore += 40;
|
||||||
|
} else {
|
||||||
|
$codeScore += 20;
|
||||||
|
}
|
||||||
|
if (!empty($interview->candidate_notes) || !empty($interview->candidate_drawing)) {
|
||||||
|
$codeScore += 10;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
$codeScore = min(100, $codeScore);
|
||||||
|
|
||||||
|
return view('interview.report', compact(
|
||||||
|
'interview',
|
||||||
|
'logs',
|
||||||
|
'tabSwitches',
|
||||||
|
'focusLosses',
|
||||||
|
'gazeAnomalies',
|
||||||
|
'pasteEvents',
|
||||||
|
'integrityScore',
|
||||||
|
'integrityLabel',
|
||||||
|
'integrityColor',
|
||||||
|
'codeScore'
|
||||||
|
));
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -29,6 +29,7 @@ class Interview extends Model
|
|||||||
'candidate_drawing',
|
'candidate_drawing',
|
||||||
'blocked_ip',
|
'blocked_ip',
|
||||||
'created_by',
|
'created_by',
|
||||||
|
'call_status',
|
||||||
];
|
];
|
||||||
|
|
||||||
protected $casts = [
|
protected $casts = [
|
||||||
|
|||||||
@ -0,0 +1,28 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
use Illuminate\Database\Migrations\Migration;
|
||||||
|
use Illuminate\Database\Schema\Blueprint;
|
||||||
|
use Illuminate\Support\Facades\Schema;
|
||||||
|
|
||||||
|
return new class extends Migration
|
||||||
|
{
|
||||||
|
/**
|
||||||
|
* Run the migrations.
|
||||||
|
*/
|
||||||
|
public function up(): void
|
||||||
|
{
|
||||||
|
Schema::table('interviews', function (Blueprint $table) {
|
||||||
|
$table->string('call_status')->default('idle')->after('status');
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Reverse the migrations.
|
||||||
|
*/
|
||||||
|
public function down(): void
|
||||||
|
{
|
||||||
|
Schema::table('interviews', function (Blueprint $table) {
|
||||||
|
$table->dropColumn('call_status');
|
||||||
|
});
|
||||||
|
}
|
||||||
|
};
|
||||||
@ -388,12 +388,6 @@
|
|||||||
</div>
|
</div>
|
||||||
Sign in with Microsoft
|
Sign in with Microsoft
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<div class="divider">OR</div>
|
|
||||||
|
|
||||||
<a href="{{ route('interview.candidate.login') }}" class="btn btn-primary" style="text-decoration: none; background: linear-gradient(135deg, #6366f1 0%, #0078d4 100%);">
|
|
||||||
⚡ Candidate Assessment Login
|
|
||||||
</a>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -874,7 +874,7 @@
|
|||||||
</button>
|
</button>
|
||||||
|
|
||||||
@if($user->hasActiveInterviewZone())
|
@if($user->hasActiveInterviewZone())
|
||||||
<a href="{{ route('interview.index') }}" class="nav-action-btn" style="background: rgba(16, 185, 129, 0.15); color: #34d399; border-color: rgba(16, 185, 129, 0.35); text-decoration: none;" title="Active Interview Zone">
|
<a href="{{ route('interview.index') }}" target="_blank" class="nav-action-btn" style="background: rgba(16, 185, 129, 0.15); color: #34d399; border-color: rgba(16, 185, 129, 0.35); text-decoration: none;" title="Active Interview Zone">
|
||||||
⚡ Interview Zone <span style="font-size: 0.65rem; background: #10b981; color: white; padding: 2px 6px; border-radius: 999px; margin-left: 4px; font-weight: 700;">LIVE</span>
|
⚡ Interview Zone <span style="font-size: 0.65rem; background: #10b981; color: white; padding: 2px 6px; border-radius: 999px; margin-left: 4px; font-weight: 700;">LIVE</span>
|
||||||
</a>
|
</a>
|
||||||
@endif
|
@endif
|
||||||
|
|||||||
@ -10,9 +10,10 @@
|
|||||||
<link href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&family=Instrument+Sans:wght@400;500;600;700&family=Outfit:wght@500;600;700&display=swap" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&family=Instrument+Sans:wght@400;500;600;700&family=Outfit:wght@500;600;700&display=swap" rel="stylesheet">
|
||||||
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
|
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
|
||||||
|
|
||||||
<!-- Monaco Code Editor Loader & PeerJS Realtime WebRTC Call -->
|
<!-- Monaco Code Editor Loader & PeerJS Realtime WebRTC Call & SweetAlert2 -->
|
||||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.45.0/min/vs/loader.min.js"></script>
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.45.0/min/vs/loader.min.js"></script>
|
||||||
<script src="https://unpkg.com/peerjs@1.5.2/dist/peerjs.min.js"></script>
|
<script src="https://unpkg.com/peerjs@1.5.2/dist/peerjs.min.js"></script>
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
:root {
|
:root {
|
||||||
@ -127,6 +128,8 @@
|
|||||||
.webcam-box {
|
.webcam-box {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 180px;
|
height: 180px;
|
||||||
|
min-height: 180px;
|
||||||
|
flex-shrink: 0;
|
||||||
background: #000;
|
background: #000;
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 2px solid var(--card-border);
|
border: 2px solid var(--card-border);
|
||||||
@ -229,6 +232,10 @@
|
|||||||
<button onclick="submitSolution()" class="btn-ide btn-ide-primary">
|
<button onclick="submitSolution()" class="btn-ide btn-ide-primary">
|
||||||
✓ Submit Final Solution
|
✓ Submit Final Solution
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
|
<button onclick="candidateLogoutAction()" class="btn-ide" style="background: rgba(239,68,68,0.2); border-color: #ef4444; color: #fca5a5; font-weight: 700;">
|
||||||
|
🚪 Logout
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
@ -342,12 +349,31 @@
|
|||||||
<button id="toggle-cam-btn" onclick="toggleCam()" class="btn-ide" style="flex: 1; padding: 8px; font-size: 0.75rem; background: rgba(16,185,129,0.2); border-color: #10b981;">
|
<button id="toggle-cam-btn" onclick="toggleCam()" class="btn-ide" style="flex: 1; padding: 8px; font-size: 0.75rem; background: rgba(16,185,129,0.2); border-color: #10b981;">
|
||||||
📷 Cam On
|
📷 Cam On
|
||||||
</button>
|
</button>
|
||||||
|
<button id="leave-call-btn" onclick="candidateLeaveCall()" class="btn-ide" style="padding: 8px; font-size: 0.75rem; background: rgba(239,68,68,0.2); border-color: #ef4444; color: #fca5a5;" title="Leave 2-Way Call">
|
||||||
|
🚪 Leave Call
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<button id="share-screen-btn" onclick="startScreenShare()" class="btn-ide btn-ide-run" style="width: 100%; padding: 10px; font-size: 0.8rem; background: linear-gradient(135deg, #6366f1 0%, #0078d4 100%);">
|
<button id="share-screen-btn" onclick="startScreenShare()" class="btn-ide btn-ide-run" style="width: 100%; padding: 10px; font-size: 0.8rem; background: linear-gradient(135deg, #6366f1 0%, #0078d4 100%);">
|
||||||
🖥️ Share Screen with Interviewer
|
🖥️ Share Screen with Interviewer
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<!-- 2-Way Real-Time Chat Container with Interviewer/Panelist -->
|
||||||
|
<div style="background: rgba(15,23,42,0.8); border: 1px solid var(--card-border); border-radius: 14px; padding: 12px; margin-top: 10px;">
|
||||||
|
<div style="font-size: 0.8rem; font-weight: 700; color: white; margin-bottom: 8px; display: flex; align-items: center; gap: 6px;">
|
||||||
|
💬 Live Chat with Interviewer
|
||||||
|
</div>
|
||||||
|
<div id="candidate-chat-history" style="background: #050811; border: 1px solid var(--card-border); border-radius: 10px; padding: 8px; height: 130px; overflow-y: auto; font-size: 0.72rem; margin-bottom: 8px;">
|
||||||
|
<div style="color: #94a3b8; font-style: italic; text-align: center; padding-top: 40px;">No messages yet. Send a message below.</div>
|
||||||
|
</div>
|
||||||
|
<div style="display: flex; gap: 6px;">
|
||||||
|
<input type="text" id="candidate-chat-input" placeholder="Type message to panelist..." onkeydown="if(event.key==='Enter') sendCandidateMessage()" class="form-input" style="font-size: 0.75rem; background: #0b0f19; border: 1px solid var(--card-border); padding: 6px 10px; flex: 1;">
|
||||||
|
<button onclick="sendCandidateMessage()" class="btn-ide" style="padding: 6px 10px; font-size: 0.75rem; background: #6366f1; border: none; font-weight: 600;">
|
||||||
|
Send
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -494,57 +520,205 @@ function logViolation(type, details) {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
// 4. WebRTC Real-Time 2-Way Interview Call Setup
|
// 4. WebRTC Real-Time 2-Way Interview Call Setup (Dual Signaling: BroadcastChannel + PeerJS)
|
||||||
let localMediaStream = null;
|
let localMediaStream = null;
|
||||||
let peerInstance = null;
|
let peerInstance = null;
|
||||||
|
let candidatePeerConnection = null;
|
||||||
let screenShareStream = null;
|
let screenShareStream = null;
|
||||||
let isMicEnabled = true;
|
let isMicEnabled = true;
|
||||||
let isCamEnabled = true;
|
let isCamEnabled = true;
|
||||||
|
let activeCallInstance = null;
|
||||||
|
|
||||||
navigator.mediaDevices.getUserMedia({ video: true, audio: true })
|
const callSigChannel = new BroadcastChannel('webrtc_call_' + interviewId);
|
||||||
.then(stream => {
|
|
||||||
localMediaStream = stream;
|
callSigChannel.onmessage = async (event) => {
|
||||||
document.getElementById('webcam').srcObject = stream;
|
const msg = event.data;
|
||||||
initPeerCall();
|
if (!msg) return;
|
||||||
})
|
|
||||||
.catch(err => {
|
if (msg.type === 'interviewer_joined' || msg.type === 'offer') {
|
||||||
navigator.mediaDevices.getUserMedia({ video: true, audio: false })
|
if (msg.offer && msg.sender !== 'candidate') {
|
||||||
.then(stream => {
|
await handleInterviewerOffer(msg.offer);
|
||||||
localMediaStream = stream;
|
} else if (localMediaStream) {
|
||||||
document.getElementById('webcam').srcObject = stream;
|
sendOfferToInterviewer();
|
||||||
initPeerCall();
|
}
|
||||||
});
|
} else if (msg.type === 'answer' && msg.sender !== 'candidate' && candidatePeerConnection) {
|
||||||
|
await candidatePeerConnection.setRemoteDescription(new RTCSessionDescription(msg.answer));
|
||||||
|
} else if (msg.type === 'ice-candidate' && msg.sender !== 'candidate' && candidatePeerConnection && msg.candidate) {
|
||||||
|
try {
|
||||||
|
await candidatePeerConnection.addIceCandidate(new RTCIceCandidate(msg.candidate));
|
||||||
|
} catch(e) {}
|
||||||
|
} else if (msg.type === 'end_call_all') {
|
||||||
|
candidateLeaveCall();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
async function createCandidatePeerConnection() {
|
||||||
|
if (candidatePeerConnection) return candidatePeerConnection;
|
||||||
|
|
||||||
|
candidatePeerConnection = new RTCPeerConnection({
|
||||||
|
iceServers: [
|
||||||
|
{ urls: 'stun:stun.l.google.com:19302' },
|
||||||
|
{ urls: 'stun:stun1.l.google.com:19302' },
|
||||||
|
{ urls: 'stun:stun2.l.google.com:19302' }
|
||||||
|
]
|
||||||
});
|
});
|
||||||
|
|
||||||
function initPeerCall() {
|
if (localMediaStream) {
|
||||||
|
localMediaStream.getTracks().forEach(track => {
|
||||||
|
candidatePeerConnection.addTrack(track, localMediaStream);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
candidatePeerConnection.ontrack = (event) => {
|
||||||
|
const remoteVideo = document.getElementById('interviewer-video');
|
||||||
|
const placeholder = document.getElementById('interviewer-video-placeholder');
|
||||||
|
if (remoteVideo && event.streams[0]) {
|
||||||
|
remoteVideo.srcObject = event.streams[0];
|
||||||
|
remoteVideo.play().catch(e => console.log(e));
|
||||||
|
}
|
||||||
|
if (placeholder) placeholder.style.display = 'none';
|
||||||
|
|
||||||
|
document.getElementById('call-status-badge').innerText = 'CONNECTED';
|
||||||
|
document.getElementById('call-status-badge').style.background = 'rgba(16,185,129,0.3)';
|
||||||
|
document.getElementById('call-status-badge').style.color = '#34d399';
|
||||||
|
};
|
||||||
|
|
||||||
|
candidatePeerConnection.onicecandidate = (event) => {
|
||||||
|
if (event.candidate) {
|
||||||
|
callSigChannel.postMessage({ type: 'ice-candidate', candidate: event.candidate, sender: 'candidate' });
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
return candidatePeerConnection;
|
||||||
|
}
|
||||||
|
|
||||||
|
async function sendOfferToInterviewer() {
|
||||||
|
const pc = await createCandidatePeerConnection();
|
||||||
|
const offer = await pc.createOffer();
|
||||||
|
await pc.setLocalDescription(offer);
|
||||||
|
callSigChannel.postMessage({ type: 'offer', offer: offer, sender: 'candidate' });
|
||||||
|
}
|
||||||
|
|
||||||
|
async function handleInterviewerOffer(offer) {
|
||||||
|
const pc = await createCandidatePeerConnection();
|
||||||
|
await pc.setRemoteDescription(new RTCSessionDescription(offer));
|
||||||
|
const answer = await pc.createAnswer();
|
||||||
|
await pc.setLocalDescription(answer);
|
||||||
|
callSigChannel.postMessage({ type: 'answer', answer: answer, sender: 'candidate' });
|
||||||
|
}
|
||||||
|
|
||||||
|
function initCandidatePeer() {
|
||||||
if (typeof Peer === 'undefined') return;
|
if (typeof Peer === 'undefined') return;
|
||||||
|
|
||||||
const peerId = 'cand_' + interviewId;
|
const peerId = 'cand_' + interviewId;
|
||||||
peerInstance = new Peer(peerId);
|
if (peerInstance) {
|
||||||
|
try { peerInstance.destroy(); } catch(e) {}
|
||||||
|
}
|
||||||
|
|
||||||
|
peerInstance = new Peer(peerId, {
|
||||||
|
config: {
|
||||||
|
iceServers: [
|
||||||
|
{ urls: 'stun:stun.l.google.com:19302' },
|
||||||
|
{ urls: 'stun:stun1.l.google.com:19302' },
|
||||||
|
{ urls: 'stun:stun2.l.google.com:19302' }
|
||||||
|
]
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
peerInstance.on('open', id => {
|
peerInstance.on('open', id => {
|
||||||
console.log('Candidate WebRTC Peer Registered:', id);
|
console.log('Candidate WebRTC Peer Registered:', id);
|
||||||
});
|
});
|
||||||
|
|
||||||
// Answer incoming call from Interviewer
|
|
||||||
peerInstance.on('call', call => {
|
peerInstance.on('call', call => {
|
||||||
call.answer(localMediaStream);
|
activeCallInstance = call;
|
||||||
|
const sendStream = localMediaStream || new MediaStream();
|
||||||
|
call.answer(sendStream);
|
||||||
|
|
||||||
call.on('stream', remoteStream => {
|
call.on('stream', remoteStream => {
|
||||||
const remoteVideo = document.getElementById('interviewer-video');
|
const remoteVideo = document.getElementById('interviewer-video');
|
||||||
const placeholder = document.getElementById('interviewer-video-placeholder');
|
const placeholder = document.getElementById('interviewer-video-placeholder');
|
||||||
if (remoteVideo) remoteVideo.srcObject = remoteStream;
|
if (remoteVideo) {
|
||||||
|
remoteVideo.srcObject = remoteStream;
|
||||||
|
remoteVideo.play().catch(e => console.log(e));
|
||||||
|
}
|
||||||
if (placeholder) placeholder.style.display = 'none';
|
if (placeholder) placeholder.style.display = 'none';
|
||||||
|
|
||||||
document.getElementById('call-status-badge').innerText = 'CONNECTED';
|
document.getElementById('call-status-badge').innerText = 'CONNECTED';
|
||||||
document.getElementById('call-status-badge').style.background = 'rgba(16,185,129,0.3)';
|
document.getElementById('call-status-badge').style.background = 'rgba(16,185,129,0.3)';
|
||||||
|
document.getElementById('call-status-badge').style.color = '#34d399';
|
||||||
});
|
});
|
||||||
|
|
||||||
call.on('close', () => {
|
call.on('close', () => {
|
||||||
|
candidateLeaveCall();
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
initCandidatePeer();
|
||||||
|
|
||||||
|
navigator.mediaDevices.getUserMedia({ video: true, audio: true })
|
||||||
|
.then(stream => {
|
||||||
|
localMediaStream = stream;
|
||||||
|
const vid = document.getElementById('webcam');
|
||||||
|
if (vid) {
|
||||||
|
vid.muted = true;
|
||||||
|
vid.srcObject = stream;
|
||||||
|
vid.play().catch(e => console.log(e));
|
||||||
|
}
|
||||||
|
callSigChannel.postMessage({ type: 'candidate_ready' });
|
||||||
|
})
|
||||||
|
.catch(err => {
|
||||||
|
navigator.mediaDevices.getUserMedia({ video: true, audio: false })
|
||||||
|
.then(stream => {
|
||||||
|
localMediaStream = stream;
|
||||||
|
const vid = document.getElementById('webcam');
|
||||||
|
if (vid) {
|
||||||
|
vid.muted = true;
|
||||||
|
vid.srcObject = stream;
|
||||||
|
vid.play().catch(e => console.log(e));
|
||||||
|
}
|
||||||
|
callSigChannel.postMessage({ type: 'candidate_ready' });
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
function candidateLogoutAction() {
|
||||||
|
if (typeof Swal !== 'undefined') {
|
||||||
|
Swal.fire({
|
||||||
|
title: 'Logout of Assessment?',
|
||||||
|
text: 'Are you sure you want to exit the Candidate Assessment Room?',
|
||||||
|
icon: 'warning',
|
||||||
|
showCancelButton: true,
|
||||||
|
confirmButtonColor: '#ef4444',
|
||||||
|
cancelButtonColor: '#475569',
|
||||||
|
confirmButtonText: 'Yes, Logout'
|
||||||
|
}).then((result) => {
|
||||||
|
if (result.isConfirmed) {
|
||||||
|
window.location.href = "{{ route('interview.candidate.login') }}";
|
||||||
|
}
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
if (confirm('Logout of Assessment?')) {
|
||||||
|
window.location.href = "{{ route('interview.candidate.login') }}";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function candidateLeaveCall() {
|
||||||
|
if (activeCallInstance) {
|
||||||
|
try { activeCallInstance.close(); } catch(e) {}
|
||||||
|
activeCallInstance = null;
|
||||||
|
}
|
||||||
|
const remoteVideo = document.getElementById('interviewer-video');
|
||||||
|
if (remoteVideo) remoteVideo.srcObject = null;
|
||||||
const placeholder = document.getElementById('interviewer-video-placeholder');
|
const placeholder = document.getElementById('interviewer-video-placeholder');
|
||||||
if (placeholder) placeholder.style.display = 'flex';
|
if (placeholder) placeholder.style.display = 'flex';
|
||||||
document.getElementById('call-status-badge').innerText = 'READY';
|
|
||||||
});
|
const badge = document.getElementById('call-status-badge');
|
||||||
});
|
if (badge) {
|
||||||
|
badge.innerText = 'DISCONNECTED (LEAVE)';
|
||||||
|
badge.style.background = 'rgba(239,68,68,0.2)';
|
||||||
|
badge.style.color = '#fca5a5';
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function toggleMic() {
|
function toggleMic() {
|
||||||
@ -627,20 +801,69 @@ function analyzeCameraFrame() {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 5. Silent Warning Polling
|
// 5. 2-Way Real-Time Chat Message Polling (No popup alerts!)
|
||||||
setInterval(() => {
|
function pollCandidateChat() {
|
||||||
fetch(`{{ route('interview.poll', $interview->id) }}`)
|
fetch(`{{ route('interview.poll', $interview->id) }}`)
|
||||||
.then(r => r.json())
|
.then(r => r.json())
|
||||||
.then(data => {
|
.then(data => {
|
||||||
|
const chatHistory = document.getElementById('candidate-chat-history');
|
||||||
|
if (!chatHistory) return;
|
||||||
|
|
||||||
|
if (data.call_status === 'ended') {
|
||||||
|
candidateLeaveCall();
|
||||||
|
const badge = document.getElementById('call-status-badge');
|
||||||
|
if (badge) {
|
||||||
|
badge.innerText = 'CALL ENDED BY HOST';
|
||||||
|
badge.style.background = 'rgba(239,68,68,0.2)';
|
||||||
|
badge.style.color = '#fca5a5';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
if (data.warnings && data.warnings.length > 0) {
|
if (data.warnings && data.warnings.length > 0) {
|
||||||
const lastWarn = data.warnings[data.warnings.length - 1];
|
let html = '';
|
||||||
document.getElementById('warning-text').innerText = lastWarn.message;
|
data.warnings.forEach(w => {
|
||||||
const banner = document.getElementById('warning-banner');
|
const isInterviewer = w.sent_by !== null;
|
||||||
banner.style.display = 'block';
|
const senderName = isInterviewer ? (w.sender ? w.sender.name : 'Interviewer / Panelist') : 'You (Candidate)';
|
||||||
setTimeout(() => { banner.style.display = 'none'; }, 6000);
|
const badgeColor = isInterviewer ? '#6366f1' : '#38bdf8';
|
||||||
|
const bgColor = isInterviewer ? 'rgba(99,102,241,0.1)' : 'rgba(56,189,248,0.1)';
|
||||||
|
|
||||||
|
html += `<div style="margin-bottom:8px; background:${bgColor}; padding:8px 10px; border-radius:8px; border-left:3px solid ${badgeColor};">
|
||||||
|
<div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:4px;">
|
||||||
|
<strong style="color:${badgeColor}; font-size:0.75rem;">${senderName}</strong>
|
||||||
|
<span style="font-size:0.65rem; color:#94a3b8;">${new Date(w.created_at || Date.now()).toLocaleTimeString()}</span>
|
||||||
|
</div>
|
||||||
|
<div style="color: #ffffff !important; font-size:0.85rem; font-weight:500; line-height:1.4;">${w.message}</div>
|
||||||
|
</div>`;
|
||||||
|
});
|
||||||
|
chatHistory.innerHTML = html;
|
||||||
|
chatHistory.scrollTop = chatHistory.scrollHeight;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}, 5000);
|
}
|
||||||
|
setInterval(pollCandidateChat, 3000);
|
||||||
|
pollCandidateChat();
|
||||||
|
|
||||||
|
function sendCandidateMessage() {
|
||||||
|
const input = document.getElementById('candidate-chat-input');
|
||||||
|
const msg = input.value.trim();
|
||||||
|
if (!msg) return;
|
||||||
|
|
||||||
|
input.value = '';
|
||||||
|
fetch(`{{ route('interview.candidate.send-message', $interview->id) }}`, {
|
||||||
|
method: 'POST',
|
||||||
|
headers: {
|
||||||
|
'Content-Type': 'application/json',
|
||||||
|
'X-CSRF-TOKEN': '{{ csrf_token() }}'
|
||||||
|
},
|
||||||
|
body: JSON.stringify({ message: msg })
|
||||||
|
})
|
||||||
|
.then(r => r.json())
|
||||||
|
.then(res => {
|
||||||
|
if (res.success) {
|
||||||
|
pollCandidateChat();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
// --- NOTEPAD & CANVAS DRAWING HANDLERS ---
|
// --- NOTEPAD & CANVAS DRAWING HANDLERS ---
|
||||||
let notesTimeout = null;
|
let notesTimeout = null;
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
406
resources/views/interview/report.blade.php
Normal file
406
resources/views/interview/report.blade.php
Normal file
@ -0,0 +1,406 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Executive Evaluation Report - {{ $interview->candidate_name }} | SingleLogin</title>
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&family=Outfit:wght@500;600;700;800&family=Fira+Code:wght@400;500&display=swap" rel="stylesheet">
|
||||||
|
|
||||||
|
<style>
|
||||||
|
:root {
|
||||||
|
--primary: #0f172a;
|
||||||
|
--accent: #6366f1;
|
||||||
|
--text-dark: #0f172a;
|
||||||
|
--text-muted: #64748b;
|
||||||
|
--card-bg: #f8fafc;
|
||||||
|
--border: #e2e8f0;
|
||||||
|
}
|
||||||
|
|
||||||
|
* {
|
||||||
|
box-sizing: border-box;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: 'Instrument Sans', sans-serif;
|
||||||
|
background-color: #f1f5f9;
|
||||||
|
color: var(--text-dark);
|
||||||
|
line-height: 1.5;
|
||||||
|
padding: 40px 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.report-container {
|
||||||
|
max-width: 900px;
|
||||||
|
margin: 0 auto;
|
||||||
|
background: white;
|
||||||
|
border-radius: 16px;
|
||||||
|
box-shadow: 0 20px 40px rgba(0,0,0,0.08);
|
||||||
|
border: 1px solid var(--border);
|
||||||
|
padding: 40px;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-bar {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: flex-start;
|
||||||
|
border-bottom: 2px solid var(--accent);
|
||||||
|
padding-bottom: 20px;
|
||||||
|
margin-bottom: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.brand-title {
|
||||||
|
font-family: 'Outfit', sans-serif;
|
||||||
|
font-size: 1.6rem;
|
||||||
|
font-weight: 800;
|
||||||
|
color: var(--primary);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.report-badge {
|
||||||
|
background: rgba(99,102,241,0.1);
|
||||||
|
color: var(--accent);
|
||||||
|
font-size: 0.75rem;
|
||||||
|
font-weight: 700;
|
||||||
|
padding: 4px 12px;
|
||||||
|
border-radius: 999px;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
.meta-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(4, 1fr);
|
||||||
|
gap: 16px;
|
||||||
|
background: var(--card-bg);
|
||||||
|
border-radius: 12px;
|
||||||
|
padding: 16px;
|
||||||
|
border: 1px solid var(--border);
|
||||||
|
margin-bottom: 28px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.meta-item label {
|
||||||
|
display: block;
|
||||||
|
font-size: 0.7rem;
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-weight: 700;
|
||||||
|
color: var(--text-muted);
|
||||||
|
margin-bottom: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.meta-item span {
|
||||||
|
font-weight: 700;
|
||||||
|
font-size: 0.9rem;
|
||||||
|
color: var(--primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
.score-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1fr 1fr;
|
||||||
|
gap: 20px;
|
||||||
|
margin-bottom: 28px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.score-card {
|
||||||
|
background: var(--card-bg);
|
||||||
|
border: 1px solid var(--border);
|
||||||
|
border-radius: 14px;
|
||||||
|
padding: 20px;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.score-val {
|
||||||
|
font-family: 'Outfit', sans-serif;
|
||||||
|
font-size: 2.4rem;
|
||||||
|
font-weight: 800;
|
||||||
|
margin-top: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section-heading {
|
||||||
|
font-family: 'Outfit', sans-serif;
|
||||||
|
font-size: 1.1rem;
|
||||||
|
font-weight: 700;
|
||||||
|
color: var(--primary);
|
||||||
|
margin-bottom: 12px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.audit-table {
|
||||||
|
width: 100%;
|
||||||
|
border-collapse: collapse;
|
||||||
|
margin-bottom: 28px;
|
||||||
|
font-size: 0.8rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.audit-table th {
|
||||||
|
background: #f1f5f9;
|
||||||
|
color: var(--text-muted);
|
||||||
|
font-weight: 700;
|
||||||
|
text-align: left;
|
||||||
|
padding: 10px;
|
||||||
|
border-bottom: 1px solid var(--border);
|
||||||
|
}
|
||||||
|
|
||||||
|
.audit-table td {
|
||||||
|
padding: 10px;
|
||||||
|
border-bottom: 1px solid #edf2f7;
|
||||||
|
}
|
||||||
|
|
||||||
|
.code-box {
|
||||||
|
background: #0f172a;
|
||||||
|
color: #38bdf8;
|
||||||
|
border-radius: 12px;
|
||||||
|
padding: 18px;
|
||||||
|
font-family: 'Fira Code', monospace;
|
||||||
|
font-size: 0.8rem;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
max-height: 300px;
|
||||||
|
overflow-y: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.output-box {
|
||||||
|
background: #050811;
|
||||||
|
color: #34d399;
|
||||||
|
border-radius: 10px;
|
||||||
|
padding: 14px;
|
||||||
|
font-family: 'Fira Code', monospace;
|
||||||
|
font-size: 0.75rem;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
margin-bottom: 28px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.print-btn {
|
||||||
|
position: fixed;
|
||||||
|
bottom: 30px;
|
||||||
|
right: 30px;
|
||||||
|
background: var(--accent);
|
||||||
|
color: white;
|
||||||
|
border: none;
|
||||||
|
padding: 14px 28px;
|
||||||
|
border-radius: 999px;
|
||||||
|
font-weight: 700;
|
||||||
|
font-size: 0.9rem;
|
||||||
|
box-shadow: 0 10px 25px rgba(99,102,241,0.4);
|
||||||
|
cursor: pointer;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 8px;
|
||||||
|
z-index: 100;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media print {
|
||||||
|
body {
|
||||||
|
background: white;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.report-container {
|
||||||
|
box-shadow: none;
|
||||||
|
border: none;
|
||||||
|
max-width: 100%;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.print-btn {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<button onclick="window.print()" class="print-btn">
|
||||||
|
📥 Download / Print Executive PDF Report
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<div class="report-container">
|
||||||
|
<!-- Header -->
|
||||||
|
<div class="header-bar">
|
||||||
|
<div>
|
||||||
|
<div class="brand-title">
|
||||||
|
⚡ SingleLogin Enterprise Assessment
|
||||||
|
</div>
|
||||||
|
<div style="font-size: 0.8rem; color: var(--text-muted); margin-top: 4px;">
|
||||||
|
Candidate Technical Competency & Behavioral Audit Report
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div style="text-align: right;">
|
||||||
|
<span class="report-badge">Executive Summary</span>
|
||||||
|
<div style="font-size: 0.7rem; color: var(--text-muted); margin-top: 6px;">
|
||||||
|
Report ID: RPT-{{ $interview->submission_unique_id }}
|
||||||
|
</div>
|
||||||
|
<div style="font-size: 0.7rem; color: var(--text-muted);">
|
||||||
|
Date: {{ now()->format('M d, Y - H:i:s T') }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Meta Grid -->
|
||||||
|
<div class="meta-grid">
|
||||||
|
<div class="meta-item">
|
||||||
|
<label>Candidate Name</label>
|
||||||
|
<span>{{ $interview->candidate_name }}</span>
|
||||||
|
</div>
|
||||||
|
<div class="meta-item">
|
||||||
|
<label>Email Address</label>
|
||||||
|
<span style="font-size: 0.8rem;">{{ $interview->candidate_email }}</span>
|
||||||
|
</div>
|
||||||
|
<div class="meta-item">
|
||||||
|
<label>Language & Tech</label>
|
||||||
|
<span>{{ strtoupper($interview->language) }}</span>
|
||||||
|
</div>
|
||||||
|
<div class="meta-item">
|
||||||
|
<label>Assessment Status</label>
|
||||||
|
<span style="color: {{ $interview->status === 'completed' ? '#10b981' : ($interview->status === 'blocked' ? '#ef4444' : '#6366f1') }};">
|
||||||
|
{{ strtoupper($interview->status) }}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Scores Summary Grid -->
|
||||||
|
<div class="score-grid">
|
||||||
|
<!-- Behavioral Integrity Score -->
|
||||||
|
<div class="score-card" style="border-left: 5px solid {{ $integrityColor }};">
|
||||||
|
<div style="font-size: 0.75rem; font-weight: 700; color: var(--text-muted); text-transform: uppercase;">
|
||||||
|
🛡️ Behavioral Integrity Rating
|
||||||
|
</div>
|
||||||
|
<div class="score-val" style="color: {{ $integrityColor }};">
|
||||||
|
{{ $integrityScore }}%
|
||||||
|
</div>
|
||||||
|
<div style="font-size: 0.8rem; font-weight: 700; color: {{ $integrityColor }}; margin-top: 4px;">
|
||||||
|
{{ $integrityLabel }}
|
||||||
|
</div>
|
||||||
|
<div style="font-size: 0.7rem; color: var(--text-muted); margin-top: 6px;">
|
||||||
|
Recorded Violations: <strong>{{ count($logs) }} incident(s)</strong>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Technical Score -->
|
||||||
|
<div class="score-card" style="border-left: 5px solid #6366f1;">
|
||||||
|
<div style="font-size: 0.75rem; font-weight: 700; color: var(--text-muted); text-transform: uppercase;">
|
||||||
|
💻 Technical Code Competency
|
||||||
|
</div>
|
||||||
|
<div class="score-val" style="color: #6366f1;">
|
||||||
|
{{ $codeScore }} / 100
|
||||||
|
</div>
|
||||||
|
<div style="font-size: 0.8rem; font-weight: 700; color: #6366f1; margin-top: 4px;">
|
||||||
|
{{ $codeScore >= 80 ? 'Strong Technical Match' : ($codeScore >= 50 ? 'Moderate Competency' : 'Needs Further Review') }}
|
||||||
|
</div>
|
||||||
|
<div style="font-size: 0.7rem; color: var(--text-muted); margin-top: 6px;">
|
||||||
|
Solution Code: <strong>{{ !empty($interview->submitted_code) ? 'Submitted' : 'Pending' }}</strong>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Proctoring Violation Metrics & Breakdown -->
|
||||||
|
<div class="section-heading">
|
||||||
|
🔍 Behavioral Audit & Proctoring Incident Breakdown
|
||||||
|
</div>
|
||||||
|
<div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 20px;">
|
||||||
|
<div style="background: var(--card-bg); padding: 12px; border-radius: 10px; border: 1px solid var(--border); text-align: center;">
|
||||||
|
<div style="font-size: 1.2rem; font-weight: 800; color: #ef4444;">{{ $tabSwitches }}</div>
|
||||||
|
<div style="font-size: 0.65rem; color: var(--text-muted); font-weight: 700;">Tab Switches</div>
|
||||||
|
</div>
|
||||||
|
<div style="background: var(--card-bg); padding: 12px; border-radius: 10px; border: 1px solid var(--border); text-align: center;">
|
||||||
|
<div style="font-size: 1.2rem; font-weight: 800; color: #f59e0b;">{{ $focusLosses }}</div>
|
||||||
|
<div style="font-size: 0.65rem; color: var(--text-muted); font-weight: 700;">Focus Lost</div>
|
||||||
|
</div>
|
||||||
|
<div style="background: var(--card-bg); padding: 12px; border-radius: 10px; border: 1px solid var(--border); text-align: center;">
|
||||||
|
<div style="font-size: 1.2rem; font-weight: 800; color: #38bdf8;">{{ $gazeAnomalies }}</div>
|
||||||
|
<div style="font-size: 0.65rem; color: var(--text-muted); font-weight: 700;">Gaze Anomalies</div>
|
||||||
|
</div>
|
||||||
|
<div style="background: var(--card-bg); padding: 12px; border-radius: 10px; border: 1px solid var(--border); text-align: center;">
|
||||||
|
<div style="font-size: 1.2rem; font-weight: 800; color: #818cf8;">{{ $pasteEvents }}</div>
|
||||||
|
<div style="font-size: 0.65rem; color: var(--text-muted); font-weight: 700;">Code Pastes</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
@if(count($logs) > 0)
|
||||||
|
<table class="audit-table">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>Timestamp</th>
|
||||||
|
<th>Violation Category</th>
|
||||||
|
<th>Audit Details</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
@foreach($logs as $log)
|
||||||
|
<tr>
|
||||||
|
<td style="color: var(--text-muted);">{{ \Carbon\Carbon::parse($log['timestamp'])->format('H:i:s T') }}</td>
|
||||||
|
<td><strong>{{ strtoupper($log['type']) }}</strong></td>
|
||||||
|
<td>{{ $log['details'] ?? 'Incident flagged by proctoring engine.' }}</td>
|
||||||
|
</tr>
|
||||||
|
@endforeach
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
@else
|
||||||
|
<div style="background: rgba(16,185,129,0.1); color: #10b981; padding: 12px; border-radius: 10px; font-size: 0.8rem; font-weight: 600; margin-bottom: 28px;">
|
||||||
|
✅ Zero proctoring violations or malpractice detected during the session.
|
||||||
|
</div>
|
||||||
|
@endif
|
||||||
|
|
||||||
|
<!-- Code Solution Block -->
|
||||||
|
<div class="section-heading">
|
||||||
|
💻 Submitted Code Solution ({{ strtoupper($interview->submitted_language ?? $interview->language) }})
|
||||||
|
</div>
|
||||||
|
<div class="code-box">
|
||||||
|
{{ $interview->submitted_code ?? '// No code solution submitted by candidate.' }}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Code Output Block -->
|
||||||
|
<div class="section-heading">
|
||||||
|
🖥️ Engine Execution Stdout Output
|
||||||
|
</div>
|
||||||
|
<div class="output-box">
|
||||||
|
{{ $interview->code_output ?? 'No execution output recorded.' }}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Candidate Notes & Drawing Section -->
|
||||||
|
@if(!empty($interview->candidate_notes) || !empty($interview->candidate_drawing))
|
||||||
|
<div class="section-heading">
|
||||||
|
📝 Workspace Artifacts (Scratchpad Notes & Architecture Drawing)
|
||||||
|
</div>
|
||||||
|
<div style="background: var(--card-bg); border: 1px solid var(--border); border-radius: 12px; padding: 16px; margin-bottom: 28px;">
|
||||||
|
@if(!empty($interview->candidate_notes))
|
||||||
|
<div style="font-size: 0.75rem; font-weight: 700; color: var(--text-muted); margin-bottom: 6px;">CANDIDATE NOTES:</div>
|
||||||
|
<pre style="font-family: monospace; font-size: 0.8rem; background: white; padding: 10px; border-radius: 8px; border: 1px solid var(--border); margin-bottom: 12px;">{{ $interview->candidate_notes }}</pre>
|
||||||
|
@endif
|
||||||
|
|
||||||
|
@if(!empty($interview->candidate_drawing))
|
||||||
|
<div style="font-size: 0.75rem; font-weight: 700; color: var(--text-muted); margin-bottom: 6px;">CANDIDATE DRAWING DIAGRAM:</div>
|
||||||
|
<img src="{{ $interview->candidate_drawing }}" alt="Candidate Drawing" style="max-width: 100%; max-height: 250px; border-radius: 8px; border: 1px solid var(--border);" />
|
||||||
|
@endif
|
||||||
|
</div>
|
||||||
|
@endif
|
||||||
|
|
||||||
|
<!-- Panel Sign-Off Block -->
|
||||||
|
<div style="border-top: 2px solid var(--border); padding-top: 20px; display: flex; justify-content: space-between; align-items: center;">
|
||||||
|
<div>
|
||||||
|
<div style="font-size: 0.7rem; font-weight: 700; color: var(--text-muted); text-transform: uppercase;">
|
||||||
|
HR & Lead Panel Approval
|
||||||
|
</div>
|
||||||
|
<div style="font-weight: 700; font-size: 0.9rem; color: var(--primary); margin-top: 4px;">
|
||||||
|
SingleLogin Enterprise HR Board
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div style="text-align: right;">
|
||||||
|
<div style="font-size: 0.7rem; font-weight: 700; color: var(--text-muted); text-transform: uppercase;">
|
||||||
|
Final Recommendation
|
||||||
|
</div>
|
||||||
|
<div style="font-weight: 800; font-size: 1rem; color: {{ $integrityScore >= 80 && $codeScore >= 50 ? '#10b981' : '#ef4444' }};">
|
||||||
|
{{ $integrityScore >= 80 && $codeScore >= 50 ? 'RECOMMENDED FOR HIRE' : 'REQUIRES FURTHER REVIEW / FLAGGED' }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -35,6 +35,7 @@
|
|||||||
Route::post('/candidate/sync-code/{id}', [InterviewController::class, 'syncCandidateCode'])->name('interview.candidate.sync-code');
|
Route::post('/candidate/sync-code/{id}', [InterviewController::class, 'syncCandidateCode'])->name('interview.candidate.sync-code');
|
||||||
Route::post('/candidate/notes/{id}', [InterviewController::class, 'saveCandidateNotes'])->name('interview.candidate.notes');
|
Route::post('/candidate/notes/{id}', [InterviewController::class, 'saveCandidateNotes'])->name('interview.candidate.notes');
|
||||||
Route::post('/candidate/drawing/{id}', [InterviewController::class, 'saveCandidateDrawing'])->name('interview.candidate.drawing');
|
Route::post('/candidate/drawing/{id}', [InterviewController::class, 'saveCandidateDrawing'])->name('interview.candidate.drawing');
|
||||||
|
Route::post('/candidate/send-message/{id}', [InterviewController::class, 'candidateSendMessage'])->name('interview.candidate.send-message');
|
||||||
|
|
||||||
// User Dashboard Portal (requires authenticated user)
|
// User Dashboard Portal (requires authenticated user)
|
||||||
Route::middleware(['auth', 'role:user', 'verify-ms-session'])->group(function () {
|
Route::middleware(['auth', 'role:user', 'verify-ms-session'])->group(function () {
|
||||||
@ -67,6 +68,8 @@
|
|||||||
Route::get('/interviews/{id}/poll', [InterviewController::class, 'getPollData'])->name('interview.poll');
|
Route::get('/interviews/{id}/poll', [InterviewController::class, 'getPollData'])->name('interview.poll');
|
||||||
Route::post('/interviews/{id}/regenerate-password', [InterviewController::class, 'regeneratePassword'])->name('interview.regenerate-password');
|
Route::post('/interviews/{id}/regenerate-password', [InterviewController::class, 'regeneratePassword'])->name('interview.regenerate-password');
|
||||||
Route::post('/interviews/{id}/block-candidate', [InterviewController::class, 'blockCandidate'])->name('interview.block-candidate');
|
Route::post('/interviews/{id}/block-candidate', [InterviewController::class, 'blockCandidate'])->name('interview.block-candidate');
|
||||||
|
Route::get('/interviews/{id}/report', [InterviewController::class, 'generateReport'])->name('interview.report');
|
||||||
|
Route::post('/interviews/{id}/call-status', [InterviewController::class, 'updateCallStatus'])->name('interview.call-status');
|
||||||
});
|
});
|
||||||
|
|
||||||
// Admin Control Panel (requires admin role)
|
// Admin Control Panel (requires admin role)
|
||||||
|
|||||||
@ -265,4 +265,37 @@ public function test_candidate_notes_drawing_saving_and_interviewer_password_reg
|
|||||||
'temp_password' => $interview->temp_password,
|
'temp_password' => $interview->temp_password,
|
||||||
])->assertSessionHas('error');
|
])->assertSessionHas('error');
|
||||||
}
|
}
|
||||||
|
|
||||||
|
public function test_executive_candidate_evaluation_pdf_report_generation(): void
|
||||||
|
{
|
||||||
|
$hr = User::create([
|
||||||
|
'name' => 'Report Viewer HR',
|
||||||
|
'email' => 'hrreport@company.com',
|
||||||
|
'role' => 'admin',
|
||||||
|
]);
|
||||||
|
|
||||||
|
$interview = Interview::create([
|
||||||
|
'candidate_name' => 'Rachel Candidate',
|
||||||
|
'candidate_email' => 'rachel@gmail.com',
|
||||||
|
'candidate_phone' => '9666655555',
|
||||||
|
'temp_password' => 'Pass-666555',
|
||||||
|
'expires_at' => now()->addHours(2),
|
||||||
|
'language' => 'python',
|
||||||
|
'status' => 'completed',
|
||||||
|
'submission_unique_id' => 'rachel-candidate_9666655555_1752000005',
|
||||||
|
'submitted_code' => 'def solve(): return 42',
|
||||||
|
'code_output' => 'Result: 42',
|
||||||
|
'candidate_notes' => 'Complexity analysis: O(1)',
|
||||||
|
]);
|
||||||
|
|
||||||
|
$response = $this->actingAs($hr)->get(route('interview.report', $interview->id));
|
||||||
|
|
||||||
|
$response->assertStatus(200)
|
||||||
|
->assertSee('Rachel Candidate')
|
||||||
|
->assertSee('rachel@gmail.com')
|
||||||
|
->assertSee('Executive Summary')
|
||||||
|
->assertSee('Behavioral Integrity Rating')
|
||||||
|
->assertSee('Technical Code Competency')
|
||||||
|
->assertSee('Complexity analysis: O(1)');
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user