@php
    $classes = [
        'No Action' => 'badge bg-secondary text-dark',
        'Short Listed' => 'badge bg-info text-white',
        'Scheduled' => 'badge bg-primary text-white',
        'Rescheduled' => 'badge bg-warning text-white',
        'Pending Authority Approve' => 'badge bg-warning text-white',
        'Rejected' => 'badge bg-danger text-white',
        'CTC & Offer Send To Candidate' => 'badge bg-primary text-white',
        'On Hold' => 'badge bg-dark text-white',
        'CTC & Offer Accepted By Candidate' => 'badge bg-success text-white',
        'CTC Accepted By Authority' => 'badge bg-success text-white',
        'HR Verification' => 'badge bg-primary text-white',
        'Generate Code' => 'badge bg-success text-white',
        'Not Joined' => 'badge bg-danger text-white',
    ];

    $isScheduled =
        !empty($interview->schedule_date_time) && $interview->schedule_date_time != '0000-00-00 00:00:00' ? 1 : 0;
@endphp

@extends('admin.layouts.layouts')

@section('title', 'Details | Interview Management')

@section('page-css')
    <style>
        dl.row {
            margin-bottom: 0.75rem;
            padding-bottom: 0.75rem;
            border-bottom: 1px solid #f1f1f1;
        }

        dl.row:last-child {
            border-bottom: none;
        }

        dt {
            font-weight: 600;
        }

        dd {
            margin-bottom: 0;
        }

        .hidden-status {
            display: none !important;
        }

        #authorityApproveModal .select2-container {
            width: 100% !important;
        }

        #scheduleModal input.form-control {
            height: 45px;
            padding: 10px 12px;
            font-size: 14px;
        }

        .table-responsive th,
        td {
            white-space: nowrap;
        }

        .fa-file-pdf {
            font-size: 22px !important;
        }

        .form-control-sm {
            min-height: 38px !important;
        }

        #logErrorModal .modal-content {
            border-radius: 1rem;
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
            border: none;
        }

        #logErrorModal .modal-header {
            background: #dc3545;
            color: #fff;
            border-top-left-radius: 1rem;
            border-top-right-radius: 1rem;
        }

        #logErrorModal .modal-body {
            font-size: 1rem;
            color: #333;
        }

        #logErrorModal .modal-footer {
            border-top: none;
        }

        #errorMessage {
            max-height: 250px;
            overflow-y: auto;
            white-space: pre-wrap;
        }

        input.form-control {
            height: 45px;
            padding: 10px 12px;
            font-size: 14px;
        }

        #interviewerModal .select2-container {
            width: 100% !important;
        }
    </style>
@endsection

