@extends('admin.admin_dashboard')

@section('customcss')
<style>
/* ─── CV Wrapper ─────────────────────────────────────────────── */
.cv-wrapper {
    max-width: 900px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 2px 16px rgba(0,0,0,.08);
}

/* ─── Header / Banner ─────────────────────────────────────────── */
.cv-header {
    background: linear-gradient(135deg, #1a3c5e 0%, #2d6da3 100%);
    color: #fff;
    padding: 36px 40px 28px;
    position: relative;
}
.cv-header .cv-photo {
    width: 100px;
    height: 120px;
    object-fit: cover;
    border: 3px solid rgba(255,255,255,.5);
    border-radius: 4px;
}
.cv-header .cv-photo-placeholder {
    width: 100px;
    height: 120px;
    background: rgba(255,255,255,.15);
    border: 2px dashed rgba(255,255,255,.4);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.4rem;
    color: rgba(255,255,255,.6);
}
.cv-header h2 {
    font-size: 1.65rem;
    font-weight: 700;
    letter-spacing: .5px;
    margin-bottom: 4px;
}
.cv-header .cv-subtitle {
    font-size: .95rem;
    opacity: .85;
    margin-bottom: 14px;
}
.cv-header .cv-meta span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: .82rem;
    margin-right: 16px;
    opacity: .9;
}
.cv-status-badge {
    position: absolute;
    top: 20px;
    right: 40px;
    padding: 4px 14px;
    border-radius: 20px;
    font-size: .78rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .6px;
    border: 1.5px solid rgba(255,255,255,.6);
    background: rgba(255,255,255,.18);
    color: #fff;
}
.cv-app-no {
    position: absolute;
    bottom: 18px;
    right: 40px;
    font-size: .75rem;
    opacity: .7;
    letter-spacing: .4px;
}

/* ─── Section title bar ───────────────────────────────────────── */
.cv-section-title {
    background: #f0f4f9;
    border-left: 4px solid #2d6da3;
    padding: 8px 20px;
    font-size: .82rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #1a3c5e;
    margin: 0;
}

/* ─── Body area ───────────────────────────────────────────────── */
.cv-body {
    padding: 0 40px 36px;
}

/* ─── Info grid (key:value pairs) ─────────────────────────────── */
.cv-info-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
}
.cv-info-grid .cv-info-item {
    padding: 9px 0;
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    gap: 8px;
    font-size: .875rem;
}
.cv-info-grid .cv-info-item:nth-last-child(-n+2) {
    border-bottom: none;
}
.cv-info-label {
    min-width: 130px;
    color: #6c757d;
    font-weight: 600;
    font-size: .8rem;
    text-transform: uppercase;
    letter-spacing: .3px;
    padding-top: 1px;
}
.cv-info-value {
    color: #212529;
    flex: 1;
}

/* ─── Address columns ─────────────────────────────────────────── */
.cv-address-block {
    background: #f8fafc;
    border: 1px solid #e4eaf1;
    border-radius: 5px;
    padding: 16px 20px;
}
.cv-address-block .cv-addr-type {
    font-size: .7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .8px;
    color: #2d6da3;
    margin-bottom: 8px;
    border-bottom: 1px solid #d4e0ec;
    padding-bottom: 5px;
}
.cv-address-block p {
    margin: 0;
    font-size: .875rem;
    color: #343a40;
    line-height: 1.7;
}

/* ─── Education table ─────────────────────────────────────────── */
.cv-table {
    width: 100%;
    font-size: .83rem;
    border-collapse: collapse;
}
.cv-table thead th {
    background: #eef2f7;
    color: #1a3c5e;
    font-weight: 700;
    font-size: .76rem;
    text-transform: uppercase;
    letter-spacing: .4px;
    padding: 9px 12px;
    border-bottom: 2px solid #d0dbe9;
    white-space: nowrap;
}
.cv-table tbody td {
    padding: 9px 12px;
    border-bottom: 1px solid #eef0f2;
    vertical-align: middle;
    color: #343a40;
}
.cv-table tbody tr:last-child td {
    border-bottom: none;
}
.cv-table tbody tr:hover td {
    background: #f9fbfd;
}

