Interview module is refactored to use layouts and re-usable components along with domain components. Style remains identitical to previous design.
41 lines
2.0 KiB
PHP
41 lines
2.0 KiB
PHP
<x-layouts.guest title="Candidate Assessment Login">
|
|
<div class="bg-slate-900/80 border border-white/20 rounded-3xl p-8 sm:p-10 w-full max-w-md backdrop-blur-2xl shadow-2xl relative z-10">
|
|
<div class="text-center mb-6">
|
|
<div class="w-12 h-12 rounded-2xl bg-gradient-to-br from-indigo-500 to-sky-600 flex items-center justify-center text-2xl mx-auto mb-3 shadow-lg shadow-indigo-500/40">
|
|
⚡
|
|
</div>
|
|
<h2 class="font-outfit text-2xl font-bold text-white leading-tight">Candidate Assessment Portal</h2>
|
|
<div class="text-xs text-slate-400 mt-1">Enter temporary login credentials provided by HR</div>
|
|
</div>
|
|
|
|
@if(session('error'))
|
|
<x-alert variant="danger" class="mb-5">
|
|
{{ session('error') }}
|
|
</x-alert>
|
|
@endif
|
|
|
|
<form action="{{ route('interview.candidate.login.submit') }}" method="POST">
|
|
@csrf
|
|
<div class="mb-4">
|
|
<x-label required>Email or Phone Number</x-label>
|
|
<x-input type="text" name="identifier" required placeholder="alex@company.com or 9876543210" size="lg" />
|
|
</div>
|
|
|
|
<div class="mb-5">
|
|
<x-label required>Temporary Password</x-label>
|
|
<x-input type="password" name="temp_password" required placeholder="e.g. Pass-829103" size="lg" />
|
|
</div>
|
|
|
|
<x-button type="submit" variant="primary" size="lg" class="w-full justify-center py-3 bg-gradient-to-r from-indigo-500 to-sky-600 hover:from-indigo-600 hover:to-sky-700 text-white font-bold border-none shadow-lg shadow-indigo-500/30">
|
|
Enter Proctored Assessment Room
|
|
</x-button>
|
|
</form>
|
|
|
|
<div class="text-center mt-6">
|
|
<a href="{{ route('login') }}" class="text-slate-400 hover:text-slate-200 text-xs no-underline transition-colors">
|
|
← Back to Corporate SSO Login
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</x-layouts.guest>
|