@section('title', get_setting('site_name') . ' | Employee History')

@push('css')
    <style>
        .eh-wrap .card { border-radius: 14px; border: 1px solid #edf0f6; }
        .eh-wrap .card-header { background: #fff; border-bottom: 1px solid #edf0f6; font-weight: 800; }
        .eh-wrap .k { font-weight: 800; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: rgba(15,23,42,.55); }
        .eh-wrap .v { font-weight: 800; color: rgba(15,23,42,.88); }
        .eh-table thead th { font-size: 11px; text-transform: uppercase; letter-spacing: .08em; color: rgba(15,23,42,.65); border-top: 0; background: #fff; white-space: nowrap; }
        .eh-reason { max-width: 320px; min-width: 180px; white-space: normal; word-break: break-word; }
        .eh-badge { display: inline-flex; padding: 4px 10px; border-radius: 999px; font-size: 11px; font-weight: 800; }
        .eh-badge.applied { background: rgba(34,197,94,.12); color: #166534; }
        .eh-badge.pending { background: rgba(14,165,233,.12); color: #0369a1; }
        .eh-badge.rejected { background: rgba(239,68,68,.12); color: #991b1b; }
    </style>
@endpush

<div class="container-fluid eh-wrap">
    <div class="row mt-3">
        <div class="col-12 d-flex flex-wrap justify-content-between align-items-center mb-2">
            <div>
                <h4 class="page-title mb-0">Employee History</h4>
                <p class="text-muted mb-0">Single-Page 360° History: Profile, Salary, Reviews, Promotions, Transfers, And Assets.</p>
            </div>
            <div class="d-flex" style="gap:8px;">
                <a class="btn btn-light" href="{{ route('staffs.index') }}">Back</a>
                <a class="btn btn-primary" href="{{ route('staffs.show', $staff->id) }}">Profile</a>
            </div>
        </div>

        <div class="col-12 col-lg-4 mb-3">
            <div class="card">
                <div class="card-header">Personal Information</div>
                <div class="card-body">
                    <div class="mb-2">
                        <div class="k">Name</div>
                        <div class="v">{{ $staff->user?->name ?? '—' }}</div>
                    </div>
                    <div class="mb-2">
                        <div class="k">User Id</div>
                        <div class="v">{{ $staff->user_id }}</div>
                    </div>
                    <div class="mb-2">
                        <div class="k">Email</div>
                        <div class="v">{{ $staff->user?->email ?? '—' }}</div>
                    </div>
                    <div class="mb-2">
                        <div class="k">Phone</div>
                        <div class="v">{{ $staff->user?->phone ?? '—' }}</div>
                    </div>
                    <div class="mb-2">
                        <div class="k">Branch</div>
                        <div class="v">{{ $staff->warehouse?->name ?? '—' }}</div>
                    </div>
                    <div class="mb-2">
                        <div class="k">Department</div>
                        <div class="v">{{ $staff->department?->name ?? '—' }}</div>
                    </div>
                    <div class="mb-0">
                        <div class="k">Designation</div>
                        <div class="v">{{ $staff->designation?->name ?? '—' }}</div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-12 col-lg-8 mb-3">
            <div class="card">
                <div class="card-header">Current Salary Setup</div>
                <div class="card-body">
                    @if($salarySetup)
                        <div class="row">
                            <div class="col-md-4 mb-2"><div class="k">Basic</div><div class="v">{{ number_format((float) $salarySetup->basic_salary, 2) }}</div></div>
                            <div class="col-md-4 mb-2"><div class="k">Gross</div><div class="v">{{ number_format((float) $salarySetup->gross_salary, 2) }}</div></div>
                            <div class="col-md-4 mb-2"><div class="k">Net</div><div class="v">{{ number_format((float) $salarySetup->net_salary, 2) }}</div></div>
                            <div class="col-md-4 mb-2"><div class="k">House Rent</div><div class="v">{{ number_format((float) $salarySetup->house_rent, 2) }}</div></div>
                            <div class="col-md-4 mb-2"><div class="k">Medical</div><div class="v">{{ number_format((float) $salarySetup->medical, 2) }}</div></div>
                            <div class="col-md-4 mb-2"><div class="k">Conveyance</div><div class="v">{{ number_format((float) $salarySetup->conveyance, 2) }}</div></div>
                        </div>
                    @else
                        <div class="text-muted">No Salary Setup Found For This Employee.</div>
                    @endif
                </div>
            </div>
        </div>

        <div class="col-12 mb-3">
            <div class="card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <span>Salary Reviews (Latest 50)</span>
                    <a class="btn btn-sm btn-light" href="{{ route('admin.hr.salary_review') }}">Open Salary Reviews</a>
                </div>
                <div class="card-body table-responsive p-0">
                    <table class="table mb-0 eh-table">
                        <thead>
                            <tr>
                                <th>Recorded</th>
                                <th>Effective</th>
                                <th>Review Type</th>
                                <th>Increment</th>
                                <th>Status</th>
                                <th>By</th>
                                <th class="text-right">Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($salaryReviews as $r)
                                <tr>
                                    <td class="text-nowrap">{{ $r->created_at?->format('Y-m-d H:i') }}</td>
                                    <td class="text-nowrap">{{ $r->effective_date?->format('Y-m-d') ?? '—' }}</td>
                                    <td>{{ $r->review_type ?? '—' }}</td>
                                    <td>{{ $r->increment_mode ? ucfirst($r->increment_mode) : '—' }} {{ $r->increment_value !== null ? number_format((float) $r->increment_value, 2) : '' }}</td>
                                    <td>
                                        @if($r->status === \App\Models\SalaryReview::STATUS_APPROVED)
                                            <span class="eh-badge applied">Applied</span>
                                        @elseif($r->status === \App\Models\SalaryReview::STATUS_REJECTED)
                                            <span class="eh-badge rejected">Rejected</span>
                                        @else
                                            <span class="eh-badge pending">Pending</span>
                                        @endif
                                    </td>
                                    <td>{{ $r->createdBy?->name ?? '—' }}</td>
                                    <td class="text-right">
                                        <a class="btn btn-sm btn-light" href="{{ route('admin.hr.salary_review.show', $r->id) }}">View</a>
                                    </td>
                                </tr>
                            @empty
                                <tr><td colspan="7" class="text-center text-muted py-4">No Salary Review Records</td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <div class="col-12 col-lg-6 mb-3">
            <div class="card">
                <div class="card-header">Promotion History (Latest 50)</div>
                <div class="card-body table-responsive p-0">
                    <table class="table mb-0 eh-table">
                        <thead>
                            <tr>
                                <th>Recorded</th>
                                <th>Effective</th>
                                <th>Designation</th>
                                <th>Department</th>
                                <th class="eh-reason">Reason</th>
                                <th>By</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($promotions as $p)
                                <tr>
                                    <td class="text-nowrap">{{ $p->created_at?->format('Y-m-d H:i') }}</td>
                                    <td class="text-nowrap">{{ $p->effective_date?->format('Y-m-d') ?? '—' }}</td>
                                    <td>{{ $p->fromDesignation?->name ?? '—' }} → {{ $p->toDesignation?->name ?? '—' }}</td>
                                    <td>{{ $p->fromDepartment?->name ?? '—' }} → {{ $p->toDepartment?->name ?? '—' }}</td>
                                    <td class="eh-reason" title="{{ e($p->reason ?? '') }}">{{ $p->reason ? \Illuminate\Support\Str::limit($p->reason, 160) : '—' }}</td>
                                    <td class="text-nowrap">{{ $p->createdBy?->name ?? '—' }}</td>
                                </tr>
                            @empty
                                <tr><td colspan="6" class="text-center text-muted py-4">No Promotion Records</td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <div class="col-12 col-lg-6 mb-3">
            <div class="card">
                <div class="card-header">Branch Transfer History (Latest 50)</div>
                <div class="card-body table-responsive p-0">
                    <table class="table mb-0 eh-table">
                        <thead>
                            <tr>
                                <th>Recorded</th>
                                <th>Effective</th>
                                <th>From</th>
                                <th>To</th>
                                <th class="eh-reason">Reason</th>
                                <th>By</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($transfers as $t)
                                <tr>
                                    <td class="text-nowrap">{{ $t->created_at?->format('Y-m-d H:i') }}</td>
                                    <td class="text-nowrap">{{ $t->effective_date?->format('Y-m-d') ?? '—' }}</td>
                                    <td>{{ $t->fromBranch?->name ?? '—' }}</td>
                                    <td>{{ $t->toBranch?->name ?? '—' }}</td>
                                    <td class="eh-reason" title="{{ e($t->reason ?? '') }}">{{ $t->reason ? \Illuminate\Support\Str::limit($t->reason, 160) : '—' }}</td>
                                    <td class="text-nowrap">{{ $t->createdBy?->name ?? '—' }}</td>
                                </tr>
                            @empty
                                <tr><td colspan="6" class="text-center text-muted py-4">No Transfer Records</td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <div class="col-12 mb-3">
            <div class="card">
                <div class="card-header">Asset History (Latest 100)</div>
                <div class="card-body table-responsive p-0">
                    <table class="table mb-0 eh-table">
                        <thead>
                            <tr>
                                <th>Recorded</th>
                                <th>Assign Date</th>
                                <th>Asset</th>
                                <th>Category</th>
                                <th>Qty</th>
                                <th>Status</th>
                                <th>Return</th>
                                <th>Description</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($assetHistory as $a)
                                <tr>
                                    <td class="text-nowrap">{{ $a->created_at?->format('Y-m-d H:i') }}</td>
                                    <td class="text-nowrap">{{ $a->assign_date ? \Carbon\Carbon::parse($a->assign_date)->format('Y-m-d') : '—' }}</td>
                                    <td>{{ $a->asset_item?->name ?? '—' }}</td>
                                    <td>{{ $a->asset_category?->name ?? '—' }}</td>
                                    <td>{{ $a->qty }}</td>
                                    <td>{{ (int) $a->status === 1 ? 'Active' : 'Inactive' }}</td>
                                    <td>{{ (int) $a->return === 1 ? 'Returned' : 'Not Returned' }}</td>
                                    <td class="eh-reason" title="{{ e($a->description ?? '') }}">{{ $a->description ? \Illuminate\Support\Str::limit($a->description, 160) : '—' }}</td>
                                </tr>
                            @empty
                                <tr><td colspan="8" class="text-center text-muted py-4">No Asset Records</td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>