/* ─── Experience timeline ─────────────────────────────────────── */
.cv-exp-item {
    border-left: 3px solid #2d6da3;
    padding: 0 0 20px 20px;
    position: relative;
}
.cv-exp-item:last-child {
    padding-bottom: 0;
}
.cv-exp-item::before {
    content: '';
    width: 10px;
    height: 10px;
    background: #2d6da3;
    border-radius: 50%;
    position: absolute;
    left: -6.5px;
    top: 4px;
}
.cv-exp-item .exp-title {
    font-weight: 700;
    font-size: .9rem;
    color: #1a3c5e;
}
.cv-exp-item .exp-org {
    font-size: .83rem;
    color: #495057;
    margin-top: 2px;
}
.cv-exp-item .exp-period {
    font-size: .77rem;
    color: #6c757d;
    margin-top: 3px;
}
.cv-exp-item .exp-addr {
    font-size: .78rem;
    color: #868e96;
    margin-top: 3px;
}

/* ─── Document grid ───────────────────────────────────────────── */
.cv-doc-card {
    border: 1px solid #dde4ed;
    border-radius: 6px;
    padding: 14px 16px;
    display: flex;
    align-items: center;
    gap: 14px;
    background: #f8fafc;
    transition: box-shadow .15s;
}
.cv-doc-card:hover {
    box-shadow: 0 2px 8px rgba(45,109,163,.12);
}
.cv-doc-card .doc-icon {
    font-size: 1.8rem;
    color: #2d6da3;
}
.cv-doc-card .doc-label {
    font-weight: 700;
    font-size: .82rem;
    color: #1a3c5e;
    text-transform: uppercase;
    letter-spacing: .4px;
}
.cv-doc-card .doc-name {
    font-size: .78rem;
    color: #6c757d;
    margin-top: 2px;
}

/* ─── Footer strip ────────────────────────────────────────────── */
.cv-footer {
    background: #f0f4f9;
    border-top: 1px solid #d9e3ef;
    padding: 12px 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: .78rem;
    color: #6c757d;
}

/* ─── Print ───────────────────────────────────────────────────── */
@media print {
    .cv-topbar-actions, .breadcrumb, .nav-header, .deznav, .content-body > .container-fluid > .row.page-titles { display: none !important; }
    .cv-wrapper { box-shadow: none; border: none; max-width: 100%; }
    .cv-header .cv-status-badge, .cv-app-no { position: static; }
}
</style>
@endsection

