@props([
    'interview',
])

<div id="tab-content-resume" class="hidden space-y-2.5">
    @if(!empty($interview->resume_path))
        <div class="relative rounded-xl border border-slate-800 overflow-hidden bg-slate-950/80">
            <iframe
                src="{{ $interview->resume_url }}"
                class="w-full h-80 border-0 rounded-xl"
                title="Candidate Resume Preview"
            ></iframe>
        </div>

    @else
        <div class="p-8 text-center bg-slate-950/50 border border-slate-800/80 rounded-xl">
            <div class="w-10 h-10 mx-auto rounded-full bg-slate-800/60 flex items-center justify-center text-slate-500 mb-2.5">
                <x-icons.cv class="w-5 h-5 text-slate-500" />
            </div>
            <p class="text-xs font-semibold text-slate-300 m-0">No Resume Attached</p>
            <p class="text-[11px] text-slate-500 mt-1 mb-0">No resume document was uploaded when scheduling this assessment.</p>
        </div>
    @endif
</div>