36 lines
2.4 KiB
PHP
36 lines
2.4 KiB
PHP
<div id="candidate-incoming-modal" class="fixed inset-0 w-screen h-screen bg-[#050811]/85 backdrop-blur-md flex items-center justify-center z-[10000] opacity-0 pointer-events-none transition-opacity duration-300 [&.active]:opacity-100 [&.active]:pointer-events-auto">
|
|
<div class="max-w-[440px] w-[90%] bg-gradient-to-br from-slate-900 via-slate-900 to-indigo-950 border-2 border-emerald-500 rounded-3xl p-8 text-center text-white shadow-2xl shadow-emerald-500/30">
|
|
<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-extrabold mb-1.5 flex items-center justify-center gap-1.5">
|
|
<i class="fa-solid fa-bolt"></i>
|
|
<span>INCOMING INTERVIEW CALL</span>
|
|
</div>
|
|
|
|
<h3 class="font-outfit text-2xl font-extrabold text-white mb-1">
|
|
Interviewer Panel Calling...
|
|
</h3>
|
|
|
|
<div class="text-xs text-indigo-300 mb-6">
|
|
The interviewer panel has initiated a live 2-way call.
|
|
</div>
|
|
|
|
<div class="flex gap-3 justify-center">
|
|
<button type="button" onclick="declineCandidateCall()" class="flex-1 py-3 px-4 bg-red-500/20 border-none text-red-300 font-bold text-xs rounded-xl hover:bg-red-500/30 transition-all cursor-pointer flex items-center justify-center gap-1.5">
|
|
<i class="fa-solid fa-phone-slash"></i>
|
|
<span>Decline / Busy</span>
|
|
</button>
|
|
<button type="button" onclick="acceptCandidateCall()" class="flex-[1.4] py-3 px-4 bg-gradient-to-r from-emerald-500 to-emerald-600 text-white font-extrabold text-xs rounded-xl border-none shadow-lg shadow-emerald-500/50 hover:from-emerald-600 hover:to-emerald-700 transition-all cursor-pointer animate-pulse flex items-center justify-center gap-1.5">
|
|
<i class="fa-solid fa-phone"></i>
|
|
<span>Accept Call</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|