@if (isset($interview->interviewers) && count($interview->interviewers) > 0)
     <div class="table-responsive pb-3">
         <div class="col-md-12 px-4">
             <table class="table table-bordered align-middle">
                 <thead class="table-light">
                     <tr>
                         <th class="text-center" style="width: 5%">#</th>
                         <th style="width: 20%">Interviewer</th>
                         <th style="width: 20%">Schedule Time</th>
                         <th style="width: 40%">Description</th>
                         <th style="width: 15%">Taken Time</th>
                     </tr>
                 </thead>
                 <tbody>
                     @foreach ($interview->interviewers as $interviewer)
                         <tr>
                             <td class="text-center">{{ $loop->iteration }}</td>
                             <td>{{ $interviewer->interviewer->employee_name ?? '-' }}</td>
                             <td>
                                 @if (!empty($interviewer->schedule_date_time))
                                     {{ \Carbon\Carbon::parse($interviewer->schedule_date_time)->format('d-m-Y h:i A') }}
                                 @else
                                     -
                                 @endif
                             </td>
                             <td>{{ $interviewer->description ?? '-' }}</td>
                             <td class="text-center">
                                 @if (!empty($interviewer->taken_date_time))
                                     {{ \Carbon\Carbon::parse($interviewer->taken_date_time)->format('d-m-Y h:i A') }}
                                 @else
                                     <a href="javascript:void(0)" class="btn btn-primary btn-icon edit-taken-time"
                                         title="Add Taken Time" data-id="{{ $interviewer->id }}"
                                         data-name="{{ $interviewer->interviewer->employee_name ?? '-' }}">
                                         <i class="fa fa-clock"></i>
                                     </a>
                                 @endif
                             </td>
                         </tr>
                     @endforeach
                 </tbody>
             </table>
         </div>
     </div>
 @else
     <p class="text-muted mb-0">No interviewers assigned yet.</p>
 @endif