@extends('candidate.layouts.app')

@section('content')
<div class="mb-4">
    <h4 class="fw-bold mb-1">My Application</h4>
    <p class="text-muted mb-0">Detailed view of your recruitment application.</p>
</div>

{{-- Personal Information --}}
<div class="bg-white rounded-3 shadow-sm p-3 mb-4">
    <div class="fw-bold mb-3">
        <i class="ri-user-line me-1"></i> Personal Information
    </div>
    <div class="row g-3">
        <div class="col-md-6">
            <div class="text-muted small fw-semibold">Full Name</div>
            <div>{{ $applicant->full_name }}</div>
        </div>
        <div class="col-md-6">
            <div class="text-muted small fw-semibold">Email</div>
            <div>{{ $applicant->email ?? '-' }}</div>
        </div>
        <div class="col-md-6">
            <div class="text-muted small fw-semibold">Contact Number</div>
            <div>{{ $applicant->contact_number ?? '-' }}</div>
        </div>
        <div class="col-md-6">
            <div class="text-muted small fw-semibold">Source</div>
            <div>{{ $applicant->source ?? '-' }}</div>
        </div>
        <div class="col-md-6">
            <div class="text-muted small fw-semibold">Qualifications</div>
            <div>{{ $applicant->qualifications ?? '-' }}</div>
        </div>
        <div class="col-md-6">
            <div class="text-muted small fw-semibold">Years of Experience</div>
            <div>{{ $applicant->years_of_experience ?? '-' }}</div>
        </div>
    </div>
</div>

{{-- Recruitment Details --}}
<div class="bg-white rounded-3 shadow-sm p-3 mb-4">
    <div class="fw-bold mb-3">
        <i class="ri-briefcase-line me-1"></i> Recruitment Details
    </div>
    <div class="row g-3">
        <div class="col-md-6">
            <div class="text-muted small fw-semibold">Position</div>
            <div>{{ $applicant->recruitment?->jobTitles?->name ?? '-' }}</div>
        </div>
        <div class="col-md-6">
            <div class="text-muted small fw-semibold">Department</div>
            <div>{{ $applicant->recruitment?->requests?->department?->name ?? '-' }}</div>
        </div>
        <div class="col-md-6">
            <div class="text-muted small fw-semibold">Category</div>
            <div>{{ $applicant->recruitment?->category?->name ?? '-' }}</div>
        </div>
        <div class="col-md-6">
            <div class="text-muted small fw-semibold">Assigned To</div>
            <div>{{ $applicant->assignedStaff?->full_name ?? '-' }}</div>
        </div>
    </div>
</div>

{{-- Application Progress --}}
<div class="bg-white rounded-3 shadow-sm p-3 mb-4">
    <div class="fw-bold mb-3">
        <i class="ri-progress-4-line me-1"></i> Application Progress
    </div>
    @php
        $stages = [
            'Screening' => $applicant->screening_status,
            'Phone Call' => $applicant->phone_call_status,
            'Shortlist' => $applicant->shortlist_status,
            'Demo Session' => $applicant->demo_scheduling_status,
            'Stage (Induction/Training)' => $applicant->stage_status,
        ];
    @endphp
    <div class="row g-2">
        @foreach($stages as $label => $status)
            <div class="col-md-4 col-sm-6">
                <div class="border rounded-3 p-2 text-center">
                    <div class="small fw-semibold text-muted mb-1">{{ $label }}</div>
                    <span class="status-badge status-{{ $status ?? 'pending' }}">
                        {{ ucfirst($status ?? 'Pending') }}
                    </span>
                </div>
            </div>
        @endforeach
        <div class="col-md-4 col-sm-6">
            <div class="border rounded-3 p-2 text-center">
                <div class="small fw-semibold text-muted mb-1">Offer</div>
                <span class="status-badge status-{{ $applicant->offer_status ?? 'pending' }}">
                    {{ ucfirst($applicant->offer_status ?? 'Pending') }}
                </span>
            </div>
        </div>
    </div>
</div>

{{-- Change History --}}
<div class="bg-white rounded-3 shadow-sm p-3">
    <div class="fw-bold mb-3">
        <i class="ri-history-line me-1"></i> Status History
    </div>
    @if($applicant->logs->isNotEmpty())
        <div class="table-responsive">
            <table class="table table-sm mb-0">
                <thead>
                    <tr class="text-muted small">
                        <th>Field</th>
                        <th>From</th>
                        <th>To</th>
                        <th>Date</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($applicant->logs as $log)
                        <tr>
                            <td class="text-capitalize">{{ str_replace('_', ' ', $log->field) }}</td>
                            <td class="text-muted">{{ $log->old_value ?? '-' }}</td>
                            <td class="fw-semibold">{{ $log->new_value ?? '-' }}</td>
                            <td class="text-muted small">{{ $log->created_at?->format('M d, Y H:i') }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    @else
        <p class="text-muted mb-0">No status changes recorded yet.</p>
    @endif
</div>
@endsection