@section('admin')
    <div class="content-body">
        <div class="container-fluid">

            {{-- Breadcrumb + top toolbar --}}
            <div class="row page-titles">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="javascript:void(0)">Admin</a></li>
                    <li class="breadcrumb-item"><a href="{{ route('admin.job_applications.index') }}">Job Applications / CV</a></li>
                    <li class="breadcrumb-item active">{{ $jobApplication->application_no }}</li>
                </ol>
            </div>

            {{-- Top action bar --}}
            <div class="cv-topbar-actions d-flex justify-content-between align-items-center mb-3">
                <a href="{{ route('admin.job_applications.index') }}" class="btn btn-light border btn-sm">
                    <i class="fa fa-arrow-left me-1"></i> Back to List
                </a>
                <div class="d-flex gap-2 align-items-center">
                    <form action="{{ route('admin.job_applications.update_status', $jobApplication) }}" method="POST" class="d-inline-flex align-items-center gap-2">
                        @csrf
                        @method('PATCH')
                        <select name="application_status" class="form-control form-control-sm" style="min-width:160px;">
                            @foreach (['pending','under_review','shortlisted','rejected','approved','waiting','cancelled'] as $st)
                                <option value="{{ $st }}" {{ $jobApplication->application_status === $st ? 'selected' : '' }}>
                                    {{ ucwords(str_replace('_', ' ', $st)) }}
                                </option>
                            @endforeach
                        </select>
                        <button type="submit" class="btn btn-secondary btn-sm">
                            <i class="fa fa-sync me-1"></i> Update Status
                        </button>
                    </form>
                    <button onclick="window.print()" class="btn btn-outline-primary btn-sm">
                        <i class="fa fa-print me-1"></i> Print
                    </button>
                    <form action="{{ route('admin.job_applications.destroy', $jobApplication) }}" method="POST" onsubmit="return confirm('Delete this application?')">
                        @csrf
                        @method('DELETE')
                        <button type="submit" class="btn btn-danger btn-sm">
                            <i class="fa fa-trash me-1"></i> Delete
                        </button>
                    </form>
                </div>
            </div>

            {{-- ═══════════════════════ CV CARD ═══════════════════════ --}}
            <div class="cv-wrapper">

                {{-- ── HEADER ── --}}
                @php
                    $photoDoc   = $jobApplication->documents->firstWhere('document_type', 'photo');
                    $sigDoc     = $jobApplication->documents->firstWhere('document_type', 'signature');

                    $photoUrl = null;
                    if ($photoDoc) {
                        $raw = ltrim((string) $photoDoc->file_path, '/');
                        $norm = str_starts_with($raw, 'storage/') ? substr($raw, 8) : $raw;
                        $photoUrl = str_starts_with($norm, 'job_applications/') ? asset('storage/' . $norm) : null;
                    }

                    $sigUrl = null;
                    if ($sigDoc) {
                        $raw = ltrim((string) $sigDoc->file_path, '/');
                        $norm = str_starts_with($raw, 'storage/') ? substr($raw, 8) : $raw;
                        $sigUrl = str_starts_with($norm, 'job_applications/') ? asset('storage/' . $norm) : null;
                    }
                @endphp

                <div class="cv-header">
                    <span class="cv-status-badge">
                        @if($jobApplication->save_type === 'draft')
                            Draft
                        @else
                            {{ ucwords(str_replace('_', ' ', $jobApplication->application_status ?? 'Pending')) }}
                        @endif
                    </span>
                    <span class="cv-app-no">{{ $jobApplication->application_no }}</span>

                    <div class="d-flex gap-4 align-items-start">
                        <div>
                            @if($photoUrl)
                                <img src="{{ $photoUrl }}" alt="Photo" class="cv-photo">
                            @else
                                <div class="cv-photo-placeholder"><i class="fa fa-user"></i></div>
                            @endif
                        </div>
                        <div class="flex-grow-1">
                            <h2>{{ $jobApplication->name_en ?? 'N/A' }}</h2>
                            @if($jobApplication->name_bn)
                                <div class="cv-subtitle">{{ $jobApplication->name_bn }}</div>
                            @endif
                            <div class="cv-meta">
                                @if($jobApplication->post)
                                    <span><i class="fa fa-briefcase"></i> {{ $jobApplication->post->name }}</span>
                                @endif
                                @if($jobApplication->primary_subject)
                                    <span><i class="fa fa-book"></i> {{ $jobApplication->primary_subject }}</span>
                                @endif
                                @if($jobApplication->email)
                                    <span><i class="fa fa-envelope"></i> {{ $jobApplication->email }}</span>
                                @endif
                                @if($jobApplication->mobile)
                                    <span><i class="fa fa-phone"></i> {{ $jobApplication->mobile }}</span>
                                @endif
                                @if($jobApplication->dob)
                                    <span><i class="fa fa-calendar"></i> DOB: {{ optional($jobApplication->dob)->format('d M, Y') }}</span>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>

                {{-- ── PERSONAL INFORMATION ── --}}
                <div class="cv-section-title mt-0 pt-3 pb-2 px-4 mb-0" style="border-left:none; background:#fff; border-bottom:2px solid #e0eaf5; padding:12px 40px;">
                    <span style="border-left:4px solid #2d6da3; padding-left:10px;">Personal Information</span>
                </div>
                <div class="cv-body pt-3">
                    <div class="cv-info-grid mb-4">
                        <div class="cv-info-item">
                            <span class="cv-info-label">Father's Name</span>
                            <span class="cv-info-value">{{ $jobApplication->father_name_en ?? 'N/A' }}
                                @if($jobApplication->father_name_bn)
                                    <small class="text-muted">({{ $jobApplication->father_name_bn }})</small>
                                @endif
                            </span>
                        </div>
                        <div class="cv-info-item">
                            <span class="cv-info-label">Mother's Name</span>
                            <span class="cv-info-value">{{ $jobApplication->mother_name_en ?? 'N/A' }}
                                @if($jobApplication->mother_name_bn)
                                    <small class="text-muted">({{ $jobApplication->mother_name_bn }})</small>
                                @endif
                            </span>
                        </div>
                        <div class="cv-info-item">
                            <span class="cv-info-label">Gender</span>
                            <span class="cv-info-value">{{ $jobApplication->gender ?? 'N/A' }}</span>
                        </div>
                        <div class="cv-info-item">
                            <span class="cv-info-label">Marital Status</span>
                            <span class="cv-info-value">{{ $jobApplication->marital_status ?? 'N/A' }}</span>
                        </div>
                        <div class="cv-info-item">
                            <span class="cv-info-label">Nationality</span>
                            <span class="cv-info-value">{{ $jobApplication->nationality ?? 'N/A' }}
                                @if($jobApplication->nationality_other)
                                    <small class="text-muted">({{ $jobApplication->nationality_other }})</small>
                                @endif
                            </span>
                        </div>
                        <div class="cv-info-item">
                            <span class="cv-info-label">Religion</span>
                            <span class="cv-info-value">{{ $jobApplication->religion ?? 'N/A' }}
                                @if($jobApplication->religion_other)
                                    <small class="text-muted">({{ $jobApplication->religion_other }})</small>
                                @endif
                            </span>
                        </div>
                        <div class="cv-info-item">
                            <span class="cv-info-label">NID</span>
                            <span class="cv-info-value">
                                @if($jobApplication->nid_status)
                                    {{ $jobApplication->nid_num ?? '—' }}
                                @else
                                    <span class="text-muted">N/A</span>
                                @endif
                            </span>
                        </div>
                        <div class="cv-info-item">
                            <span class="cv-info-label">Birth Reg. No.</span>
                            <span class="cv-info-value">
                                @if($jobApplication->birth_reg_status)
                                    {{ $jobApplication->birth_reg_num ?? '—' }}
                                @else
                                    <span class="text-muted">N/A</span>
                                @endif
                            </span>
                        </div>
                        <div class="cv-info-item">
                            <span class="cv-info-label">Passport</span>
                            <span class="cv-info-value">
                                @if($jobApplication->passport_status)
                                    {{ $jobApplication->passport_num ?? '—' }}
                                @else
                                    <span class="text-muted">N/A</span>
                                @endif
                            </span>
                        </div>
                        <div class="cv-info-item">
                            <span class="cv-info-label">Shift</span>
                            <span class="cv-info-value">
                                @if($jobApplication->expected_salary == 1)
                                    Morning Shift
                                @elseif($jobApplication->expected_salary == 2)
                                    Day Shift
                                @else
                                    Both Morning and Day Shift
                                @endif
                            </span>
                        </div>
                        <div class="cv-info-item">
                            <span class="cv-info-label">Job Circular</span>
                            <span class="cv-info-value">
                                @if($jobApplication->jobCircular)
                                    {{ $jobApplication->jobCircular->job_id }}
                                    @if($jobApplication->jobCircular->title) — {{ $jobApplication->jobCircular->title }} @endif
                                @else
                                    <span class="text-muted">N/A</span>
                                @endif
                            </span>
                        </div>
                        <div class="cv-info-item">
                            <span class="cv-info-label">Applied On</span>
                            <span class="cv-info-value">{{ optional($jobApplication->application_date)->format('d M, Y') ?? 'N/A' }}</span>
                        </div>
                    </div>

                    {{-- ── ADDRESS ── --}}
                    <div class="cv-section-title mb-3">Address Details</div>
                    @php
                        $presentAddr  = $jobApplication->addresses->where('address_type', 'present')->first();
                        $permanentAddr = $jobApplication->addresses->where('address_type', 'permanent')->first();
                    @endphp
                    <div class="row g-3 mb-4">
                        <div class="col-md-6">
                            <div class="cv-address-block">
                                <div class="cv-addr-type"><i class="fa fa-map-marker me-1"></i>Present Address</div>
                                @if($presentAddr)
                                    <p>
                                        @if($presentAddr->care_of) C/O: {{ $presentAddr->care_of }}<br>@endif
                                        @if($presentAddr->village) {{ $presentAddr->village }}, @endif
                                        @if($presentAddr->upazila) {{ $presentAddr->upazila }},<br>@endif
                                        @if($presentAddr->district) {{ $presentAddr->district }}@endif
                                        @if($presentAddr->post_office) — P.O: {{ $presentAddr->post_office }}@endif
                                        @if($presentAddr->post_code) ({{ $presentAddr->post_code }})@endif
                                    </p>
                                @else
                                    <p class="text-muted fst-italic">No address on record.</p>
                                @endif
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="cv-address-block">
                                <div class="cv-addr-type"><i class="fa fa-home me-1"></i>Permanent Address</div>
                                @if($permanentAddr)
                                    <p>
                                        @if($permanentAddr->care_of) C/O: {{ $permanentAddr->care_of }}<br>@endif
                                        @if($permanentAddr->village) {{ $permanentAddr->village }}, @endif
                                        @if($permanentAddr->upazila) {{ $permanentAddr->upazila }},<br>@endif
                                        @if($permanentAddr->district) {{ $permanentAddr->district }}@endif
                                        @if($permanentAddr->post_office) — P.O: {{ $permanentAddr->post_office }}@endif
                                        @if($permanentAddr->post_code) ({{ $permanentAddr->post_code }})@endif
                                    </p>
                                @elseif($jobApplication->same_as_present)
                                    <p class="text-muted fst-italic">Same as present address.</p>
                                @else
                                    <p class="text-muted fst-italic">No address on record.</p>
                                @endif
                            </div>
                        </div>
                    </div>

                    {{-- ── ACADEMIC QUALIFICATIONS ── --}}
                    <div class="cv-section-title mb-3">Academic Qualifications</div>
                    @if($jobApplication->educations->count())
                        <div class="table-responsive mb-4">
                            <table class="cv-table">
                                <thead>
                                    <tr>
                                        <th>Level</th>
                                        <th>Examination</th>
                                        <th>Board / University</th>
                                        <th>Subject / Group</th>
                                        <th>Result</th>
                                        <th>GPA / Grade</th>
                                        <th>Roll</th>
                                        <th>Year</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($jobApplication->educations as $education)
                                        @if($education->is_applicable)
                                        <tr>
                                            <td><strong>{{ strtoupper($education->education_level) }}</strong></td>
                                            <td>{{ $education->examination ?? '—' }}</td>
                                            <td>{{ $education->board_or_university ?? '—' }}</td>
                                            <td>{{ $education->subject ?? $education->study_group ?? '—' }}</td>
                                            <td>{{ $education->result_type ?? '—' }}</td>
                                            <td>{{ $education->gpa ?? '—' }}</td>
                                            <td>{{ $education->roll ?? '—' }}</td>
                                            <td>{{ $education->passing_year ?? '—' }}</td>
                                        </tr>
                                        @endif
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    @else
                        <p class="text-muted fst-italic mb-4">No education records found.</p>
                    @endif

                    {{-- ── EXPERIENCE ── --}}
                    <div class="cv-section-title mb-3">Work Experience</div>
                    <div class="mb-4">
                        @forelse($jobApplication->experiences as $experience)
                            <div class="cv-exp-item">
                                <div class="exp-title">{{ $experience->designation ?? 'N/A' }}</div>
                                <div class="exp-org">
                                    {{ $experience->organization_name ?? 'N/A' }}
                                    @if($experience->employer_type)
                                        <span class="badge ms-1" style="background:#e7f0fa; color:#2d6da3; font-size:.7rem; font-weight:600;">{{ $experience->employer_type }}</span>
                                    @endif
                                </div>
                                <div class="exp-period">
                                    <i class="fa fa-calendar-alt me-1"></i>
                                    {{ optional($experience->from_date)->format('M Y') ?? 'N/A' }}
                                    —
                                    @if($experience->is_currently_working)
                                        <span style="color:#28a745; font-weight:600;">Present</span>
                                    @else
                                        {{ optional($experience->to_date)->format('M Y') ?? 'N/A' }}
                                    @endif
                                </div>
                                @if($experience->address)
                                    <div class="exp-addr"><i class="fa fa-map-marker-alt me-1"></i>{{ $experience->address }}</div>
                                @endif
                            </div>
                        @empty
                            <p class="text-muted fst-italic">No experience records found.</p>
                        @endforelse
                    </div>

                    {{-- ── OTHER QUALIFICATIONS ── --}}
                    @if($jobApplication->qual_1 || $jobApplication->qual_2)
                    <div class="cv-section-title mb-3">Other Qualifications</div>
                    <div class="cv-info-grid mb-4">
                        <div class="cv-info-item">
                            <span class="cv-info-label">Qualification 1</span>
                            <span class="cv-info-value">{{ $jobApplication->qual_1 ?? 'N/A' }}</span>
                        </div>
                        <div class="cv-info-item">
                            <span class="cv-info-label">Qualification 2</span>
                            <span class="cv-info-value">{{ $jobApplication->qual_2 ?? 'N/A' }}</span>
                        </div>
                    </div>
                    @endif

                    {{-- ── DOCUMENTS ── --}}
                    <div class="cv-section-title mb-3">Attached Documents</div>
                    @php
                        $docMap = [
                            'photo'            => ['label' => 'Photo',              'icon' => 'fa-image'],
                            'signature'        => ['label' => 'Signature',          'icon' => 'fa-pen-nib'],
                            'birth_certificate'=> ['label' => 'Birth Certificate',  'icon' => 'fa-file-alt'],
                            'nid_copy'         => ['label' => 'NID Copy',           'icon' => 'fa-id-card'],
                        ];
                        $docsByType = $jobApplication->documents->keyBy('document_type');
                    @endphp
                    <div class="row g-3 mb-4">
                        @foreach($docMap as $type => $meta)
                            @php
                                $doc = $docsByType->get($type);
                                $fileUrl = null;
                                if ($doc) {
                                    $raw  = ltrim((string) $doc->file_path, '/');
                                    $norm = str_starts_with($raw, 'storage/') ? substr($raw, 8) : $raw;
                                    $fileUrl = str_starts_with($norm, 'job_applications/') ? asset('storage/' . $norm) : null;
                                }
                            @endphp
                            <div class="col-md-3 col-6">
                                <div class="cv-doc-card">
                                    <div class="doc-icon"><i class="fa {{ $meta['icon'] }}"></i></div>
                                    <div class="flex-grow-1 min-w-0">
                                        <div class="doc-label">{{ $meta['label'] }}</div>
                                        @if($doc)
                                            <div class="doc-name">{{ $doc->original_name ?? $doc->stored_name ?? '—' }}</div>
                                            @if($fileUrl)
                                                <a href="{{ $fileUrl }}" target="_blank" class="btn btn-link btn-sm p-0 mt-1" style="font-size:.75rem;">
                                                    <i class="fa fa-eye me-1"></i>View
                                                </a>
                                            @endif
                                        @else
                                            <div class="doc-name text-muted fst-italic">Not uploaded</div>
                                        @endif
                                    </div>
                                    @if($type === 'signature' && $sigUrl)
                                        <img src="{{ $sigUrl }}" alt="Signature" style="height:36px; border:1px solid #cdd9e5; border-radius:3px; background:#fff; padding:2px;">
                                    @endif
                                </div>
                            </div>
                        @endforeach
                    </div>

                </div>{{-- /cv-body --}}

                {{-- ── FOOTER ── --}}
                <div class="cv-footer">
                    <span>
                        Applied: {{ optional($jobApplication->application_date)->format('d M, Y h:i A') ?? 'N/A' }}
                        @if($jobApplication->submitted_at)
                            &nbsp;|&nbsp; Submitted: {{ $jobApplication->submitted_at->format('d M, Y h:i A') }}
                        @endif
                    </span>
                    <span>
                        @if($jobApplication->reviewedBy)
                            Reviewed by <strong>{{ $jobApplication->reviewedBy->name }}</strong>
                            @if($jobApplication->reviewed_at)
                                on {{ $jobApplication->reviewed_at->format('d M, Y') }}
                            @endif
                        @else
                            Not yet reviewed
                        @endif
                    </span>
                </div>

            </div>{{-- /cv-wrapper --}}

        </div>
    </div>
@endsection