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

@push('css')
    <style>
        .eh-wrap {
            padding-bottom: 1.5rem;
        }
        .eh-wrap .eh-page-head {
            margin-bottom: 1.25rem;
            padding-bottom: 1rem;
            border-bottom: 1px solid #edf0f6;
        }
        .eh-wrap .card {
            border-radius: 14px;
            border: 1px solid #e2e8f0;
            box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
            margin-bottom: 0;
            overflow: hidden;
        }
        .eh-wrap .card-header {
            background: #f8fafc;
            border-bottom: 1px solid #edf0f6;
            font-weight: 700;
            font-size: 0.9375rem;
            color: #0f172a;
            padding: 0.875rem 1.25rem;
        }
        .eh-wrap .card-body {
            padding: 1.25rem;
        }
        .eh-wrap .card-body.eh-card-body--flush {
            padding: 0;
        }
        .eh-wrap .eh-table-wrap {
            padding: 0.25rem 1.25rem 1.25rem;
            overflow-x: auto;
        }
        .eh-wrap .eh-table {
            width: 100%;
            margin-bottom: 0;
            border-collapse: separate;
            border-spacing: 0;
        }
        .eh-wrap .eh-table thead th {
            font-size: 11px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.06em;
            color: #64748b;
            background: #f8fafc;
            border-top: 0;
            border-bottom: 1px solid #e2e8f0;
            padding: 0.75rem 1rem;
            white-space: nowrap;
            vertical-align: middle;
        }
        .eh-wrap .eh-table thead th:first-child {
            border-top-left-radius: 8px;
        }
        .eh-wrap .eh-table thead th:last-child {
            border-top-right-radius: 8px;
        }
        .eh-wrap .eh-table tbody td {
            padding: 0.875rem 1rem;
            vertical-align: middle;
            border-top: 1px solid #f1f5f9;
            color: #334155;
            font-size: 0.875rem;
        }
        .eh-wrap .eh-table tbody tr:hover td {
            background: #fafbfc;
        }
        .eh-wrap .eh-table tbody tr:last-child td:first-child {
            border-bottom-left-radius: 8px;
        }
        .eh-wrap .eh-table tbody tr:last-child td:last-child {
            border-bottom-right-radius: 8px;
        }
        .eh-wrap .eh-empty {
            padding: 2.5rem 1.25rem;
            text-align: center;
            color: #94a3b8;
            font-size: 0.875rem;
        }
        .eh-wrap .k {
            font-weight: 700;
            font-size: 11px;
            letter-spacing: 0.06em;
            text-transform: uppercase;
            color: #64748b;
            margin-bottom: 0.25rem;
        }
        .eh-wrap .v {
            font-weight: 600;
            font-size: 0.9375rem;
            color: #0f172a;
        }
        .eh-wrap .eh-field {
            padding: 0.625rem 0;
            border-bottom: 1px solid #f1f5f9;
        }
        .eh-wrap .eh-field:last-child {
            border-bottom: 0;
            padding-bottom: 0;
        }
        .eh-wrap .eh-stat {
            background: #f8fafc;
            border: 1px solid #edf0f6;
            border-radius: 12px;
            padding: 1rem 1.125rem;
            height: 100%;
        }
        .eh-wrap .eh-stat .v {
            font-size: 1.125rem;
            margin: 0.25rem 0;
        }
        .eh-wrap .eh-reason {
            max-width: 280px;
            min-width: 140px;
            white-space: normal;
            word-break: break-word;
        }
        .eh-wrap .eh-badge {
            display: inline-flex;
            padding: 4px 10px;
            border-radius: 999px;
            font-size: 11px;
            font-weight: 700;
        }
        .eh-wrap .eh-badge.applied { background: rgba(34, 197, 94, 0.12); color: #166534; }
        .eh-wrap .eh-badge.pending { background: rgba(14, 165, 233, 0.12); color: #0369a1; }
        .eh-wrap .eh-badge.rejected { background: rgba(239, 68, 68, 0.12); color: #991b1b; }
        .eh-wrap .eh-badge.current { background: rgba(99, 102, 241, 0.12); color: #4338ca; }
        .eh-wrap .eh-badge.past { background: rgba(100, 116, 139, 0.12); color: #475569; }
        .eh-wrap .eh-section-gap {
            margin-bottom: 1.25rem;
        }
        .eh-wrap .eh-right-stack {
            display: flex;
            flex-direction: column;
            gap: 1.25rem;
            height: 100%;
        }
        .eh-wrap .eh-right-stack > .card:last-child {
            flex: 1 1 auto;
        }
        @media (min-width: 992px) {
            .eh-wrap .eh-table-wrap {
                padding: 0.5rem 1.25rem 1.25rem;
            }
        }
    </style>
@endpush

<div class="container-fluid eh-wrap">
    <div class="row mt-3 align-items-stretch">
        <div class="col-12 d-flex flex-wrap justify-content-between align-items-center eh-page-head">
            <div>
                <h4 class="page-title mb-0">Employee History</h4>
                <p class="text-muted mb-0">Profile, salary, branch tenure, loans (PF / GF / SWF / Advance Salary), promotions, 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-outline-primary" href="{{ route('admin.staffs.history.print', $staff->id) }}" target="_blank" rel="noopener">
                    <i class="fas fa-print"></i> Print
                </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 eh-section-gap d-flex">
            <div class="card flex-fill">
                <div class="card-header">Personal Information</div>
                <div class="card-body">
                    <div class="eh-field">
                        <div class="k">Name</div>
                        <div class="v">{{ $staff->user?->name ?? '—' }}</div>
                    </div>
                    <div class="eh-field">
                        <div class="k">User Id</div>
                        <div class="v">{{ $staff->user_id }}</div>
                    </div>
                    <div class="eh-field">
                        <div class="k">Email</div>
                        <div class="v">{{ $staff->user?->email ?? '—' }}</div>
                    </div>
                    <div class="eh-field">
                        <div class="k">Phone</div>
                        <div class="v">{{ $staff->user?->phone ?? '—' }}</div>
                    </div>
                    <div class="eh-field">
                        <div class="k">Branch</div>
                        <div class="v">{{ $staff->warehouse?->name ?? '—' }}</div>
                    </div>
                    @if(!empty($branchSummary['current']))
                        <div class="eh-field">
                            <div class="k">Joined Current Branch</div>
                            <div class="v">{{ $branchSummary['current']->joined_at?->format('Y-m-d') ?? '—' }}</div>
                        </div>
                        <div class="eh-field">
                            <div class="k">Days in Current Branch</div>
                            <div class="v">
                                @if($branchSummary['current']->hasStarted())
                                    {{ $branchSummary['current_days'] }} ({{ $branchSummary['current']->durationLabel() }})
                                @else
                                    {{ $branchSummary['current']->durationLabel() }}
                                @endif
                            </div>
                        </div>
                    @endif
                    @if(!empty($branchSummary['previous']))
                        <div class="eh-field">
                            <div class="k">Previous Branch</div>
                            <div class="v">{{ $branchSummary['previous']->branch?->name ?? '—' }} · {{ $branchSummary['previous_days'] }} days</div>
                        </div>
                    @endif
                    <div class="eh-field">
                        <div class="k">Department</div>
                        <div class="v">{{ $staff->department?->name ?? '—' }}</div>
                    </div>
                    <div class="eh-field">
                        <div class="k">Designation</div>
                        <div class="v">{{ $staff->designation?->name ?? '—' }}</div>
                    </div>
                    <div class="eh-field mb-0">
                        <div class="k">Security Money</div>
                        <div class="v">{{ $staff->security_money !== null ? number_format((float) $staff->security_money, 2) : '—' }}</div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-12 col-lg-8 mb-3 eh-section-gap">
            <div class="eh-right-stack">
                <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 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>
                    @if($salaryReviews->isEmpty())
                        <div class="eh-empty">No salary review records</div>
                    @else
                        <div class="card-body eh-card-body--flush">
                            <div class="eh-table-wrap">
                                <table class="table 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>
                                        @foreach($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>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    @endif
                </div>
            </div>
        </div>

        <div class="col-12 col-lg-6 mb-3 eh-section-gap">
            <div class="card h-100">
                <div class="card-header">Promotion History (Latest 50)</div>
                @if($promotions->isEmpty())
                    <div class="eh-empty">No promotion records</div>
                @else
                    <div class="card-body eh-card-body--flush">
                        <div class="eh-table-wrap">
                            <table class="table 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>
                                    @foreach($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>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                @endif
            </div>
        </div>

        <div class="col-12 col-lg-6 mb-3 eh-section-gap">
            <div class="card h-100">
                <div class="card-header">Branch Tenure History</div>
                @if($branchTenures->isEmpty())
                    <div class="eh-empty">No branch tenure records</div>
                @else
                    <div class="card-body eh-card-body--flush">
                        <div class="eh-table-wrap">
                            <table class="table eh-table">
                                <thead>
                                    <tr>
                                        <th>Branch</th>
                                        <th>Joined</th>
                                        <th>Left</th>
                                        <th>Duration</th>
                                        <th>Status</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($branchTenures as $tenure)
                                        <tr>
                                            <td>{{ $tenure->branch?->name ?? '—' }}</td>
                                            <td class="text-nowrap">{{ $tenure->joined_at?->format('Y-m-d') ?? '—' }}</td>
                                            <td class="text-nowrap">{{ $tenure->isCurrent() ? 'Present' : ($tenure->left_at?->format('Y-m-d') ?? '—') }}</td>
                                            <td>
                                                @if($tenure->hasStarted())
                                                    {{ $tenure->durationLabel() }} ({{ $tenure->durationDays() }} days)
                                                @else
                                                    <span class="text-muted">{{ $tenure->durationLabel() }}</span>
                                                @endif
                                            </td>
                                            <td>
                                                @if($tenure->isCurrent())
                                                    <span class="eh-badge current">Current</span>
                                                @else
                                                    <span class="eh-badge past">Past</span>
                                                @endif
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                @endif
            </div>
        </div>

        <div class="col-12 mb-3 eh-section-gap">
            <div class="card">
                <div class="card-header">Current Loans & Outstanding</div>
                <div class="card-body">
                    <div class="row">
                        @if($loanHistory['pf']['enabled'])
                            <div class="col-sm-6 col-lg-3 mb-3 mb-lg-0">
                                <div class="eh-stat">
                                    <div class="k">Provident Fund (PF)</div>
                                    <div class="v">{{ number_format($loanHistory['pf']['outstanding'], 2) }}</div>
                                    <div class="small text-muted">Balance {{ number_format($loanHistory['pf']['balance'], 2) }} · {{ $loanHistory['pf']['current']->count() }} active</div>
                                </div>
                            </div>
                        @endif
                        @if($loanHistory['gf']['enabled'])
                            <div class="col-sm-6 col-lg-3 mb-3 mb-lg-0">
                                <div class="eh-stat">
                                    <div class="k">Gratuity Fund (GF)</div>
                                    <div class="v">{{ number_format($loanHistory['gf']['outstanding'], 2) }}</div>
                                    <div class="small text-muted">Balance {{ number_format($loanHistory['gf']['balance'], 2) }} · {{ $loanHistory['gf']['current']->count() }} active</div>
                                </div>
                            </div>
                        @endif
                        @if($loanHistory['swf']['enabled'])
                            <div class="col-sm-6 col-lg-3 mb-3 mb-lg-0">
                                <div class="eh-stat">
                                    <div class="k">Staff Welfare Fund (SWF)</div>
                                    <div class="v">{{ number_format($loanHistory['swf']['outstanding'], 2) }}</div>
                                    <div class="small text-muted">Balance {{ number_format($loanHistory['swf']['balance'], 2) }} · {{ $loanHistory['swf']['current']->count() }} active</div>
                                </div>
                            </div>
                        @endif
                        <div class="col-sm-6 col-lg-3">
                            <div class="eh-stat">
                                <div class="k">Advance Salary</div>
                                <div class="v">{{ number_format($loanHistory['advance_salary']['outstanding'], 2) }}</div>
                                <div class="small text-muted">{{ $loanHistory['advance_salary']['current']->count() }} active schedule(s)</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        @if($loanHistory['pf']['enabled'])
            <div class="col-12 col-lg-6 mb-3 eh-section-gap">
                <div class="card h-100">
                    <div class="card-header d-flex justify-content-between align-items-center">
                        <span>PF Loan History</span>
                        <span class="font-weight-normal text-muted small">Balance {{ number_format($loanHistory['pf']['balance'], 2) }}</span>
                    </div>
                    @if($loanHistory['pf']['history']->isEmpty())
                        <div class="eh-empty">No PF loan records</div>
                    @else
                        <div class="card-body eh-card-body--flush">
                            <div class="eh-table-wrap">
                                @include('livewire.hr.partials.fund-loan-table', ['loans' => $loanHistory['pf']['history']])
                            </div>
                        </div>
                    @endif
                </div>
            </div>
        @endif

        @if($loanHistory['gf']['enabled'])
            <div class="col-12 col-lg-6 mb-3 eh-section-gap">
                <div class="card h-100">
                    <div class="card-header d-flex justify-content-between align-items-center">
                        <span>GF Loan History</span>
                        <span class="font-weight-normal text-muted small">Balance {{ number_format($loanHistory['gf']['balance'], 2) }}</span>
                    </div>
                    @if($loanHistory['gf']['history']->isEmpty())
                        <div class="eh-empty">No GF loan records</div>
                    @else
                        <div class="card-body eh-card-body--flush">
                            <div class="eh-table-wrap">
                                @include('livewire.hr.partials.fund-loan-table', ['loans' => $loanHistory['gf']['history']])
                            </div>
                        </div>
                    @endif
                </div>
            </div>
        @endif

        @if($loanHistory['swf']['enabled'])
            <div class="col-12 col-lg-6 mb-3 eh-section-gap">
                <div class="card h-100">
                    <div class="card-header d-flex justify-content-between align-items-center">
                        <span>SWF Loan History</span>
                        <span class="font-weight-normal text-muted small">Balance {{ number_format($loanHistory['swf']['balance'], 2) }}</span>
                    </div>
                    @if($loanHistory['swf']['history']->isEmpty())
                        <div class="eh-empty">No SWF loan records</div>
                    @else
                        <div class="card-body eh-card-body--flush">
                            <div class="eh-table-wrap">
                                @include('livewire.hr.partials.fund-loan-table', ['loans' => $loanHistory['swf']['history']])
                            </div>
                        </div>
                    @endif
                </div>
            </div>
        @endif

        <div class="col-12 col-lg-6 mb-3 eh-section-gap">
            <div class="card h-100">
                <div class="card-header">Advance Salary History</div>
                @if($loanHistory['advance_salary']['history']->isEmpty())
                    <div class="eh-empty">No advance salary records</div>
                @else
                    <div class="card-body eh-card-body--flush">
                        <div class="eh-table-wrap">
                            <table class="table eh-table">
                                <thead>
                                    <tr>
                                        <th>Applied</th>
                                        <th>Amount</th>
                                        <th>Paid</th>
                                        <th>Remaining</th>
                                        <th>Duration</th>
                                        <th>Status</th>
                                        <th class="eh-reason">Reason</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($loanHistory['advance_salary']['history'] as $advance)
                                        <tr>
                                            <td class="text-nowrap">{{ $advance->apply_date ? \Carbon\Carbon::parse($advance->apply_date)->format('Y-m-d') : ($advance->created_at?->format('Y-m-d') ?? '—') }}</td>
                                            <td>{{ number_format((float) $advance->amount, 2) }}</td>
                                            <td>{{ number_format((float) $advance->paid_amount, 2) }}</td>
                                            <td>{{ number_format((float) $advance->remaining_amount, 2) }}</td>
                                            <td>{{ $advance->duration }} mo</td>
                                            <td>
                                                @if((int) $advance->status !== 1)
                                                    <span class="eh-badge pending">Pending</span>
                                                @elseif($advance->remaining_amount > 0)
                                                    <span class="eh-badge applied">Active</span>
                                                @else
                                                    <span class="eh-badge applied">Closed</span>
                                                @endif
                                            </td>
                                            <td class="eh-reason" title="{{ e($advance->reason ?? '') }}">{{ $advance->reason ? \Illuminate\Support\Str::limit($advance->reason, 120) : '—' }}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                @endif
            </div>
        </div>

        <div class="col-12 mb-3 eh-section-gap">
            <div class="card">
                <div class="card-header">Asset History (Latest 100)</div>
                @if($assetHistory->isEmpty())
                    <div class="eh-empty">No asset records</div>
                @else
                    <div class="card-body eh-card-body--flush">
                        <div class="eh-table-wrap">
                            <table class="table 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>
                                    @foreach($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>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                @endif
            </div>
        </div>
    </div>
</div>