@section('content')

    {{-- Schedule Modal --}}
    <div class="modal fade" id="scheduleModal" tabindex="-1" role="dialog" aria-labelledby="scheduleModalLabel"
        aria-hidden="true" data-backdrop="static" data-keyboard="false">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="scheduleModalLabel">Interview Schedule Date & Time</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form method="POST" id="schedule-form" action="javascript:void(0)" enctype="multipart/form-data">
                    <div class="modal-body">
                        <div class="row mb-4">
                            <div class="col-md-12">
                                <strong>Round 1 Interviewer:</strong>
                                {{ $interview->interviewers->first()->interviewer->employee_name ?? '-' }}
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="schedule_date" class="form-label">Schedule Date <span
                                            class="text-danger">*</span></label>
                                    <input type="text" name="schedule_date" id="schedule_date" class="form-control"
                                        placeholder="Select Interview Date" data-parsley-required="true"
                                        data-parsley-required-message="Please select interview date">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="schedule_time" class="form-label">Schedule Time <span
                                            class="text-danger">*</span></label>
                                    <input type="time" name="schedule_time" id="schedule_time" class="form-control"
                                        placeholder="Select Interview Time" data-parsley-required="true"
                                        data-parsley-required-message="Please select interview time">
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="description" class="form-label">Description</label>
                                    <textarea name="description" id="description" class="form-control" placeholder="Enter other details" rows="5">{{ $interview->description }}</textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-primary" id="save-btn">Save</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    {{-- Interviewer Modal --}}
    <div class="modal fade" id="interviewerModal" tabindex="-1" role="dialog" aria-labelledby="interviewerModalLabel"
        aria-hidden="true" data-backdrop="static" data-keyboard="false">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="interviewerModalLabel">Next Round Interviewer</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form method="POST" id="interviewer-form" action="javascript:void(0)" enctype="multipart/form-data">
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="interviewer" class="form-label">Interviewer <span
                                            class="text-danger">*</span></label>
                                    <select name="interviewer" id="interviewer" class="form-control select2"
                                        data-parsley-required="true"
                                        data-parsley-required-message="Please select interviewer."
                                        data-parsley-errors-container="#interviewer_error">
                                        <option value="">Select Interviewer</option>
                                        @if (count($employees) > 0)
                                            @foreach ($employees as $id => $employee)
                                                <option value="{{ $id }}">{{ $employee }}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                    <span class="text-danger" id="interviewer_error"></span>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="schedule_date" class="form-label">Schedule Date <span
                                            class="text-danger">*</span></label>
                                    <input type="text" name="schedule_date" id="interviewer-schedule-date"
                                        class="form-control" placeholder="Select Interview Date"
                                        data-parsley-required="true"
                                        data-parsley-required-message="Please select interview date.">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="schedule_time" class="form-label">Schedule Time <span
                                            class="text-danger">*</span></label>
                                    <input type="time" name="schedule_time" id="interviewer-schedule-time"
                                        class="form-control" placeholder="Select Interview Time"
                                        data-parsley-required="true"
                                        data-parsley-required-message="Please select interview time.">
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="description" class="form-label">Description</label>
                                    <textarea name="description" id="interviewer-description" class="form-control" placeholder="Enter other details"
                                        rows="5"></textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-primary" id="save-btn">Save</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    {{-- Authority Approve Modal --}}
    <div class="modal fade" id="authorityApproveModal" tabindex="-1" role="dialog"
        aria-labelledby="authorityApproveModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="authorityApproveModalLabel">CTC Details</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form method="POST" id="ctc-form" action="javascript:void(0)" enctype="multipart/form-data">
                    <div class="modal-body">
                        @include('admin.interview_management.ctc_form_content', compact('currentCTC'))

                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="authority_approval" class="form-label">
                                        Authority CTC Approval <span class="text-danger">*</span>
                                    </label>
                                    <select name="authority_approval" id="authority_approval"
                                        class="form-control select2" data-parsley-required="true"
                                        data-parsley-trigger="change"
                                        data-parsley-required-message="Please select authority approval."
                                        data-parsley-errors-container="#authority_approval_error">
                                        <option value="">Select Authority Approval</option>
                                        @foreach ($employees as $key => $employee)
                                            <option value="{{ $key }}">{{ $employee }}</option>
                                        @endforeach
                                    </select>
                                    <div class="text-danger" id="authority_approval_error"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-primary" id="save-btn">Save</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    {{-- CTC Details Modal --}}
    <div class="modal fade" id="CTCDetailsModal" tabindex="-1" role="dialog" aria-labelledby="CTCDetailsModalLabel"
        aria-hidden="true" data-backdrop="static" data-keyboard="false">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="CTCDetailsModalLabel">CTC Details</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body"></div>
                <div class="modal-footer">
                    <a href="javascript:void(0)" class="btn btn-primary" id="save-btn">Send To Candidate</a>
                </div>
            </div>
        </div>
    </div>

    {{-- Log Error Popup --}}
    <div class="modal fade" id="logErrorModal" tabindex="-1" role="dialog" aria-labelledby="logErrorModalLabel"
        aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="logErrorModalLabel"><i class="fa fa-triangle-exclamation me-2"></i> Mail
                        Log Error</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div id="errorMessage" class="alert alert-danger mb-0 p-3 rounded shadow-sm">
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>

    {{-- Taken Time Modal --}}
    <div class="modal fade" id="takenTimeModal" tabindex="-1" role="dialog" aria-labelledby="takenTimeModalLabel"
        aria-hidden="true" data-backdrop="static" data-keyboard="false">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="takenTimeModalLabel">Update Interview Taken Time</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form method="POST" id="taken-time-form" action="javascript:void(0)">
                    <div class="modal-body">
                        <input type="hidden" id="taken_interviewer_id" name="id">
                        <div class="row mb-4">
                            <div class="col-md-12">
                                <strong>Interviewer:</strong>
                                <span id="taken_interviewer_name" class="fw-bold text-dark"></span>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="taken_date" class="form-label">Taken Date <span
                                            class="text-danger">*</span></label>
                                    <input type="text" name="taken_date" id="taken_date" class="form-control"
                                        placeholder="Select Taken Date" data-parsley-required="true"
                                        data-parsley-required-message="Please select taken date.">
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="taken_time" class="form-label">Taken Time <span
                                            class="text-danger">*</span></label>
                                    <input type="time" name="taken_time" id="taken_time" class="form-control"
                                        placeholder="Select Taken Time" data-parsley-required="true"
                                        data-parsley-required-message="Please select taken time.">
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="modal-footer">
                        <button type="submit" class="btn btn-primary" id="save-taken-time-btn">Save</button>
                    </div>
                </form>
            </div>
        </div>
    </div>


    <div class="page-header">
        <h3 class="page-title">
            Interview Management
        </h3>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
                <li class="breadcrumb-item"><a href="{{ route('interview-management.index') }}">Interview Management</a>
                </li>
                <li class="breadcrumb-item active" aria-current="page">Details</li>
            </ol>
        </nav>
    </div>

    <div class="container py-4">
        {{-- Personal Details --}}
        <div class="card shadow-sm rounded border-0 mb-4">
            <div class="card-header bg-dark text-white d-flex justify-content-between align-items-center">
                <h6 class="mb-0 fw-bold">Personal Details</h6>
                <a href="{{ route('interview-management.index') }}" class="btn btn-primary btn-sm">
                    <i class="fa fa-arrow-left"></i> Back
                </a>
            </div>
            <div class="card-body">
                <input type="hidden" id="current-status" value="{{ $interview->status }}">
                <div class="row">
                    <div class="col-md-6">
                        <dl class="row">
                            <dt class="col-sm-4">Source Of Application</dt>
                            <dd class="col-sm-8">{{ $interview->sourceOfApplication->title ?? '-' }}</dd>
                        </dl>
                    </div>

                    @if ($interview->source_of_application_id == 3)
                        <div class="col-md-6">
                            <dl class="row">
                                <dt class="col-sm-4">Referred By</dt>
                                <dd class="col-sm-8">{{ $interview->referredBy->employee_name ?? '-' }}</dd>
                            </dl>
                        </div>
                    @endif

                    <div class="col-md-6">
                        <dl class="row">
                            <dt class="col-sm-4">Designation</dt>
                            <dd class="col-sm-8">{{ $interview->designation->name ?? '-' }}</dd>
                        </dl>
                    </div>

                    <div class="col-md-6">
                        <dl class="row">
                            <dt class="col-sm-4">Full Name</dt>
                            <dd class="col-sm-8">{{ $interview->name ?? '-' }}</dd>
                        </dl>
                    </div>

                    <div class="col-md-6">
                        <dl class="row">
                            <dt class="col-sm-4">Country</dt>
                            <dd class="col-sm-8">{{ $interview->country->country_name ?? '' }}</dd>
                        </dl>
                    </div>

                    <div class="col-md-6">
                        <dl class="row">
                            <dt class="col-sm-4">Region</dt>
                            <dd class="col-sm-8">{{ $interview->region->region_name ?? '' }}</dd>
                        </dl>
                    </div>

                    <div class="col-md-6">
                        <dl class="row">
                            <dt class="col-sm-4">State</dt>
                            <dd class="col-sm-8">{{ $interview->state->state_name ?? '-' }}</dd>
                        </dl>
                    </div>

                    <div class="col-md-6">
                        <dl class="row">
                            <dt class="col-sm-4">District</dt>
                            <dd class="col-sm-8">{{ $interview->district->district_name ?? '-' }}</dd>
                        </dl>
                    </div>

                    <div class="col-md-6">
                        <dl class="row">
                            <dt class="col-sm-4">Address</dt>
                            <dd class="col-sm-8">{{ $interview->address ?? '-' }}</dd>
                        </dl>
                    </div>

                    <div class="col-md-6">
                        <dl class="row">
                            <dt class="col-sm-4">Location</dt>
                            <dd class="col-sm-8">{{ $interview->location->name ?? '-' }}</dd>
                        </dl>
                    </div>

                    <div class="col-md-6">
                        <dl class="row">
                            <dt class="col-sm-4">Qualification</dt>
                            <dd class="col-sm-8">{{ $interview->qualification->name ?? '-' }}</dd>
                        </dl>
                    </div>

                    <div class="col-md-6">
                        <dl class="row">
                            <dt class="col-sm-4">Mobile Number</dt>
                            <dd class="col-sm-8">{{ $interview->mobile_no ?? '-' }}</dd>
                        </dl>
                    </div>

                    <div class="col-md-6">
                        <dl class="row">
                            <dt class="col-sm-4">WhatsApp Number</dt>
                            <dd class="col-sm-8">{{ $interview->whatsapp_no ?? '-' }}</dd>
                        </dl>
                    </div>

                    <div class="col-md-6">
                        <dl class="row">
                            <dt class="col-sm-4">Email Address</dt>
                            <dd class="col-sm-8">{{ $interview->email ?? '-' }}</dd>
                        </dl>
                    </div>

                    <div class="col-md-6">
                        <dl class="row">
                            <dt class="col-sm-4">Date Of Birth</dt>
                            <dd class="col-sm-8">
                                {{ date('d-m-Y', strtotime($interview->date_of_birth ?? '')) }}</dd>
                        </dl>
                    </div>

                    <div class="col-md-6">
                        <dl class="row">
                            <dt class="col-sm-4">Age</dt>
                            <dd class="col-sm-8">{{ $interview->age ?? 0 }} Years</dd>
                        </dl>
                    </div>

                    <div class="col-md-6">
                        <dl class="row">
                            <dt class="col-sm-4">Current Working Status</dt>
                            <dd class="col-sm-8">{{ $interview->current_working_status ?? '-' }}</dd>
                        </dl>
                    </div>

                    <div class="col-md-6">
                        <dl class="row">
                            <dt class="col-sm-4">Current Working Duration</dt>
                            <dd class="col-sm-8">{{ $interview->current_working_duration ?? 0 }} Years</dd>
                        </dl>
                    </div>

                    <div class="col-md-6">
                        <dl class="row">
                            <dt class="col-sm-4">Current Salary</dt>
                            <dd class="col-sm-8">{{ $interview->current_salary ?? 0 }}</dd>
                        </dl>
                    </div>

                    <div class="col-md-6">
                        <dl class="row">
                            <dt class="col-sm-4">Expected Salary</dt>
                            <dd class="col-sm-8">{{ $interview->expected_salary ?? 0 }}</dd>
                        </dl>
                    </div>

                    <div class="col-md-6">
                        <dl class="row">
                            <dt class="col-sm-4">Expected Date Of Joining</dt>
                            <dd class="col-sm-8">
                                {{ date('d-m-Y', strtotime($interview->expected_date_of_joining ?? '')) }}
                            </dd>
                        </dl>
                    </div>

                    <div class="col-md-6">
                        <dl class="row">
                            <dt class="col-sm-4">Date of Last Increment</dt>
                            <dd class="col-sm-8">
                                @if ($interview->last_increment_date)
                                    {{ date('d-m-Y', strtotime($interview->last_increment_date ?? '')) }}
                                @else
                                    -
                                @endif
                            </dd>
                        </dl>
                    </div>

                    <div class="col-md-6">
                        <dl class="row">
                            <dt class="col-sm-4">Gender</dt>
                            <dd class="col-sm-8">{{ $interview->gender ?? '-' }}</dd>
                        </dl>
                    </div>

                    <div class="col-md-6">
                        <dl class="row">
                            <dt class="col-sm-4">Marital Status</dt>
                            <dd class="col-sm-8">{{ $interview->marital_status ?? '' }}</dd>
                        </dl>
                    </div>

                    <div class="col-md-6">
                        <dl class="row">
                            <dt class="col-sm-4">Description</dt>
                            <dd class="col-sm-8">{{ $interview->description ?? '-' }}</dd>
                        </dl>
                    </div>

                    <div class="col-md-6">
                        <dl class="row">
                            <dt class="col-sm-4">Created Date</dt>
                            <dd class="col-sm-8">
                                {{ $interview->created_at->format('d-m-Y h:i A') ?? '' }}
                                <strong>({{ $interview->createdBy->name ?? '-' }})</strong>
                            </dd>
                        </dl>
                    </div>

                    @if (!empty($interview->updated_by))
                        <div class="col-md-6">
                            <dl class="row">
                                <dt class="col-sm-4">Updated Date</dt>
                                <dd class="col-sm-8">
                                    {{ $interview->updated_at->format('d-m-Y h:i A') ?? '' }}
                                    <strong>({{ $interview->updatedBy->name ?? '-' }})</strong>
                                </dd>
                            </dl>
                        </div>
                    @endif

                    <div class="col-md-6">
                        <dl class="row">
                            <dt class="col-sm-4">Status</dt>
                            <dd class="col-sm-8" id="status-content">
                                @can('interview-management-status')
                                    <div class="btn-group">
                                        <button type="button"
                                            class="btn btn-{{ $classes[$interview->status] ?? 'secondary' }}">
                                            {{ $interview->status == 'Generate Code' ? 'Code Generated' : $interview->status }}
                                        </button>
                                        <button type="button"
                                            class="btn btn-{{ $classes[$interview->status] ?? 'secondary' }} dropdown-toggle dropdown-toggle-split"
                                            id="changeStatus" data-toggle="dropdown" aria-haspopup="true"
                                            aria-expanded="false">
                                            <span class="sr-only">Toggle Dropdown</span>
                                        </button>
                                        <div class="dropdown-menu" aria-labelledby="changeStatus">
                                            <h5 class="dropdown-header">Select Status</h5>

                                            <a class="dropdown-item change-status {{ $interview->status == 'No Action' ? '' : 'hidden-status' }}"
                                                href="javascript:void(0)" data-status="No Action"
                                                data-old-status="{{ $interview->status }}">
                                                No Action
                                            </a>

                                            <a class="dropdown-item change-status {{ $interview->status == 'No Action' ? '' : 'hidden-status' }}"
                                                href="javascript:void(0)" data-status="Short Listed"
                                                data-old-status="{{ $interview->status }}">
                                                Short Listed
                                            </a>

                                            <a class="dropdown-item change-status {{ $interview->status == 'Short Listed' ? '' : 'hidden-status' }}"
                                                href="javascript:void(0)" data-status="Scheduled"
                                                data-old-status="{{ $interview->status }}">
                                                Scheduled
                                            </a>

                                            <a class="dropdown-item change-status {{ in_array($interview->status, ['On Hold', 'Scheduled']) ? '' : 'hidden-status' }}"
                                                href="javascript:void(0)" data-status="Rescheduled"
                                                data-old-status="{{ $interview->status }}">
                                                Rescheduled
                                            </a>

                                            <a class="dropdown-item change-status {{ in_array($interview->status, ['On Hold', 'Scheduled', 'Rescheduled']) ? '' : 'hidden-status' }}"
                                                href="javascript:void(0)" data-status="Pending Authority Approve"
                                                data-old-status="{{ $interview->status }}">
                                                Selected
                                            </a>

                                            <a class="dropdown-item change-status {{ in_array($interview->status, ['On Hold', 'Scheduled', 'Rescheduled']) ? '' : 'hidden-status' }}"
                                                href="javascript:void(0)" data-status="Rejected"
                                                data-old-status="{{ $interview->status }}">
                                                Rejected
                                            </a>

                                            <a class="dropdown-item change-status {{ $interview->status == 'CTC Accepted By Authority' ? '' : 'hidden-status' }}"
                                                href="javascript:void(0)" data-status="CTC & Offer Send To Candidate"
                                                data-old-status="{{ $interview->status }}">
                                                CTC & Offer Send To Candidate
                                            </a>

                                            <a class="dropdown-item change-status" href="javascript:void(0)"
                                                data-status="On Hold" data-old-status="{{ $interview->status }}">
                                                On Hold
                                            </a>

                                            <a class="dropdown-item change-status {{ $interview->status == 'HR Verification' ? '' : 'hidden-status' }}"
                                                href="javascript:void(0)" data-status="Generate Code"
                                                data-old-status="{{ $interview->status }}">
                                                @if ($interview->status == 'Generate Code')
                                                    Code Generated
                                                @else
                                                    Generate Code
                                                @endif
                                            </a>

                                            <a class="dropdown-item change-status {{ in_array($interview->status, ['HR Verification', 'Generate Code']) ? '' : 'hidden-status' }}"
                                                href="javascript:void(0)" data-status="Not Joined"
                                                data-old-status="{{ $interview->status }}">
                                                Not Joined
                                            </a>
                                        </div>
                                    </div>
                                @else
                                    <span class="badge badge-pill badge-{{ $classes[$interview->status] ?? 'secondary' }}">
                                        {{ $interview->status }}
                                    </span>
                                @endcan
                            </dd>
                        </dl>
                    </div>
                </div>
            </div>
        </div>

        {{-- Documents --}}
        @if ($interview->is_upload_docs == 1)
            <div class="card shadow-sm rounded border-0 mb-4">
                <div class="card-header bg-dark text-white">
                    <h6 class="mb-0 fw-bold">Documents</h6>
                </div>
                <div class="card-body">
                    <div class="row g-3">
                        {{-- Signature --}}
                        <div class="col-lg-3 col-md-6 col-sm-12">
                            <div class="card shadow-sm h-100">
                                <div class="card-body d-flex justify-content-between align-items-center p-2">
                                    <span class="small fw-bold">Signature</span>
                                    @if ($interview->signature && file_exists(public_path('storage/' . $interview->signature)))
                                        @php
                                            $ext = strtolower(pathinfo($interview->signature, PATHINFO_EXTENSION));
                                            $isImg = ['jpeg', 'png', 'jpg'];
                                        @endphp

                                        @if (in_array($ext, $isImg))
                                            <img src="{{ asset('storage/' . $interview->signature) }}" alt="Signature"
                                                width="40" height="40" class="rounded viewable">
                                        @else
                                            <a href="{{ asset('storage/' . $interview->signature) }}" target="_blank"
                                                class="btn btn-sm btn-outline-dark">
                                                <i class="fa fa-file-pdf"></i>
                                            </a>
                                        @endif
                                    @else
                                        <span class="text-muted small">Not uploaded</span>
                                    @endif
                                </div>
                            </div>
                        </div>

                        {{-- Aadhaar Card Front --}}
                        <div class="col-lg-3 col-md-6 col-sm-12">
                            <div class="card shadow-sm h-100">
                                <div class="card-body d-flex justify-content-between align-items-center p-2">
                                    <span class="small fw-bold">Aadhaar Card Front</span>
                                    @if ($interview->aadhar_front && file_exists(public_path('storage/' . $interview->aadhar_front)))
                                        @php
                                            $ext = strtolower(pathinfo($interview->aadhar_front, PATHINFO_EXTENSION));
                                            $isImg = ['jpeg', 'png', 'jpg'];
                                        @endphp

                                        @if (in_array($ext, $isImg))
                                            <img src="{{ asset('storage/' . $interview->aadhar_front) }}"
                                                alt="Aadhar Front" width="40" height="40"
                                                class="rounded viewable">
                                        @else
                                            <a href="{{ asset('storage/' . $interview->aadhar_front) }}" target="_blank"
                                                class="btn btn-sm btn-outline-dark">
                                                <i class="fa fa-file-pdf"></i>
                                            </a>
                                        @endif
                                    @else
                                        <span class="text-muted small">Not uploaded</span>
                                    @endif
                                </div>
                            </div>
                        </div>

                        {{-- Aadhaar Card Back --}}
                        <div class="col-lg-3 col-md-6 col-sm-12">
                            <div class="card shadow-sm h-100">
                                <div class="card-body d-flex justify-content-between align-items-center p-2">
                                    <span class="small fw-bold">Aadhar Card Back</span>
                                    @if ($interview->aadhar_back && file_exists(public_path('storage/' . $interview->aadhar_back)))
                                        @php
                                            $ext = strtolower(pathinfo($interview->aadhar_back, PATHINFO_EXTENSION));
                                            $isImg = ['jpeg', 'png', 'jpg'];
                                        @endphp

                                        @if (in_array($ext, $isImg))
                                            <img src="{{ asset('storage/' . $interview->aadhar_back) }}"
                                                alt="Aadhar Back" width="40" height="40"
                                                class="rounded viewable">
                                        @else
                                            <a href="{{ asset('storage/' . $interview->aadhar_back) }}" target="_blank"
                                                class="btn btn-sm btn-outline-dark">
                                                <i class="fa fa-file-pdf"></i>
                                            </a>
                                        @endif
                                    @else
                                        <span class="text-muted small">Not uploaded</span>
                                    @endif
                                </div>
                            </div>
                        </div>

                        {{-- Pan Card --}}
                        <div class="col-lg-3 col-md-6 col-sm-12">
                            <div class="card shadow-sm h-100">
                                <div class="card-body d-flex justify-content-between align-items-center p-2">
                                    <span class="small fw-bold">Pan Card</span>
                                    @if ($interview->pan_card && file_exists(public_path('storage/' . $interview->pan_card)))
                                        @php
                                            $ext = strtolower(pathinfo($interview->pan_card, PATHINFO_EXTENSION));
                                            $isImg = ['jpeg', 'png', 'jpg'];
                                        @endphp

                                        @if (in_array($ext, $isImg))
                                            <img src="{{ asset('storage/' . $interview->pan_card) }}" alt="Pan Card"
                                                width="40" height="40" class="rounded viewable">
                                        @else
                                            <a href="{{ asset('storage/' . $interview->pan_card) }}" target="_blank"
                                                class="btn btn-sm btn-outline-dark">
                                                <i class="fa fa-file-pdf"></i>
                                            </a>
                                        @endif
                                    @else
                                        <span class="text-muted small">Not uploaded</span>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row g-3 mt-3">
                        {{-- Address Proof --}}
                        <div class="col-lg-3 col-md-6 col-sm-12">
                            <div class="card shadow-sm h-100">
                                <div class="card-body d-flex justify-content-between align-items-center p-2">
                                    <span class="small fw-bold">Address Proof</span>
                                    @if ($interview->address_proof && file_exists(public_path('storage/' . $interview->address_proof)))
                                        @php
                                            $ext = strtolower(pathinfo($interview->address_proof, PATHINFO_EXTENSION));
                                            $isImg = ['jpeg', 'png', 'jpg'];
                                        @endphp

                                        @if (in_array($ext, $isImg))
                                            <img src="{{ asset('storage/' . $interview->address_proof) }}" alt="Pan Card"
                                                width="40" height="40" class="rounded viewable">
                                        @else
                                            <a href="{{ asset('storage/' . $interview->address_proof) }}" target="_blank"
                                                class="btn btn-sm btn-outline-dark">
                                                <i class="fa fa-file-pdf"></i>
                                            </a>
                                        @endif
                                    @else
                                        <span class="text-muted small">Not uploaded</span>
                                    @endif
                                </div>
                            </div>
                        </div>

                        {{-- Recent Passport Size Photo --}}
                        <div class="col-lg-3 col-md-6 col-sm-12">
                            <div class="card shadow-sm h-100">
                                <div class="card-body d-flex justify-content-between align-items-center p-2">
                                    <span class="small fw-bold">Passport Size Photo</span>
                                    @if (isset($interview->employee->loginUser->profile_photo_path) &&
                                            !empty($interview->employee->loginUser->profile_photo_path) &&
                                            file_exists(public_path('storage/' . $interview->employee->loginUser->profile_photo_path)))
                                        <img src="{{ asset('storage/' . $interview->employee->loginUser->profile_photo_path) }}"
                                            alt="Pan Card" width="40" height="40" class="rounded viewable">
                                    @else
                                        <span class="text-muted small">Not uploaded</span>
                                    @endif
                                </div>
                            </div>
                        </div>

                        {{-- Driving License --}}
                        <div class="col-lg-3 col-md-6 col-sm-12">
                            <div class="card shadow-sm h-100">
                                <div class="card-body d-flex justify-content-between align-items-center p-2">
                                    <span class="small fw-bold">Driving License</span>
                                    @if ($interview->driving_license && file_exists(public_path('storage/' . $interview->driving_license)))
                                        @php
                                            $ext = strtolower(
                                                pathinfo($interview->driving_license, PATHINFO_EXTENSION),
                                            );
                                            $isImg = ['jpeg', 'png', 'jpg'];
                                        @endphp


                                        @if (in_array($ext, $isImg))
                                            <img src="{{ asset('storage/' . $interview->driving_license) }}"
                                                alt="Driving License" width="40" height="40"
                                                class="rounded viewable">
                                        @else
                                            <a href="{{ asset('storage/' . $interview->driving_license) }}"
                                                target="_blank" class="btn btn-sm btn-outline-dark">
                                                <i class="fa fa-file-pdf"></i>
                                            </a>
                                        @endif
                                    @else
                                        <span class="text-muted small">Not uploaded</span>
                                    @endif
                                </div>
                            </div>
                        </div>

                        {{-- Last ITR 1 --}}
                        <div class="col-lg-3 col-md-6 col-sm-12">
                            <div class="card shadow-sm h-100">
                                <div class="card-body d-flex justify-content-between align-items-center p-2">
                                    <span class="small fw-bold">Last ITR 1</span>
                                    @if ($interview->last_itr_1 && file_exists(public_path('storage/' . $interview->last_itr_1)))
                                        @php
                                            $ext = strtolower(pathinfo($interview->last_itr_1, PATHINFO_EXTENSION));
                                            $isImg = ['jpeg', 'png', 'jpg'];
                                        @endphp


                                        @if (in_array($ext, $isImg))
                                            <img src="{{ asset('storage/' . $interview->last_itr_1) }}"
                                                alt="Driving License" width="40" height="40"
                                                class="rounded viewable">
                                        @else
                                            <a href="{{ asset('storage/' . $interview->last_itr_1) }}" target="_blank"
                                                class="btn btn-sm btn-outline-dark">
                                                <i class="fa fa-file-pdf"></i>
                                            </a>
                                        @endif
                                    @else
                                        <span class="text-muted small">Not uploaded</span>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row g-3 mt-3">
                        {{-- Last ITR 2 --}}
                        <div class="col-lg-3 col-md-6 col-sm-12">
                            <div class="card shadow-sm h-100">
                                <div class="card-body d-flex justify-content-between align-items-center p-2">
                                    <span class="small fw-bold">Last ITR 2</span>
                                    @if ($interview->last_itr_2 && file_exists(public_path('storage/' . $interview->last_itr_2)))
                                        @php
                                            $ext = strtolower(pathinfo($interview->last_itr_2, PATHINFO_EXTENSION));
                                            $isImg = ['jpeg', 'png', 'jpg'];
                                        @endphp


                                        @if (in_array($ext, $isImg))
                                            <img src="{{ asset('storage/' . $interview->last_itr_2) }}"
                                                alt="Driving License" width="40" height="40"
                                                class="rounded viewable">
                                        @else
                                            <a href="{{ asset('storage/' . $interview->last_itr_2) }}" target="_blank"
                                                class="btn btn-sm btn-outline-dark">
                                                <i class="fa fa-file-pdf"></i>
                                            </a>
                                        @endif
                                    @else
                                        <span class="text-muted small">Not uploaded</span>
                                    @endif
                                </div>
                            </div>
                        </div>

                        {{-- Last ITR 3 --}}
                        <div class="col-lg-3 col-md-6 col-sm-12">
                            <div class="card shadow-sm h-100">
                                <div class="card-body d-flex justify-content-between align-items-center p-2">
                                    <span class="small fw-bold">Last ITR 3</span>
                                    @if ($interview->last_itr_3 && file_exists(public_path('storage/' . $interview->last_itr_3)))
                                        @php
                                            $ext = strtolower(pathinfo($interview->last_itr_3, PATHINFO_EXTENSION));
                                            $isImg = ['jpeg', 'png', 'jpg'];
                                        @endphp


                                        @if (in_array($ext, $isImg))
                                            <img src="{{ asset('storage/' . $interview->last_itr_3) }}"
                                                alt="Driving License" width="40" height="40"
                                                class="rounded viewable">
                                        @else
                                            <a href="{{ asset('storage/' . $interview->last_itr_3) }}" target="_blank"
                                                class="btn btn-sm btn-outline-dark">
                                                <i class="fa fa-file-pdf"></i>
                                            </a>
                                        @endif
                                    @else
                                        <span class="text-muted small">Not uploaded</span>
                                    @endif
                                </div>
                            </div>
                        </div>

                        {{-- 10th Marksheet --}}
                        <div class="col-lg-3 col-md-6 col-sm-12">
                            <div class="card shadow-sm h-100">
                                <div class="card-body d-flex justify-content-between align-items-center p-2">
                                    <span class="small fw-bold">10<sup>th</sup> Marksheet</span>
                                    @if ($interview->ten_marksheet && file_exists(public_path('storage/' . $interview->ten_marksheet)))
                                        @php
                                            $ext = strtolower(pathinfo($interview->ten_marksheet, PATHINFO_EXTENSION));
                                            $isImg = ['jpeg', 'png', 'jpg'];
                                        @endphp


                                        @if (in_array($ext, $isImg))
                                            <img src="{{ asset('storage/' . $interview->ten_marksheet) }}"
                                                alt="10th Marksheet" width="40" height="40"
                                                class="rounded viewable">
                                        @else
                                            <a href="{{ asset('storage/' . $interview->ten_marksheet) }}" target="_blank"
                                                class="btn btn-sm btn-outline-dark">
                                                <i class="fa fa-file-pdf"></i>
                                            </a>
                                        @endif
                                    @else
                                        <span class="text-muted small">Not uploaded</span>
                                    @endif
                                </div>
                            </div>
                        </div>

                        {{-- 12th Marksheet --}}
                        <div class="col-lg-3 col-md-6 col-sm-12">
                            <div class="card shadow-sm h-100">
                                <div class="card-body d-flex justify-content-between align-items-center p-2">
                                    <span class="small fw-bold">12<sup>th</sup> Marksheet</span>
                                    @if ($interview->twelve_marksheet && file_exists(public_path('storage/' . $interview->twelve_marksheet)))
                                        @php
                                            $ext = strtolower(
                                                pathinfo($interview->twelve_marksheet, PATHINFO_EXTENSION),
                                            );
                                            $isImg = ['jpeg', 'png', 'jpg'];
                                        @endphp


                                        @if (in_array($ext, $isImg))
                                            <img src="{{ asset('storage/' . $interview->twelve_marksheet) }}"
                                                alt="12th Marksheet" width="40" height="40"
                                                class="rounded viewable">
                                        @else
                                            <a href="{{ asset('storage/' . $interview->twelve_marksheet) }}"
                                                target="_blank" class="btn btn-sm btn-outline-dark">
                                                <i class="fa fa-file-pdf"></i>
                                            </a>
                                        @endif
                                    @else
                                        <span class="text-muted small">Not uploaded</span>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row g-3 mt-3">
                        {{-- Graduation Certificate --}}
                        <div class="col-lg-3 col-md-6 col-sm-12">
                            <div class="card shadow-sm h-100">
                                <div class="card-body d-flex justify-content-between align-items-center p-2">
                                    <span class="small fw-bold">Graduation Certificate</span>
                                    @if ($interview->graduation_certi && file_exists(public_path('storage/' . $interview->graduation_certi)))
                                        @php
                                            $ext = strtolower(
                                                pathinfo($interview->graduation_certi, PATHINFO_EXTENSION),
                                            );
                                            $isImg = ['jpeg', 'png', 'jpg'];
                                        @endphp


                                        @if (in_array($ext, $isImg))
                                            <img src="{{ asset('storage/' . $interview->graduation_certi) }}"
                                                alt="Graduation Certificate" width="40" height="40"
                                                class="rounded viewable">
                                        @else
                                            <a href="{{ asset('storage/' . $interview->graduation_certi) }}"
                                                target="_blank" class="btn btn-sm btn-outline-dark">
                                                <i class="fa fa-file-pdf"></i>
                                            </a>
                                        @endif
                                    @else
                                        <span class="text-muted small">Not uploaded</span>
                                    @endif
                                </div>
                            </div>
                        </div>

                        {{-- Post-Graduation Certificate --}}
                        <div class="col-lg-3 col-md-6 col-sm-12">
                            <div class="card shadow-sm h-100">
                                <div class="card-body d-flex justify-content-between align-items-center p-2">
                                    <span class="small fw-bold">Post-Graduation Certificate</span>
                                    @if ($interview->p_graduation_certi && file_exists(public_path('storage/' . $interview->p_graduation_certi)))
                                        @php
                                            $ext = strtolower(
                                                pathinfo($interview->p_graduation_certi, PATHINFO_EXTENSION),
                                            );
                                            $isImg = ['jpeg', 'png', 'jpg'];
                                        @endphp


                                        @if (in_array($ext, $isImg))
                                            <img src="{{ asset('storage/' . $interview->p_graduation_certi) }}"
                                                alt="Post Graduation Certificate" width="40" height="40"
                                                class="rounded viewable">
                                        @else
                                            <a href="{{ asset('storage/' . $interview->p_graduation_certi) }}"
                                                target="_blank" class="btn btn-sm btn-outline-dark">
                                                <i class="fa fa-file-pdf"></i>
                                            </a>
                                        @endif
                                    @else
                                        <span class="text-muted small">Not uploaded</span>
                                    @endif
                                </div>
                            </div>
                        </div>

                        {{-- Professional / Additional Certificate --}}
                        <div class="col-lg-3 col-md-6 col-sm-12">
                            <div class="card shadow-sm h-100">
                                <div class="card-body d-flex justify-content-between align-items-center p-2">
                                    <span class="small fw-bold">Additional Certificate</span>
                                    @if ($interview->additional_certi && file_exists(public_path('storage/' . $interview->additional_certi)))
                                        @php
                                            $ext = strtolower(
                                                pathinfo($interview->additional_certi, PATHINFO_EXTENSION),
                                            );
                                            $isImg = ['jpeg', 'png', 'jpg'];
                                        @endphp


                                        @if (in_array($ext, $isImg))
                                            <img src="{{ asset('storage/' . $interview->additional_certi) }}"
                                                alt="Post Graduation Certificate" width="40" height="40"
                                                class="rounded viewable">
                                        @else
                                            <a href="{{ asset('storage/' . $interview->additional_certi) }}"
                                                target="_blank" class="btn btn-sm btn-outline-dark">
                                                <i class="fa fa-file-pdf"></i>
                                            </a>
                                        @endif
                                    @else
                                        <span class="text-muted small">Not uploaded</span>
                                    @endif
                                </div>
                            </div>
                        </div>

                        {{-- Relieving Letter --}}
                        <div class="col-lg-3 col-md-6 col-sm-12">
                            <div class="card shadow-sm h-100">
                                <div class="card-body d-flex justify-content-between align-items-center p-2">
                                    <span class="small fw-bold">Relieving Letter</span>
                                    @if ($interview->relieving_letter && file_exists(public_path('storage/' . $interview->relieving_letter)))
                                        @php
                                            $ext = strtolower(
                                                pathinfo($interview->relieving_letter, PATHINFO_EXTENSION),
                                            );
                                            $isImg = ['jpeg', 'png', 'jpg'];
                                        @endphp


                                        @if (in_array($ext, $isImg))
                                            <img src="{{ asset('storage/' . $interview->relieving_letter) }}"
                                                alt="Post Graduation Certificate" width="40" height="40"
                                                class="rounded viewable">
                                        @else
                                            <a href="{{ asset('storage/' . $interview->relieving_letter) }}"
                                                target="_blank" class="btn btn-sm btn-outline-dark">
                                                <i class="fa fa-file-pdf"></i>
                                            </a>
                                        @endif
                                    @else
                                        <span class="text-muted small">Not uploaded</span>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row g-3 mt-3">
                        {{-- Experience Letter --}}
                        <div class="col-lg-3 col-md-6 col-sm-12">
                            <div class="card shadow-sm h-100">
                                <div class="card-body d-flex justify-content-between align-items-center p-2">
                                    <span class="small fw-bold">Experience Letter</span>
                                    @if ($interview->experience_letter && file_exists(public_path('storage/' . $interview->experience_letter)))
                                        @php
                                            $ext = strtolower(
                                                pathinfo($interview->experience_letter, PATHINFO_EXTENSION),
                                            );
                                            $isImg = ['jpeg', 'png', 'jpg'];
                                        @endphp


                                        @if (in_array($ext, $isImg))
                                            <img src="{{ asset('storage/' . $interview->experience_letter) }}"
                                                alt="Post Graduation Certificate" width="40" height="40"
                                                class="rounded viewable">
                                        @else
                                            <a href="{{ asset('storage/' . $interview->experience_letter) }}"
                                                target="_blank" class="btn btn-sm btn-outline-dark">
                                                <i class="fa fa-file-pdf"></i>
                                            </a>
                                        @endif
                                    @else
                                        <span class="text-muted small">Not uploaded</span>
                                    @endif
                                </div>
                            </div>
                        </div>

                        {{-- Resume --}}
                        <div class="col-lg-3 col-md-6 col-sm-12">
                            <div class="card shadow-sm h-100">
                                <div class="card-body d-flex justify-content-between align-items-center p-2">
                                    <span class="small fw-bold">Resume</span>
                                    @if ($interview->resume && file_exists(public_path('storage/' . $interview->resume)))
                                        @php
                                            $ext = strtolower(pathinfo($interview->resume, PATHINFO_EXTENSION));
                                            $isImg = ['jpeg', 'png', 'jpg'];
                                        @endphp


                                        @if (in_array($ext, $isImg))
                                            <img src="{{ asset('storage/' . $interview->resume) }}"
                                                alt="Post Graduation Certificate" width="40" height="40"
                                                class="rounded viewable">
                                        @else
                                            <a href="{{ asset('storage/' . $interview->resume) }}" target="_blank"
                                                class="btn btn-sm btn-outline-dark">
                                                <i class="fa fa-file-pdf"></i>
                                            </a>
                                        @endif
                                    @else
                                        <span class="text-muted small">Not uploaded</span>
                                    @endif
                                </div>
                            </div>
                        </div>

                        {{-- Signed Appointment --}}
                        <div class="col-lg-3 col-md-6 col-sm-12">
                            <div class="card shadow-sm h-100">
                                <div class="card-body d-flex justify-content-between align-items-center p-2">
                                    <span class="small fw-bold">Signed Appointment</span>
                                    @if ($interview->signed_appointment && file_exists(public_path('storage/' . $interview->signed_appointment)))
                                        @php
                                            $ext = strtolower(
                                                pathinfo($interview->signed_appointment, PATHINFO_EXTENSION),
                                            );
                                            $isImg = ['jpeg', 'png', 'jpg'];
                                        @endphp


                                        @if (in_array($ext, $isImg))
                                            <img src="{{ asset('storage/' . $interview->signed_appointment) }}"
                                                alt="Post Graduation Certificate" width="40" height="40"
                                                class="rounded viewable">
                                        @else
                                            <a href="{{ asset('storage/' . $interview->signed_appointment) }}"
                                                target="_blank" class="btn btn-sm btn-outline-dark">
                                                <i class="fa fa-file-pdf"></i>
                                            </a>
                                        @endif
                                    @else
                                        <span class="text-muted small">Not uploaded</span>
                                    @endif
                                </div>
                            </div>
                        </div>

                        {{-- Signed Offer Letter --}}
                        <div class="col-lg-3 col-md-6 col-sm-12">
                            <div class="card shadow-sm h-100">
                                <div class="card-body d-flex justify-content-between align-items-center p-2">
                                    <span class="small fw-bold">Signed Offer Letter</span>
                                    @if ($interview->signed_offer_letter && file_exists(public_path('storage/' . $interview->signed_offer_letter)))
                                        @php
                                            $ext = strtolower(
                                                pathinfo($interview->signed_offer_letter, PATHINFO_EXTENSION),
                                            );
                                            $isImg = ['jpeg', 'png', 'jpg'];
                                        @endphp


                                        @if (in_array($ext, $isImg))
                                            <img src="{{ asset('storage/' . $interview->signed_offer_letter) }}"
                                                alt="Post Graduation Certificate" width="40" height="40"
                                                class="rounded viewable">
                                        @else
                                            <a href="{{ asset('storage/' . $interview->signed_offer_letter) }}"
                                                target="_blank" class="btn btn-sm btn-outline-dark">
                                                <i class="fa fa-file-pdf"></i>
                                            </a>
                                        @endif
                                    @else
                                        <span class="text-muted small">Not uploaded</span>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row g-3 mt-3">
                        {{-- Gratuity Nomination Form --}}
                        <div class="col-lg-3 col-md-6 col-sm-12">
                            <div class="card shadow-sm h-100">
                                <div class="card-body d-flex justify-content-between align-items-center p-2">
                                    <span class="small fw-bold">Gratuity Nomination Form</span>
                                    @if ($interview->gratuity_nomination_form && file_exists(public_path('storage/' . $interview->gratuity_nomination_form)))
                                        @php
                                            $ext = strtolower(
                                                pathinfo($interview->gratuity_nomination_form, PATHINFO_EXTENSION),
                                            );
                                            $isImg = ['jpeg', 'png', 'jpg'];
                                        @endphp


                                        @if (in_array($ext, $isImg))
                                            <img src="{{ asset('storage/' . $interview->gratuity_nomination_form) }}"
                                                alt="Post Graduation Certificate" width="40" height="40"
                                                class="rounded viewable">
                                        @else
                                            <a href="{{ asset('storage/' . $interview->gratuity_nomination_form) }}"
                                                target="_blank" class="btn btn-sm btn-outline-dark">
                                                <i class="fa fa-file-pdf"></i>
                                            </a>
                                        @endif
                                    @else
                                        <span class="text-muted small">Not uploaded</span>
                                    @endif
                                </div>
                            </div>
                        </div>

                        {{-- Last 3 Month Salary Slip --}}
                        <div class="col-lg-3 col-md-6 col-sm-12">
                            <div class="card shadow-sm h-100">
                                <div class="card-body d-flex justify-content-between align-items-center p-2">
                                    <span class="small fw-bold">Last 3 Month Salary Slip</span>
                                    @if ($interview->last_3_month_salary && file_exists(public_path('storage/' . $interview->last_3_month_salary)))
                                        @php
                                            $ext = strtolower(
                                                pathinfo($interview->last_3_month_salary, PATHINFO_EXTENSION),
                                            );
                                            $isImg = ['jpeg', 'png', 'jpg'];
                                        @endphp


                                        @if (in_array($ext, $isImg))
                                            <img src="{{ asset('storage/' . $interview->last_3_month_salary) }}"
                                                alt="Post Graduation Certificate" width="40" height="40"
                                                class="rounded viewable">
                                        @else
                                            <a href="{{ asset('storage/' . $interview->last_3_month_salary) }}"
                                                target="_blank" class="btn btn-sm btn-outline-dark">
                                                <i class="fa fa-file-pdf"></i>
                                            </a>
                                        @endif
                                    @else
                                        <span class="text-muted small">Not uploaded</span>
                                    @endif
                                </div>
                            </div>
                        </div>

                        {{-- Last 3 Month Bank Statement --}}
                        <div class="col-lg-3 col-md-6 col-sm-12">
                            <div class="card shadow-sm h-100">
                                <div class="card-body d-flex justify-content-between align-items-center p-2">
                                    <span class="small fw-bold">Last 3 Month Bank Statement</span>
                                    @if ($interview->bank_statement && file_exists(public_path('storage/' . $interview->bank_statement)))
                                        @php
                                            $ext = strtolower(pathinfo($interview->bank_statement, PATHINFO_EXTENSION));
                                            $isImg = ['jpeg', 'png', 'jpg'];
                                        @endphp


                                        @if (in_array($ext, $isImg))
                                            <img src="{{ asset('storage/' . $interview->bank_statement) }}"
                                                alt="Last 3 Month Bank Statement" width="40" height="40"
                                                class="rounded viewable">
                                        @else
                                            <a href="{{ asset('storage/' . $interview->bank_statement) }}"
                                                target="_blank" class="btn btn-sm btn-outline-dark">
                                                <i class="fa fa-file-pdf"></i>
                                            </a>
                                        @endif
                                    @else
                                        <span class="text-muted small">Not uploaded</span>
                                    @endif
                                </div>
                            </div>
                        </div>

                        {{-- Last Resignation Acceptance --}}
                        <div class="col-lg-3 col-md-6 col-sm-12">
                            <div class="card shadow-sm h-100">
                                <div class="card-body d-flex justify-content-between align-items-center p-2">
                                    <span class="small fw-bold">Last Resignation Acceptance</span>
                                    @if ($interview->resign_acceptance && file_exists(public_path('storage/' . $interview->resign_acceptance)))
                                        @php
                                            $ext = strtolower(
                                                pathinfo($interview->resign_acceptance, PATHINFO_EXTENSION),
                                            );
                                            $isImg = ['jpeg', 'png', 'jpg'];
                                        @endphp


                                        @if (in_array($ext, $isImg))
                                            <img src="{{ asset('storage/' . $interview->resign_acceptance) }}"
                                                alt="Last 3 Month Bank Statement" width="40" height="40"
                                                class="rounded viewable">
                                        @else
                                            <a href="{{ asset('storage/' . $interview->resign_acceptance) }}"
                                                target="_blank" class="btn btn-sm btn-outline-dark">
                                                <i class="fa fa-file-pdf"></i>
                                            </a>
                                        @endif
                                    @else
                                        <span class="text-muted small">Not uploaded</span>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row g-3 mt-3">
                        {{-- Cancelled Cheque / Bank Passbook --}}
                        <div class="col-lg-3 col-md-6 col-sm-12">
                            <div class="card shadow-sm h-100">
                                <div class="card-body d-flex justify-content-between align-items-center p-2">
                                    <span class="small fw-bold">Cancelled Cheque / Bank Passbook</span>
                                    @if ($interview->cancelled_cheque && file_exists(public_path('storage/' . $interview->cancelled_cheque)))
                                        @php
                                            $ext = strtolower(
                                                pathinfo($interview->cancelled_cheque, PATHINFO_EXTENSION),
                                            );
                                            $isImg = ['jpeg', 'png', 'jpg'];
                                        @endphp


                                        @if (in_array($ext, $isImg))
                                            <img src="{{ asset('storage/' . $interview->cancelled_cheque) }}"
                                                alt="Last 3 Month Bank Statement" width="40" height="40"
                                                class="rounded viewable">
                                        @else
                                            <a href="{{ asset('storage/' . $interview->cancelled_cheque) }}"
                                                target="_blank" class="btn btn-sm btn-outline-dark">
                                                <i class="fa fa-file-pdf"></i>
                                            </a>
                                        @endif
                                    @else
                                        <span class="text-muted small">Not uploaded</span>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endif

        {{-- Interviewers --}}
        <div class="card shadow-sm rounded border-0 mb-4">
            <div class="card-header bg-dark text-white d-flex justify-content-between align-items-center">
                <h6 class="mb-0 fw-bold">Interviewers</h6>
                <button type="button" id="new-interviewer" class="btn btn-sm btn-primary" @disabled($interview->status == 'Generate Code')>
                    <i class="fa fa-plus"></i>
                </button>
            </div>
            <div class="card-body" id="interviewers-data">
                @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
            </div>
        </div>

        {{-- Experience Details --}}
        <div class="card shadow-sm rounded border-0 mb-4">
            <div class="card-header bg-dark text-white">
                <h6 class="mb-0 fw-bold">Experience Details</h6>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-6">
                        <dl class="row">
                            <dt class="col-sm-5">Experience</dt>
                            <dd class="col-sm-7">{{ $interview->experience ?? '-' }}</dd>
                        </dl>
                    </div>
                </div>

                @if ($interview->experience == 'Experienced' && isset($interview->experiences) && count($interview->experiences) > 0)
                    <div class="row">
                        <div class="table-responsive pb-3">
                            <div class="col-md-12 px-4">
                                <table class="table table-sm table-bordered">
                                    <thead>
                                        <tr>
                                            <th>#</th>
                                            <th>Employer</th>
                                            <th>Location</th>
                                            <th>Starting Salary</th>
                                            <th>Leaving Salary</th>
                                            <th>Starting Designation</th>
                                            <th>Leaving Designation</th>
                                            <th>Period From</th>
                                            <th>Period To</th>
                                            <th>Leaving Reason</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($interview->experiences as $experience)
                                            <tr>
                                                <td>{{ $loop->iteration }}</td>
                                                <td>{{ $experience->employer_name ?? '' }}</td>
                                                <td>{{ $experience->employer_location ?? '' }}</td>
                                                <td>{{ $experience->starting_salary ?? 0 }}</td>
                                                <td>{{ $experience->leaving_salary ?? 0 }}</td>
                                                <td>{{ $experience->starting_designation ?? '' }}</td>
                                                <td>{{ $experience->leaving_designation ?? '' }}</td>
                                                <td>{{ date('d-m-Y', strtotime($experience->period_from ?? '')) }}</td>
                                                <td>{{ date('d-m-Y', strtotime($experience->period_to ?? '')) }}</td>
                                                <td>{{ $experience->leaving_reason ?? '' }}</td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                @endif
            </div>
        </div>

        {{-- References --}}
        @if (isset($interview->references) && count($interview->references) > 0)
            <div class="card shadow-sm rounded border-0 mb-4">
                <div class="card-header bg-dark text-white">
                    <h6 class="mb-0 fw-bold">Past Employer References</h6>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-12 px-4">
                            <table class="table table-bordered">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>Name</th>
                                        <th>Designation</th>
                                        <th>Mobile No.</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($interview->references as $reference)
                                        <tr>
                                            <td>{{ $loop->iteration }}</td>
                                            <td>{{ $reference->name ?? '' }}</td>
                                            <td>{{ $reference->designation ?? '' }}</td>
                                            <td>{{ $reference->mobile_no ?? '' }}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        @endif

        {{-- Interview Logs --}}
        <div class="card shadow-sm rounded border-0 mb-4">
            <div class="card-header bg-dark text-white">
                <h6 class="mb-0 fw-bold">Interview Logs</h6>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="table-responsive pb-4">
                        <div class="col-md-12 px-4">
                            <table class="table table-bordered">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>Title</th>
                                        <th>Description</th>
                                        <th>Updated Date</th>
                                        <th>Updated By</th>
                                    </tr>
                                </thead>
                                <tbody id="logs-content">
                                    @if (isset($interview->interviewLogs) && count($interview->interviewLogs) > 0)
                                        @foreach ($interview->interviewLogs as $log)
                                            <tr>
                                                <td>{{ $loop->iteration }}</td>
                                                <td>{{ $log->title ?? '-' }}</td>
                                                <td>{{ $log->description ?? '-' }}</td>
                                                <td>{{ $log->updated_at->format('Y-m-d h:i:s A') ?? '-' }}</td>
                                                <td>
                                                    @if (!empty($log->updated_by))
                                                        {{ $log->updatedBy->name ?? '-' }}
                                                    @else
                                                        {{ $interview->name ?? '-' }}
                                                    @endif
                                                </td>
                                            </tr>
                                        @endforeach
                                    @else
                                        <tr>
                                            <td colspan="5" class="text-center">Records not found!</td>
                                        </tr>
                                    @endif
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        {{-- Mail Logs --}}
        <div class="card shadow-sm rounded border-0 mb-4">
            <div class="card-header bg-dark text-white">
                <h6 class="mb-0 fw-bold">Mail Logs</h6>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-12 px-4">
                        <table class="table" id="mail-logs">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>Subject</th>
                                    <th>To</th>
                                    <th>Status</th>
                                    <th>DateTime</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody></tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('page-js')
    </script>
    <script type="text/javascript">
        var interviewId = "{{ $interview->id }}";
        var csrfToken = "{{ csrf_token() }}";
        var isScheduled = @json($isScheduled);
        var indexRoute = "{{ route('interview-management.index') }}";
        var statusRoute = "{{ route('interview-management.status') }}";
        var detailsRoute = "{{ route('candidate-mail-logs.show', ':id') }}";
        var emailLogsRoute = "{{ route('candidate-mail-logs.ajax-list') }}";
        var resendMailRoute = "{{ route('candidate-mail-logs.resend-mail') }}";
        var ctcDetailsRoute = "{{ route('interview-management.ctc-details') }}";
        var interviewersRoute = "{{ route('interview-management.interviewers') }}";
        var storeInterviewerRoute = "{{ route('interview-management.store-interviewer') }}";
        var updateTakenTimeRoute = "{{ route('interview-management.update-taken-time') }}";
    </script>
    <script src="{{ asset('assets/js/admin/interview-management.js') }}"></script>
@endsection