@php
    /** @var \App\Models\Staff|null $staff */
    $timeline = $staff?->employmentTimeline() ?? [
        'joining_date' => null,
        'probation_months' => null,
        'probation_end_date' => null,
        'probation_days' => null,
        'permanent_date' => null,
        'separation_date' => null,
        'lifecycle_status' => null,
        'lifecycle_label' => '—',
    ];
@endphp
<div class="card border mb-3 employment-lifecycle-card">
    <div class="card-header py-2 d-flex justify-content-between align-items-center">
        <strong>{{ __('Employment lifecycle') }}</strong>
        <span class="badge badge-{{ ($timeline['lifecycle_status'] ?? '') === 'permanent' ? 'success' : (($timeline['lifecycle_status'] ?? '') === 'probationary' ? 'warning' : 'secondary') }}">
            {{ $timeline['lifecycle_label'] }}
        </span>
    </div>
    <div class="card-body py-3">
        <div class="row">
            <div class="col-6 col-md-4 col-lg mb-2 mb-lg-0">
                <div class="small text-muted">{{ __('Joined') }}</div>
                <div class="font-weight-bold">{{ $timeline['joining_date'] ?? '—' }}</div>
            </div>
            <div class="col-6 col-md-4 col-lg mb-2 mb-lg-0">
                <div class="small text-muted">{{ __('Probation') }}</div>
                <div class="font-weight-bold">
                    @if($timeline['probation_months'])
                        {{ __(':m months', ['m' => $timeline['probation_months']]) }}
                        @if($timeline['probation_days'] !== null)
                            <span class="text-muted font-weight-normal small">({{ __(':d days', ['d' => $timeline['probation_days']]) }})</span>
                        @endif
                    @else
                        —
                    @endif
                </div>
            </div>
            <div class="col-6 col-md-4 col-lg mb-2 mb-lg-0">
                <div class="small text-muted">{{ __('Probation end') }}</div>
                <div class="font-weight-bold">{{ $timeline['probation_end_date'] ?? '—' }}</div>
            </div>
            <div class="col-6 col-md-4 col-lg mb-2 mb-lg-0">
                <div class="small text-muted">{{ __('Permanent from') }}</div>
                <div class="font-weight-bold text-success">{{ $timeline['permanent_date'] ?? '—' }}</div>
            </div>
            <div class="col-6 col-md-4 col-lg mb-0">
                <div class="small text-muted">{{ __('Separated on') }}</div>
                <div class="font-weight-bold {{ $timeline['separation_date'] ? 'text-danger' : '' }}">{{ $timeline['separation_date'] ?? '—' }}</div>
            </div>
        </div>
    </div>
</div>