@extends('candidate.layouts.app')

@section('content')
<div class="mb-4">
    <h4 class="fw-bold mb-1">Welcome, {{ $applicant->full_name }}</h4>
    <p class="text-muted mb-0">Here's an overview of your recruitment journey with us.</p>
</div>

{{-- Status Cards --}}
<div class="row g-3 mb-4">
    <div class="col-md-4">
        <div class="bg-white rounded-3 shadow-sm p-3">
            <div class="text-muted small fw-semibold mb-1">Current Stage</div>
            <span class="status-badge status-{{ $applicant->stage_status ?? 'pending' }}">
                {{ ucfirst(str_replace('_', ' ', $applicant->stage_status ?? 'pending')) }}
            </span>
        </div>
    </div>
    <div class="col-md-4">
        <div class="bg-white rounded-3 shadow-sm p-3">
            <div class="text-muted small fw-semibold mb-1">Stage Result</div>
            @if($applicant->stage_result)
                <span class="status-badge status-{{ $applicant->stage_result }}">
                    {{ ucfirst($applicant->stage_result) }}
                </span>
            @else
                <span class="text-muted">Awaiting result</span>
            @endif
        </div>
    </div>
    <div class="col-md-4">
        <div class="bg-white rounded-3 shadow-sm p-3">
            <div class="text-muted small fw-semibold mb-1">Offer Status</div>
            <span class="status-badge status-{{ $applicant->offer_status ?? 'pending' }}">
                {{ ucfirst($applicant->offer_status ?? 'Pending') }}
            </span>
        </div>
    </div>
</div>

{{-- Position Info --}}
<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> Position 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">Application Status</div>
            <span class="status-badge status-{{ $applicant->current_status }}">
                {{ ucfirst($applicant->current_status) }}
            </span>
        </div>
        <div class="col-md-6">
            <div class="text-muted small fw-semibold">Applied On</div>
            <div>{{ $applicant->created_at?->format('M d, Y') ?? '-' }}</div>
        </div>
    </div>
</div>

{{-- Upcoming Sessions --}}
<div class="bg-white rounded-3 shadow-sm p-3 mb-4">
    <div class="fw-bold mb-3">
        <i class="ri-calendar-line me-1"></i> Upcoming Sessions
    </div>
    @if($applicant->staffSessionSlots->isNotEmpty())
        <div class="table-responsive">
            <table class="table table-sm align-middle mb-0">
                <thead>
                    <tr class="text-muted small">
                        <th>Date</th>
                        <th>Time</th>
                        <th>Type</th>
                        <th>Status</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($applicant->staffSessionSlots as $slot)
                        <tr>
                            <td>{{ $slot->date }}</td>
                            <td>{{ $slot->start_time }} - {{ $slot->end_time }}</td>
                            <td>
                                <span class="status-badge status-{{ $slot->status ?? 'pending' }}">
                                    {{ ucfirst($slot->status ?? 'Pending') }}
                                </span>
                            </td>
                            <td>
                                @if($slot->date >= now()->toDateString())
                                    <span class="text-primary fw-semibold">Upcoming</span>
                                @else
                                    <span class="text-muted">Completed</span>
                                @endif
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    @else
        <p class="text-muted mb-0">No sessions scheduled yet. You'll be notified when sessions are assigned.</p>
    @endif
</div>

{{-- Recent Activity --}}
<div class="bg-white rounded-3 shadow-sm p-3">
    <div class="fw-bold mb-3">
        <i class="ri-history-line me-1"></i> Recent Activity
    </div>
    @if($applicant->logs->isNotEmpty())
        <div class="list-group list-group-flush">
            @foreach($applicant->logs as $log)
                <div class="list-group-item border-0 px-0 py-2">
                    <div class="d-flex justify-content-between align-items-start">
                        <div>
                            <span class="fw-semibold text-capitalize">{{ str_replace('_', ' ', $log->field) }}</span>
                            <span class="text-muted mx-1">changed from</span>
                            <span class="text-decoration-line-through text-muted">{{ $log->old_value ?? 'N/A' }}</span>
                            <span class="text-muted mx-1">to</span>
                            <span class="fw-semibold">{{ $log->new_value ?? 'N/A' }}</span>
                        </div>
                        <small class="text-muted">{{ $log->created_at?->diffForHumans() }}</small>
                    </div>
                </div>
            @endforeach
        </div>
    @else
        <p class="text-muted mb-0">No activity recorded yet.</p>
    @endif
</div>
@endsection