kushal.saha
9f25fdd648
Interview module is refactored to use layouts and re-usable components along with domain components. Style remains identitical to previous design.
37 lines
1.8 KiB
PHP
37 lines
1.8 KiB
PHP
<x-modal id="incoming-call-modal" maxWidth="md">
|
|
<div class="p-4 sm:p-6 text-center">
|
|
<div class="relative w-20 h-20 mx-auto mb-5 flex items-center justify-center">
|
|
<div class="absolute -inset-3 rounded-full border-2 border-emerald-500/60 animate-ping"></div>
|
|
<div class="absolute -inset-6 rounded-full border-2 border-indigo-500/40 animate-pulse"></div>
|
|
<div class="w-16 h-16 rounded-full bg-gradient-to-br from-emerald-500 to-sky-600 flex items-center justify-center text-2xl font-bold text-white shadow-lg shadow-emerald-500/50 z-10">
|
|
<i class="fa-solid fa-phone"></i>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="text-[11px] uppercase tracking-widest text-emerald-400 font-bold mb-1.5">
|
|
⚡ Incoming Assessment Call
|
|
</div>
|
|
|
|
<h3 id="incoming-cand-name" class="font-outfit text-2xl font-extrabold text-white mb-1">
|
|
Candidate Name
|
|
</h3>
|
|
|
|
<div id="incoming-starter-info" class="text-xs text-sky-400 mb-4">
|
|
Initiated by Panelist
|
|
</div>
|
|
|
|
<div class="bg-white/5 border border-white/10 rounded-xl p-3 text-xs text-slate-300 mb-6 leading-relaxed">
|
|
Another interviewer has started calling the candidate. Click <strong>Accept Call</strong> to join live, or <strong>Decline</strong> if busy.
|
|
</div>
|
|
|
|
<div class="flex gap-3 justify-center">
|
|
<x-button id="incoming-decline-btn" onclick="declineIncomingCall()" variant="danger" size="md" icon="fa-solid fa-xmark" class="flex-1">
|
|
Decline / Miss
|
|
</x-button>
|
|
<x-button id="incoming-accept-btn" onclick="acceptIncomingCall()" variant="success" size="md" icon="fa-solid fa-phone" class="flex-[1.3] font-extrabold animate-pulse">
|
|
Accept Call
|
|
</x-button>
|
|
</div>
|
|
</div>
|
|
</x-modal>
|