kushal.saha
9f25fdd648
Interview module is refactored to use layouts and re-usable components along with domain components. Style remains identitical to previous design.
76 lines
3.3 KiB
PHP
76 lines
3.3 KiB
PHP
@props([
|
|
'interviewers' => [],
|
|
])
|
|
|
|
<x-modal id="create-interview-modal" title="Schedule Candidate Assessment" maxWidth="lg">
|
|
<form action="{{ route('interview.store') }}" method="POST">
|
|
@csrf
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-3.5 mb-3.5">
|
|
<div>
|
|
<x-label required>Candidate Name</x-label>
|
|
<x-input type="text" name="candidate_name" required placeholder="e.g. John Doe" />
|
|
</div>
|
|
<div>
|
|
<x-label required>Candidate Email</x-label>
|
|
<x-input type="email" name="candidate_email" required placeholder="john@gmail.com" />
|
|
</div>
|
|
</div>
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-3 mb-3.5">
|
|
<div>
|
|
<x-label required>Phone Number</x-label>
|
|
<x-input type="text" name="candidate_phone" required placeholder="9876543210" />
|
|
</div>
|
|
<div>
|
|
<x-label>Start Time (Timeline)</x-label>
|
|
<x-input type="datetime-local" name="scheduled_at" value="{{ now()->format('Y-m-d\TH:i') }}" class="bg-slate-900" />
|
|
</div>
|
|
<div>
|
|
<x-label required>Access Duration</x-label>
|
|
<x-select name="valid_hours" required>
|
|
<option value="1">1 Hour</option>
|
|
<option value="2" selected>2 Hours</option>
|
|
<option value="4">4 Hours</option>
|
|
<option value="12">12 Hours</option>
|
|
<option value="24">24 Hours</option>
|
|
</x-select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mb-3.5">
|
|
<x-label required>Coding Language</x-label>
|
|
<x-select name="language" required>
|
|
<option value="python">Python 3</option>
|
|
<option value="cpp">C++ (GCC)</option>
|
|
<option value="c">C (GCC)</option>
|
|
<option value="java">Java 15</option>
|
|
<option value="php">PHP 8.2 / Laravel</option>
|
|
<option value="javascript">JavaScript (Node.js)</option>
|
|
</x-select>
|
|
</div>
|
|
|
|
<div class="mb-4">
|
|
<div class="flex justify-between items-center mb-1.5">
|
|
<x-label>Assign Internal Interviewers / Panelists</x-label>
|
|
</div>
|
|
<div class="grid grid-cols-1 sm:grid-cols-2 gap-2 max-h-[120px] overflow-y-auto bg-black/30 p-2.5 rounded-lg border border-slate-700/60">
|
|
@foreach($interviewers as $usr)
|
|
<label class="flex items-center gap-2 text-xs text-white cursor-pointer hover:text-indigo-300 transition-colors">
|
|
<input type="checkbox" name="assigned_interviewers[]" value="{{ $usr->id }}" class="accent-indigo-500 rounded">
|
|
{{ $usr->name }} ({{ $usr->email }})
|
|
</label>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex justify-end gap-2.5 mt-5">
|
|
<x-button type="button" onclick="document.getElementById('create-interview-modal').classList.remove('active')" variant="secondary">
|
|
Cancel
|
|
</x-button>
|
|
<x-button type="submit" variant="primary" icon="fa-solid fa-check">
|
|
Create Session & Password
|
|
</x-button>
|
|
</div>
|
|
</form>
|
|
</x-modal>
|