@extends('dashboard.admin.layouts.master')

@php
    $activeTab = request('tab', 'personal');
    if ($activeTab === 'contracts') {
        $activeTab = 'job';
    }

    $nameAr = old('name.ar', $employee->getTranslation('name', 'ar'));
    $nameEn = old('name.en', $employee->getTranslation('name', 'en'));
    $displayName = $employee->getTranslation('name', 'en') ?: $employee->getTranslation('name', 'ar');

    $allowanceRows = old('allowances', collect($salaryProfile?->allowances ?? [])->map(fn ($allowance) => [
        'allowance_type_id' => $allowance->allowance_type_id,
        'name' => $allowance->getTranslations('name'),
        'calculation_type' => $allowance->calculation_type,
        'value' => $allowance->value,
        'is_taxable' => $allowance->is_taxable,
        'is_recurring' => $allowance->is_recurring,
        'effective_from' => optional($allowance->effective_from)->format('Y-m-d'),
        'effective_to' => optional($allowance->effective_to)->format('Y-m-d'),
        'notes' => $allowance->notes,
    ])->values()->all() ?? []);
    $allowanceRows[] = ['name' => ['ar' => '', 'en' => ''], 'calculation_type' => 'fixed', 'is_taxable' => false, 'is_recurring' => true];

    $deductionRows = old('deductions', collect($salaryProfile?->deductions ?? [])->map(fn ($deduction) => [
        'deduction_type_id' => $deduction->deduction_type_id,
        'name' => $deduction->getTranslations('name'),
        'calculation_type' => $deduction->calculation_type,
        'value' => $deduction->value,
        'is_recurring' => $deduction->is_recurring,
        'effective_from' => optional($deduction->effective_from)->format('Y-m-d'),
        'effective_to' => optional($deduction->effective_to)->format('Y-m-d'),
        'notes' => $deduction->notes,
    ])->values()->all() ?? []);
    $deductionRows[] = ['name' => ['ar' => '', 'en' => ''], 'calculation_type' => 'fixed', 'is_recurring' => true];

    $bankAccountRows = old('bank_accounts', collect($bankAccounts)->map(fn ($bankAccount) => [
        'bank_name' => $bankAccount->bank_name,
        'branch_name' => $bankAccount->branch_name,
        'account_name' => $bankAccount->account_name,
        'account_number' => $bankAccount->account_number,
        'iban' => $bankAccount->iban,
        'swift_code' => $bankAccount->swift_code,
        'currency_code' => $bankAccount->currency_code,
        'is_primary' => $bankAccount->is_primary,
        'is_active' => $bankAccount->is_active,
        'notes' => $bankAccount->notes,
    ])->values()->all());
    $bankAccountRows[] = ['currency_code' => 'EGP', 'is_primary' => false, 'is_active' => true];
@endphp

@section('content')
    <div class="d-flex flex-column flex-column-fluid">
        <div id="kt_app_toolbar" class="app-toolbar py-3 py-lg-6">
            <div id="kt_app_toolbar_container" class="app-container container-xxl d-flex flex-stack">
                <div class="page-title d-flex flex-column justify-content-center flex-wrap me-3">
                    <h1 class="page-heading d-flex text-dark fw-bold fs-3 flex-column justify-content-center my-0">{{ $displayName ?: $employee->code }}</h1>
                    <div class="text-muted fs-7 mt-1">
                        {{ $employee->code }}
                        <span class="mx-2">|</span>
                        {{ ucfirst($employee->employment_status) }}
                    </div>
                </div>
                <a href="{{ route('admin.dashboard.hr.employees.index') }}" class="btn btn-sm fw-bold btn-secondary">Back</a>
            </div>
        </div>

        <div id="kt_app_content" class="app-content flex-column-fluid">
            <div id="kt_app_content_container" class="app-container container-xxl">
                <div class="card">
                    <div class="card-header border-0 pt-5">
                        <ul class="nav nav-tabs nav-line-tabs nav-stretch fs-6 border-0">
                            @foreach(['personal' => 'Personal', 'job' => 'Job', 'financial' => 'Financial', 'attendance' => 'Attendance', 'documents' => 'Documents', 'history' => 'History'] as $tabKey => $tabLabel)
                                <li class="nav-item">
                                    <a class="nav-link {{ $activeTab === $tabKey ? 'active' : '' }}" href="{{ route('admin.dashboard.hr.employees.edit', ['employee' => $employee, 'tab' => $tabKey]) }}">{{ $tabLabel }}</a>
                                </li>
                            @endforeach
                        </ul>
                    </div>
                    <div class="card-body pt-8">
                        <div class="tab-content">
                            <div class="tab-pane fade {{ $activeTab === 'personal' ? 'show active' : '' }}">
                                <form id="EmployeePersonalForm" action="{{ route('admin.dashboard.hr.employees.update', $employee) }}" method="POST">
                                    @csrf
                                    @method('PUT')
                                    <input type="hidden" name="tab" value="personal">

                                    <div class="row g-5">
                                        <div class="col-md-4">
                                            <label class="required form-label">Code</label>
                                            <input type="text" name="code" class="form-control @error('code') is-invalid @enderror" value="{{ old('code', $employee->code) }}">
                                            @error('code')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                        </div>
                                        <div class="col-md-4">
                                            <label class="form-label">Candidate</label>
                                            <select name="candidate_id" class="form-select @error('candidate_id') is-invalid @enderror">
                                                <option value="">Select candidate</option>
                                                @foreach($candidates as $candidate)
                                                    <option value="{{ $candidate->id }}" @selected((string) old('candidate_id', $employee->candidate_id) === (string) $candidate->id)>{{ $candidate->code }} - {{ $candidate->name }}</option>
                                                @endforeach
                                            </select>
                                            @error('candidate_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                        </div>
                                        <div class="col-md-4">
                                            <label class="required form-label">Employment Status</label>
                                            <select name="employment_status" class="form-select @error('employment_status') is-invalid @enderror">
                                                @foreach($employmentStatuses as $status)
                                                    <option value="{{ $status }}" @selected(old('employment_status', $employee->employment_status) === $status)>{{ ucfirst($status) }}</option>
                                                @endforeach
                                            </select>
                                            @error('employment_status')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                        </div>
                                        <div class="col-md-6">
                                            <label class="required form-label">Arabic Name</label>
                                            <input type="text" name="name[ar]" class="form-control @error('name.ar') is-invalid @enderror" value="{{ $nameAr }}">
                                            @error('name.ar')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label">English Name</label>
                                            <input type="text" name="name[en]" class="form-control @error('name.en') is-invalid @enderror" value="{{ $nameEn }}">
                                            @error('name.en')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                        </div>
                                        <div class="col-md-4">
                                            <label class="form-label">Email</label>
                                            <input type="email" name="email" class="form-control @error('email') is-invalid @enderror" value="{{ old('email', $employee->email) }}">
                                        </div>
                                        <div class="col-md-4">
                                            <label class="form-label">Phone</label>
                                            <input type="text" name="phone" class="form-control @error('phone') is-invalid @enderror" value="{{ old('phone', $employee->phone) }}">
                                        </div>
                                        <div class="col-md-4">
                                            <label class="form-label">Nationality</label>
                                            <input type="text" name="nationality" class="form-control" value="{{ old('nationality', $employee->nationality) }}">
                                        </div>
                                        <div class="col-md-4">
                                            <label class="form-label">Date of Birth</label>
                                            <input type="date" name="date_of_birth" class="form-control @error('date_of_birth') is-invalid @enderror" value="{{ old('date_of_birth', optional($employee->date_of_birth)->format('Y-m-d')) }}">
                                        </div>
                                        <div class="col-md-4">
                                            <label class="form-label">Gender</label>
                                            <select name="gender" class="form-select @error('gender') is-invalid @enderror">
                                                <option value="">Select gender</option>
                                                @foreach($genders as $gender)
                                                    <option value="{{ $gender }}" @selected(old('gender', $employee->gender) === $gender)>{{ ucfirst($gender) }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="col-md-4">
                                            <label class="form-label">Marital Status</label>
                                            <select name="marital_status" class="form-select @error('marital_status') is-invalid @enderror">
                                                <option value="">Select marital status</option>
                                                @foreach($maritalStatuses as $maritalStatus)
                                                    <option value="{{ $maritalStatus }}" @selected(old('marital_status', $employee->marital_status) === $maritalStatus)>{{ ucfirst($maritalStatus) }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label">National ID Number</label>
                                            <input type="text" name="national_id_number" class="form-control" value="{{ old('national_id_number', $employee->national_id_number) }}">
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label">Passport Number</label>
                                            <input type="text" name="passport_number" class="form-control" value="{{ old('passport_number', $employee->passport_number) }}">
                                        </div>
                                        <div class="col-12">
                                            <label class="form-label">Address</label>
                                            <textarea name="address" class="form-control" rows="3">{{ old('address', $employee->address) }}</textarea>
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label">Emergency Contact Name</label>
                                            <input type="text" name="emergency_contact_name" class="form-control" value="{{ old('emergency_contact_name', $employee->emergency_contact_name) }}">
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label">Emergency Contact Phone</label>
                                            <input type="text" name="emergency_contact_phone" class="form-control" value="{{ old('emergency_contact_phone', $employee->emergency_contact_phone) }}">
                                        </div>
                                    </div>

                                    <div class="d-flex justify-content-end mt-8">
                                        <button type="submit" class="btn btn-primary">Save Personal Data</button>
                                    </div>
                                </form>
                            </div>
                            <div class="tab-pane fade {{ $activeTab === 'job' ? 'show active' : '' }}">
                                <div class="card card-flush mb-7">
                                    <div class="card-header"><div class="card-title"><h3 class="fw-bold m-0">Job Assignment</h3></div></div>
                                    <div class="card-body">
                                        <form id="EmployeeJobForm" action="{{ route('admin.dashboard.hr.employees.update', $employee) }}" method="POST">
                                            @csrf
                                            @method('PUT')
                                            <input type="hidden" name="tab" value="job">
                                            <input type="hidden" name="code" value="{{ old('code', $employee->code) }}">
                                            <input type="hidden" name="name[ar]" value="{{ $nameAr }}">
                                            <input type="hidden" name="name[en]" value="{{ $nameEn }}">
                                            <input type="hidden" name="employment_status" value="{{ old('employment_status', $employee->employment_status) }}">

                                            <div class="row g-5">
                                                <div class="col-md-4">
                                                    <label class="form-label">Branch</label>
                                                    <select name="branch_id" class="form-select">
                                                        <option value="">Select branch</option>
                                                        @foreach($branches as $branch)
                                                            <option value="{{ $branch->id }}" @selected((string) old('branch_id', $employee->branch_id) === (string) $branch->id)>{{ $branch->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <div class="col-md-4">
                                                    <label class="form-label">Department</label>
                                                    <select name="department_id" class="form-select">
                                                        <option value="">Select department</option>
                                                        @foreach($departments as $department)
                                                            <option value="{{ $department->id }}" @selected((string) old('department_id', $employee->department_id) === (string) $department->id)>{{ $department->code }} - {{ $department->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <div class="col-md-4">
                                                    <label class="form-label">Designation</label>
                                                    <select name="designation_id" class="form-select">
                                                        <option value="">Select designation</option>
                                                        @foreach($designations as $designation)
                                                            <option value="{{ $designation->id }}" @selected((string) old('designation_id', $employee->designation_id) === (string) $designation->id)>{{ $designation->code }} - {{ $designation->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <div class="col-md-4">
                                                    <label class="form-label">Grade</label>
                                                    <select name="grade_id" class="form-select">
                                                        <option value="">Select grade</option>
                                                        @foreach($grades as $grade)
                                                            <option value="{{ $grade->id }}" @selected((string) old('grade_id', $employee->grade_id) === (string) $grade->id)>{{ $grade->code }} - {{ $grade->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <div class="col-md-4">
                                                    <label class="form-label">Direct Manager</label>
                                                    <select name="direct_manager_id" class="form-select">
                                                        <option value="">Select manager</option>
                                                        @foreach($managers as $manager)
                                                            <option value="{{ $manager->id }}" @selected((string) old('direct_manager_id', $employee->direct_manager_id) === (string) $manager->id)>{{ $manager->code }} - {{ $manager->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <div class="col-md-4">
                                                    <label class="form-label">Hire Date</label>
                                                    <input type="date" name="hire_date" class="form-control" value="{{ old('hire_date', optional($employee->hire_date)->format('Y-m-d')) }}">
                                                </div>
                                                <div class="col-12">
                                                    <div class="form-check form-check-custom form-check-solid">
                                                        <input type="hidden" name="is_active" value="0">
                                                        <input class="form-check-input" type="checkbox" name="is_active" value="1" id="employee_job_active" @checked((bool) old('is_active', $employee->is_active))>
                                                        <label class="form-check-label" for="employee_job_active">Active employee record</label>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="d-flex justify-content-end mt-6">
                                                <button type="submit" class="btn btn-primary">Save Job Assignment</button>
                                            </div>
                                        </form>
                                    </div>
                                </div>

                                <div class="card card-flush">
                                    <div class="card-header"><div class="card-title"><h3 class="fw-bold m-0">Contracts</h3></div></div>
                                    <div class="card-body">
                                                <form id="EmployeeContractForm" action="{{ route('admin.dashboard.hr.employees.contracts.store', ['employee' => $employee, 'tab' => 'job']) }}" method="POST" class="mb-8">
                                            @csrf
                                            <div class="row g-5">
                                                <div class="col-md-4">
                                                    <label class="form-label">Contract Type</label>
                                                    <select name="contract_type_id" class="form-select">
                                                        <option value="">Select contract type</option>
                                                        @foreach($contractOptions['contractTypes'] as $contractType)
                                                            <option value="{{ $contractType->id }}">{{ $contractType->code }} - {{ $contractType->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <div class="col-md-4"><label class="form-label">Contract Number</label><input type="text" name="contract_number" class="form-control" value="{{ old('contract_number') }}"></div>
                                                <div class="col-md-4">
                                                    <label class="form-label">Status</label>
                                                    <select name="status" class="form-select">
                                                        @foreach($contractOptions['statuses'] as $status)
                                                            <option value="{{ $status }}" @selected(old('status', 'draft') === $status)>{{ ucfirst($status) }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <div class="col-md-3"><label class="form-label">Start Date</label><input type="date" name="start_date" class="form-control" value="{{ old('start_date') }}"></div>
                                                <div class="col-md-3"><label class="form-label">End Date</label><input type="date" name="end_date" class="form-control" value="{{ old('end_date') }}"></div>
                                                <div class="col-md-3"><label class="form-label">Probation End</label><input type="date" name="probation_end_date" class="form-control" value="{{ old('probation_end_date') }}"></div>
                                                <div class="col-md-3"><label class="form-label">Signed At</label><input type="date" name="signed_at" class="form-control" value="{{ old('signed_at') }}"></div>
                                                <div class="col-12"><label class="form-label">Notes</label><textarea name="notes" class="form-control" rows="2">{{ old('notes') }}</textarea></div>
                                                <div class="col-12">
                                                    <div class="form-check form-check-custom form-check-solid">
                                                        <input type="hidden" name="is_current" value="0">
                                                        <input class="form-check-input" type="checkbox" name="is_current" value="1" id="contract_is_current" @checked((bool) old('is_current', true))>
                                                        <label class="form-check-label" for="contract_is_current">Current contract</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="d-flex justify-content-end mt-6"><button type="submit" class="btn btn-light-primary">Add Contract</button></div>
                                        </form>

                                        <div class="table-responsive">
                                            <table class="table align-middle table-row-dashed fs-6 gy-5">
                                                <thead>
                                                <tr class="text-start text-muted fw-bold fs-7 text-uppercase gs-0">
                                                    <th>Number</th>
                                                    <th>Type</th>
                                                    <th>Period</th>
                                                    <th>Status</th>
                                                    <th class="text-end">Actions</th>
                                                </tr>
                                                </thead>
                                                <tbody class="text-gray-600 fw-semibold">
                                                @forelse($contracts as $contract)
                                                    <tr>
                                                        <td>{{ $contract->contract_number ?: '-' }}</td>
                                                        <td>{{ $contract->contractType?->name ?? '-' }}</td>
                                                        <td>{{ optional($contract->start_date)->format('Y-m-d') ?: '-' }} <span class="mx-1">→</span> {{ optional($contract->end_date)->format('Y-m-d') ?: 'Open' }}</td>
                                                        <td><span class="badge {{ $contract->is_current ? 'badge-light-success' : 'badge-light-secondary' }}">{{ ucfirst($contract->status) }}</span></td>
                                                        <td class="text-end">
                                                            <form action="{{ route('admin.dashboard.hr.employees.contracts.destroy', ['employee' => $employee, 'contract' => $contract, 'tab' => 'job']) }}" method="POST">
                                                                @csrf
                                                                @method('DELETE')
                                                                <button type="submit" class="btn btn-sm btn-light-danger" onclick="return confirm('Delete this contract?')">Delete</button>
                                                            </form>
                                                        </td>
                                                    </tr>
                                                @empty
                                                    <tr><td colspan="5" class="text-center py-10">No contracts recorded yet.</td></tr>
                                                @endforelse
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade {{ $activeTab === 'financial' ? 'show active' : '' }}">
                                                <form id="EmployeeSalaryProfileForm" action="{{ route('admin.dashboard.hr.employees.salary_profile.update', ['employee' => $employee, 'tab' => 'financial']) }}" method="POST">
                                    @csrf
                                    @method('PUT')

                                    <div class="row g-7">
                                        <div class="col-12">
                                            <div class="card card-flush mb-7">
                                                <div class="card-header"><div class="card-title"><h3 class="fw-bold m-0">Salary Profile</h3></div></div>
                                                <div class="card-body">
                                                    <div class="row g-5">
                                                        <div class="col-md-4">
                                                            <label class="form-label">Cost Center</label>
                                                            <select name="cost_center_id" class="form-select">
                                                                <option value="">Select cost center</option>
                                                                @foreach($salaryOptions['costCenters'] as $costCenter)
                                                                    <option value="{{ $costCenter->id }}" @selected((string) old('cost_center_id', $salaryProfile?->cost_center_id) === (string) $costCenter->id)>{{ $costCenter->code }} - {{ $costCenter->name }}</option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <label class="form-label">Payroll Posting Profile</label>
                                                            <select name="payroll_posting_profile_id" class="form-select">
                                                                <option value="">Select posting profile</option>
                                                                @foreach($salaryOptions['payrollPostingProfiles'] as $postingProfile)
                                                                    <option value="{{ $postingProfile->id }}" @selected((string) old('payroll_posting_profile_id', $salaryProfile?->payroll_posting_profile_id) === (string) $postingProfile->id)>{{ $postingProfile->code }} - {{ $postingProfile->name }}</option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                        <div class="col-md-4"><label class="required form-label">Basic Salary</label><input type="number" step="0.01" min="0" name="basic_salary" class="form-control" value="{{ old('basic_salary', $salaryProfile?->basic_salary) }}" required></div>
                                                        <div class="col-md-4">
                                                            <label class="form-label">Payment Method</label>
                                                            <select name="payment_method" class="form-select">
                                                                @foreach($salaryOptions['paymentMethods'] as $paymentMethod)
                                                                    <option value="{{ $paymentMethod }}" @selected(old('payment_method', $salaryProfile?->payment_method ?? 'bank_transfer') === $paymentMethod)>{{ ucwords(str_replace('_', ' ', $paymentMethod)) }}</option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <label class="form-label">Payroll Cycle</label>
                                                            <select name="payroll_cycle" class="form-select">
                                                                @foreach($salaryOptions['payrollCycles'] as $payrollCycle)
                                                                    <option value="{{ $payrollCycle }}" @selected(old('payroll_cycle', $salaryProfile?->payroll_cycle ?? 'monthly') === $payrollCycle)>{{ ucfirst($payrollCycle) }}</option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                        <div class="col-md-4"><label class="form-label">Effective From</label><input type="date" name="effective_from" class="form-control" value="{{ old('effective_from', optional($salaryProfile?->effective_from)->format('Y-m-d')) }}"></div>
                                                        <div class="col-md-6"><label class="form-label">Effective To</label><input type="date" name="effective_to" class="form-control" value="{{ old('effective_to', optional($salaryProfile?->effective_to)->format('Y-m-d')) }}"></div>
                                                        <div class="col-md-6 d-flex align-items-center">
                                                            <div class="form-check form-check-custom form-check-solid mt-8">
                                                                <input type="hidden" name="is_current" value="0">
                                                                <input class="form-check-input" type="checkbox" name="is_current" value="1" id="salary_profile_current" @checked((bool) old('is_current', $salaryProfile?->is_current ?? true))>
                                                                <label class="form-check-label" for="salary_profile_current">Current salary profile</label>
                                                            </div>
                                                        </div>
                                                        <div class="col-12"><label class="form-label">Notes</label><textarea name="notes" class="form-control" rows="3">{{ old('notes', $salaryProfile?->notes) }}</textarea></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-12">
                                            <div class="card card-flush mb-7">
                                                <div class="card-header"><div class="card-title"><h3 class="fw-bold m-0">Allowances</h3></div></div>
                                                <div class="card-body">
                                                    @foreach($allowanceRows as $index => $row)
                                                        <div class="border rounded p-5 mb-5">
                                                            <div class="row g-5">
                                                                <div class="col-md-4">
                                                                    <label class="form-label">Allowance Type</label>
                                                                    <select name="allowances[{{ $index }}][allowance_type_id]" class="form-select">
                                                                        <option value="">Select allowance type</option>
                                                                        @foreach($salaryOptions['allowanceTypes'] as $allowanceType)
                                                                            <option value="{{ $allowanceType->id }}" @selected((string) data_get($row, 'allowance_type_id') === (string) $allowanceType->id)>{{ $allowanceType->code }} - {{ $allowanceType->name }}</option>
                                                                        @endforeach
                                                                    </select>
                                                                </div>
                                                                <div class="col-md-4"><label class="form-label">Arabic Name</label><input type="text" name="allowances[{{ $index }}][name][ar]" class="form-control" value="{{ data_get($row, 'name.ar') }}"></div>
                                                                <div class="col-md-4"><label class="form-label">English Name</label><input type="text" name="allowances[{{ $index }}][name][en]" class="form-control" value="{{ data_get($row, 'name.en') }}"></div>
                                                                <div class="col-md-3">
                                                                    <label class="form-label">Calculation Type</label>
                                                                    <select name="allowances[{{ $index }}][calculation_type]" class="form-select">
                                                                        @foreach($salaryOptions['calculationTypes'] as $type)
                                                                            <option value="{{ $type }}" @selected(data_get($row, 'calculation_type', 'fixed') === $type)>{{ ucfirst($type) }}</option>
                                                                        @endforeach
                                                                    </select>
                                                                </div>
                                                                <div class="col-md-3"><label class="form-label">Value</label><input type="number" step="0.01" min="0" name="allowances[{{ $index }}][value]" class="form-control" value="{{ data_get($row, 'value') }}"></div>
                                                                <div class="col-md-3"><label class="form-label">Effective From</label><input type="date" name="allowances[{{ $index }}][effective_from]" class="form-control" value="{{ data_get($row, 'effective_from') }}"></div>
                                                                <div class="col-md-3"><label class="form-label">Effective To</label><input type="date" name="allowances[{{ $index }}][effective_to]" class="form-control" value="{{ data_get($row, 'effective_to') }}"></div>
                                                                <div class="col-md-8"><label class="form-label">Notes</label><input type="text" name="allowances[{{ $index }}][notes]" class="form-control" value="{{ data_get($row, 'notes') }}"></div>
                                                                <div class="col-md-2 d-flex align-items-center"><div class="form-check form-check-custom form-check-solid mt-8"><input type="hidden" name="allowances[{{ $index }}][is_taxable]" value="0"><input class="form-check-input" type="checkbox" name="allowances[{{ $index }}][is_taxable]" value="1" id="allowance_taxable_{{ $index }}" @checked((bool) data_get($row, 'is_taxable', false))><label class="form-check-label" for="allowance_taxable_{{ $index }}">Taxable</label></div></div>
                                                                <div class="col-md-2 d-flex align-items-center"><div class="form-check form-check-custom form-check-solid mt-8"><input type="hidden" name="allowances[{{ $index }}][is_recurring]" value="0"><input class="form-check-input" type="checkbox" name="allowances[{{ $index }}][is_recurring]" value="1" id="allowance_recurring_{{ $index }}" @checked((bool) data_get($row, 'is_recurring', true))><label class="form-check-label" for="allowance_recurring_{{ $index }}">Recurring</label></div></div>
                                                            </div>
                                                        </div>
                                                    @endforeach
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-12">
                                            <div class="card card-flush mb-7">
                                                <div class="card-header"><div class="card-title"><h3 class="fw-bold m-0">Deductions</h3></div></div>
                                                <div class="card-body">
                                                    @foreach($deductionRows as $index => $row)
                                                        <div class="border rounded p-5 mb-5">
                                                            <div class="row g-5">
                                                                <div class="col-md-4">
                                                                    <label class="form-label">Deduction Type</label>
                                                                    <select name="deductions[{{ $index }}][deduction_type_id]" class="form-select">
                                                                        <option value="">Select deduction type</option>
                                                                        @foreach($salaryOptions['deductionTypes'] as $deductionType)
                                                                            <option value="{{ $deductionType->id }}" @selected((string) data_get($row, 'deduction_type_id') === (string) $deductionType->id)>{{ $deductionType->code }} - {{ $deductionType->name }}</option>
                                                                        @endforeach
                                                                    </select>
                                                                </div>
                                                                <div class="col-md-4"><label class="form-label">Arabic Name</label><input type="text" name="deductions[{{ $index }}][name][ar]" class="form-control" value="{{ data_get($row, 'name.ar') }}"></div>
                                                                <div class="col-md-4"><label class="form-label">English Name</label><input type="text" name="deductions[{{ $index }}][name][en]" class="form-control" value="{{ data_get($row, 'name.en') }}"></div>
                                                                <div class="col-md-3">
                                                                    <label class="form-label">Calculation Type</label>
                                                                    <select name="deductions[{{ $index }}][calculation_type]" class="form-select">
                                                                        @foreach($salaryOptions['calculationTypes'] as $type)
                                                                            <option value="{{ $type }}" @selected(data_get($row, 'calculation_type', 'fixed') === $type)>{{ ucfirst($type) }}</option>
                                                                        @endforeach
                                                                    </select>
                                                                </div>
                                                                <div class="col-md-3"><label class="form-label">Value</label><input type="number" step="0.01" min="0" name="deductions[{{ $index }}][value]" class="form-control" value="{{ data_get($row, 'value') }}"></div>
                                                                <div class="col-md-3"><label class="form-label">Effective From</label><input type="date" name="deductions[{{ $index }}][effective_from]" class="form-control" value="{{ data_get($row, 'effective_from') }}"></div>
                                                                <div class="col-md-3"><label class="form-label">Effective To</label><input type="date" name="deductions[{{ $index }}][effective_to]" class="form-control" value="{{ data_get($row, 'effective_to') }}"></div>
                                                                <div class="col-md-10"><label class="form-label">Notes</label><input type="text" name="deductions[{{ $index }}][notes]" class="form-control" value="{{ data_get($row, 'notes') }}"></div>
                                                                <div class="col-md-2 d-flex align-items-center"><div class="form-check form-check-custom form-check-solid mt-8"><input type="hidden" name="deductions[{{ $index }}][is_recurring]" value="0"><input class="form-check-input" type="checkbox" name="deductions[{{ $index }}][is_recurring]" value="1" id="deduction_recurring_{{ $index }}" @checked((bool) data_get($row, 'is_recurring', true))><label class="form-check-label" for="deduction_recurring_{{ $index }}">Recurring</label></div></div>
                                                            </div>
                                                        </div>
                                                    @endforeach
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-12">
                                            <div class="card card-flush">
                                                <div class="card-header"><div class="card-title"><h3 class="fw-bold m-0">Bank Accounts</h3></div></div>
                                                <div class="card-body">
                                                    @foreach($bankAccountRows as $index => $row)
                                                        <div class="border rounded p-5 mb-5">
                                                            <div class="row g-5">
                                                                <div class="col-md-4"><label class="form-label">Bank Name</label><input type="text" name="bank_accounts[{{ $index }}][bank_name]" class="form-control" value="{{ data_get($row, 'bank_name') }}"></div>
                                                                <div class="col-md-4"><label class="form-label">Branch Name</label><input type="text" name="bank_accounts[{{ $index }}][branch_name]" class="form-control" value="{{ data_get($row, 'branch_name') }}"></div>
                                                                <div class="col-md-4"><label class="form-label">Account Name</label><input type="text" name="bank_accounts[{{ $index }}][account_name]" class="form-control" value="{{ data_get($row, 'account_name') }}"></div>
                                                                <div class="col-md-4"><label class="form-label">Account Number</label><input type="text" name="bank_accounts[{{ $index }}][account_number]" class="form-control" value="{{ data_get($row, 'account_number') }}"></div>
                                                                <div class="col-md-4"><label class="form-label">IBAN</label><input type="text" name="bank_accounts[{{ $index }}][iban]" class="form-control" value="{{ data_get($row, 'iban') }}"></div>
                                                                <div class="col-md-4"><label class="form-label">Swift Code</label><input type="text" name="bank_accounts[{{ $index }}][swift_code]" class="form-control" value="{{ data_get($row, 'swift_code') }}"></div>
                                                                <div class="col-md-4"><label class="form-label">Currency</label><input type="text" name="bank_accounts[{{ $index }}][currency_code]" class="form-control" value="{{ data_get($row, 'currency_code', 'EGP') }}"></div>
                                                                <div class="col-md-8"><label class="form-label">Notes</label><input type="text" name="bank_accounts[{{ $index }}][notes]" class="form-control" value="{{ data_get($row, 'notes') }}"></div>
                                                                <div class="col-md-6 d-flex align-items-center"><div class="form-check form-check-custom form-check-solid mt-8"><input type="hidden" name="bank_accounts[{{ $index }}][is_primary]" value="0"><input class="form-check-input" type="checkbox" name="bank_accounts[{{ $index }}][is_primary]" value="1" id="bank_account_primary_{{ $index }}" @checked((bool) data_get($row, 'is_primary', false))><label class="form-check-label" for="bank_account_primary_{{ $index }}">Primary account</label></div></div>
                                                                <div class="col-md-6 d-flex align-items-center"><div class="form-check form-check-custom form-check-solid mt-8"><input type="hidden" name="bank_accounts[{{ $index }}][is_active]" value="0"><input class="form-check-input" type="checkbox" name="bank_accounts[{{ $index }}][is_active]" value="1" id="bank_account_active_{{ $index }}" @checked((bool) data_get($row, 'is_active', true))><label class="form-check-label" for="bank_account_active_{{ $index }}">Active</label></div></div>
                                                            </div>
                                                        </div>
                                                    @endforeach
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="d-flex justify-content-end mt-8">
                                        <button type="submit" class="btn btn-primary">Save Financial Setup</button>
                                    </div>
                                </form>
                            </div>
                            <div class="tab-pane fade {{ $activeTab === 'attendance' ? 'show active' : '' }}">
                                <div class="card card-flush">
                                    <div class="card-body py-15 text-center">
                                        <div class="fs-3 fw-bold text-gray-900 mb-3">Attendance setup comes in the attendance module.</div>
                                        <div class="text-muted">This tab is reserved for shifts, attendance rules, and daily attendance logs.</div>
                                    </div>
                                </div>
                            </div>

                            <div class="tab-pane fade {{ $activeTab === 'documents' ? 'show active' : '' }}">
                                <div class="row g-7">
                                    <div class="col-lg-5">
                                        <div class="card card-flush">
                                            <div class="card-header"><div class="card-title"><h3 class="fw-bold m-0">Add Document</h3></div></div>
                                            <div class="card-body">
                                                <form id="EmployeeDocumentForm" action="{{ route('admin.dashboard.hr.employees.documents.store', ['employee' => $employee, 'tab' => 'documents']) }}" method="POST">
                                                    @csrf
                                                    <div class="row g-5">
                                                        <div class="col-12">
                                                            <label class="form-label">Document Type</label>
                                                            <select name="document_type" class="form-select">
                                                                <option value="">Select type</option>
                                                                @foreach($documentTypes as $documentType)
                                                                    <option value="{{ $documentType }}">{{ strtoupper($documentType) }}</option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                        <div class="col-12"><label class="form-label">Arabic Title</label><input type="text" name="title[ar]" class="form-control" value="{{ old('title.ar') }}"></div>
                                                        <div class="col-12"><label class="form-label">English Title</label><input type="text" name="title[en]" class="form-control" value="{{ old('title.en') }}"></div>
                                                        <div class="col-12"><label class="form-label">Document Number</label><input type="text" name="document_number" class="form-control" value="{{ old('document_number') }}"></div>
                                                        <div class="col-md-6"><label class="form-label">Issue Date</label><input type="date" name="issue_date" class="form-control" value="{{ old('issue_date') }}"></div>
                                                        <div class="col-md-6"><label class="form-label">Expiry Date</label><input type="date" name="expiry_date" class="form-control" value="{{ old('expiry_date') }}"></div>
                                                        <div class="col-12"><label class="form-label">File Path</label><input type="text" name="file_path" class="form-control" value="{{ old('file_path') }}" placeholder="storage/hr/documents/..."></div>
                                                        <div class="col-12"><label class="form-label">Notes</label><textarea name="notes" class="form-control" rows="3">{{ old('notes') }}</textarea></div>
                                                        <div class="col-12">
                                                            <div class="form-check form-check-custom form-check-solid">
                                                                <input type="hidden" name="is_active" value="0">
                                                                <input class="form-check-input" type="checkbox" name="is_active" value="1" id="document_is_active" @checked((bool) old('is_active', true))>
                                                                <label class="form-check-label" for="document_is_active">Active document</label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="d-flex justify-content-end mt-6"><button type="submit" class="btn btn-primary">Add Document</button></div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-lg-7">
                                        <div class="card card-flush">
                                            <div class="card-header"><div class="card-title"><h3 class="fw-bold m-0">Document Register</h3></div></div>
                                            <div class="card-body">
                                                <div class="table-responsive">
                                                    <table class="table align-middle table-row-dashed fs-6 gy-5">
                                                        <thead>
                                                        <tr class="text-start text-muted fw-bold fs-7 text-uppercase gs-0">
                                                            <th>Type</th>
                                                            <th>Title</th>
                                                            <th>Expiry</th>
                                                            <th>Status</th>
                                                            <th class="text-end">Actions</th>
                                                        </tr>
                                                        </thead>
                                                        <tbody class="text-gray-600 fw-semibold">
                                                        @forelse($documents as $document)
                                                            <tr>
                                                                <td>{{ strtoupper($document->document_type) }}</td>
                                                                <td>{{ $document->title ?: '-' }}<div class="text-muted small">{{ $document->file_path }}</div></td>
                                                                <td>{{ optional($document->expiry_date)->format('Y-m-d') ?: '-' }}</td>
                                                                <td><span class="badge {{ $document->is_active ? 'badge-light-success' : 'badge-light-secondary' }}">{{ $document->is_active ? 'Active' : 'Inactive' }}</span></td>
                                                                <td class="text-end">
                                                                    <form action="{{ route('admin.dashboard.hr.employees.documents.destroy', ['employee' => $employee, 'document' => $document, 'tab' => 'documents']) }}" method="POST">
                                                                        @csrf
                                                                        @method('DELETE')
                                                                        <button type="submit" class="btn btn-sm btn-light-danger" onclick="return confirm('Delete this document?')">Delete</button>
                                                                    </form>
                                                                </td>
                                                            </tr>
                                                        @empty
                                                            <tr><td colspan="5" class="text-center py-10">No documents uploaded yet.</td></tr>
                                                        @endforelse
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade {{ $activeTab === 'history' ? 'show active' : '' }}">
                                <div class="row g-7">
                                    <div class="col-xl-6">
                                        <div class="card card-flush h-100">
                                            <div class="card-header"><div class="card-title"><h3 class="fw-bold m-0">Record Transfer</h3></div></div>
                                            <div class="card-body">
                                                <form id="EmployeeTransferForm" action="{{ route('admin.dashboard.hr.employees.transfers.store', ['employee' => $employee, 'tab' => 'history']) }}" method="POST">
                                                    @csrf
                                                    <div class="row g-5">
                                                        <div class="col-md-6"><label class="form-label">From Branch</label><select name="from_branch_id" class="form-select"><option value="">Select branch</option>@foreach($branches as $branch)<option value="{{ $branch->id }}" @selected((string) old('from_branch_id', $employee->branch_id) === (string) $branch->id)>{{ $branch->name }}</option>@endforeach</select></div>
                                                        <div class="col-md-6"><label class="form-label">To Branch</label><select name="to_branch_id" class="form-select"><option value="">Select branch</option>@foreach($branches as $branch)<option value="{{ $branch->id }}">{{ $branch->name }}</option>@endforeach</select></div>
                                                        <div class="col-md-6"><label class="form-label">From Department</label><select name="from_department_id" class="form-select"><option value="">Select department</option>@foreach($departments as $department)<option value="{{ $department->id }}" @selected((string) old('from_department_id', $employee->department_id) === (string) $department->id)>{{ $department->code }} - {{ $department->name }}</option>@endforeach</select></div>
                                                        <div class="col-md-6"><label class="form-label">To Department</label><select name="to_department_id" class="form-select"><option value="">Select department</option>@foreach($departments as $department)<option value="{{ $department->id }}">{{ $department->code }} - {{ $department->name }}</option>@endforeach</select></div>
                                                        <div class="col-md-6"><label class="form-label">From Designation</label><select name="from_designation_id" class="form-select"><option value="">Select designation</option>@foreach($designations as $designation)<option value="{{ $designation->id }}" @selected((string) old('from_designation_id', $employee->designation_id) === (string) $designation->id)>{{ $designation->code }} - {{ $designation->name }}</option>@endforeach</select></div>
                                                        <div class="col-md-6"><label class="form-label">To Designation</label><select name="to_designation_id" class="form-select"><option value="">Select designation</option>@foreach($designations as $designation)<option value="{{ $designation->id }}">{{ $designation->code }} - {{ $designation->name }}</option>@endforeach</select></div>
                                                        <div class="col-md-6"><label class="form-label">From Grade</label><select name="from_grade_id" class="form-select"><option value="">Select grade</option>@foreach($grades as $grade)<option value="{{ $grade->id }}" @selected((string) old('from_grade_id', $employee->grade_id) === (string) $grade->id)>{{ $grade->code }} - {{ $grade->name }}</option>@endforeach</select></div>
                                                        <div class="col-md-6"><label class="form-label">To Grade</label><select name="to_grade_id" class="form-select"><option value="">Select grade</option>@foreach($grades as $grade)<option value="{{ $grade->id }}">{{ $grade->code }} - {{ $grade->name }}</option>@endforeach</select></div>
                                                        <div class="col-12"><label class="form-label">Effective Date</label><input type="date" name="effective_date" class="form-control" value="{{ old('effective_date') }}"></div>
                                                        <div class="col-12"><label class="form-label">Reason</label><input type="text" name="reason" class="form-control" value="{{ old('reason') }}"></div>
                                                        <div class="col-12"><label class="form-label">Notes</label><textarea name="notes" class="form-control" rows="3">{{ old('notes') }}</textarea></div>
                                                    </div>
                                                    <div class="d-flex justify-content-end mt-6"><button type="submit" class="btn btn-primary">Record Transfer</button></div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-xl-6">
                                        <div class="card card-flush h-100">
                                            <div class="card-header"><div class="card-title"><h3 class="fw-bold m-0">Record Secondment</h3></div></div>
                                            <div class="card-body">
                                                <form id="EmployeeSecondmentForm" action="{{ route('admin.dashboard.hr.employees.secondments.store', ['employee' => $employee, 'tab' => 'history']) }}" method="POST">
                                                    @csrf
                                                    <div class="row g-5">
                                                        <div class="col-md-6"><label class="form-label">From Branch</label><select name="from_branch_id" class="form-select"><option value="">Select branch</option>@foreach($branches as $branch)<option value="{{ $branch->id }}" @selected((string) old('from_branch_id', $employee->branch_id) === (string) $branch->id)>{{ $branch->name }}</option>@endforeach</select></div>
                                                        <div class="col-md-6"><label class="form-label">To Branch</label><select name="to_branch_id" class="form-select"><option value="">Select branch</option>@foreach($branches as $branch)<option value="{{ $branch->id }}">{{ $branch->name }}</option>@endforeach</select></div>
                                                        <div class="col-md-6"><label class="form-label">From Department</label><select name="from_department_id" class="form-select"><option value="">Select department</option>@foreach($departments as $department)<option value="{{ $department->id }}" @selected((string) old('from_department_id', $employee->department_id) === (string) $department->id)>{{ $department->code }} - {{ $department->name }}</option>@endforeach</select></div>
                                                        <div class="col-md-6"><label class="form-label">To Department</label><select name="to_department_id" class="form-select"><option value="">Select department</option>@foreach($departments as $department)<option value="{{ $department->id }}">{{ $department->code }} - {{ $department->name }}</option>@endforeach</select></div>
                                                        <div class="col-md-4"><label class="form-label">Start Date</label><input type="date" name="start_date" class="form-control" value="{{ old('start_date') }}"></div>
                                                        <div class="col-md-4"><label class="form-label">End Date</label><input type="date" name="end_date" class="form-control" value="{{ old('end_date') }}"></div>
                                                        <div class="col-md-4"><label class="form-label">Status</label><select name="status" class="form-select">@foreach(['active', 'completed', 'cancelled'] as $status)<option value="{{ $status }}" @selected(old('status', 'active') === $status)>{{ ucfirst($status) }}</option>@endforeach</select></div>
                                                        <div class="col-12"><label class="form-label">Reason</label><input type="text" name="reason" class="form-control" value="{{ old('reason') }}"></div>
                                                        <div class="col-12"><label class="form-label">Notes</label><textarea name="notes" class="form-control" rows="3">{{ old('notes') }}</textarea></div>
                                                    </div>
                                                    <div class="d-flex justify-content-end mt-6"><button type="submit" class="btn btn-primary">Record Secondment</button></div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-12">
                                        <div class="card card-flush mb-7">
                                            <div class="card-header"><div class="card-title"><h3 class="fw-bold m-0">Transfer History</h3></div></div>
                                            <div class="card-body">
                                                <div class="table-responsive">
                                                    <table class="table align-middle table-row-dashed fs-6 gy-5">
                                                        <thead><tr class="text-start text-muted fw-bold fs-7 text-uppercase gs-0"><th>Date</th><th>Movement</th><th>Reason</th><th class="text-end">Actions</th></tr></thead>
                                                        <tbody class="text-gray-600 fw-semibold">
                                                        @forelse($transfers as $transfer)
                                                            <tr>
                                                                <td>{{ optional($transfer->effective_date)->format('Y-m-d') ?: '-' }}</td>
                                                                <td>{{ $transfer->fromBranch?->name ?? '-' }} / {{ $transfer->fromDepartment?->name ?? '-' }} <span class="mx-1">→</span> {{ $transfer->toBranch?->name ?? '-' }} / {{ $transfer->toDepartment?->name ?? '-' }}</td>
                                                                <td>{{ $transfer->reason ?: '-' }}</td>
                                                                <td class="text-end">
                                                                    <form action="{{ route('admin.dashboard.hr.employees.transfers.destroy', ['employee' => $employee, 'transfer' => $transfer, 'tab' => 'history']) }}" method="POST">
                                                                        @csrf
                                                                        @method('DELETE')
                                                                        <button type="submit" class="btn btn-sm btn-light-danger" onclick="return confirm('Delete this transfer?')">Delete</button>
                                                                    </form>
                                                                </td>
                                                            </tr>
                                                        @empty
                                                            <tr><td colspan="4" class="text-center py-10">No transfers recorded yet.</td></tr>
                                                        @endforelse
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-12">
                                        <div class="card card-flush mb-7">
                                            <div class="card-header"><div class="card-title"><h3 class="fw-bold m-0">Secondment History</h3></div></div>
                                            <div class="card-body">
                                                <div class="table-responsive">
                                                    <table class="table align-middle table-row-dashed fs-6 gy-5">
                                                        <thead><tr class="text-start text-muted fw-bold fs-7 text-uppercase gs-0"><th>Period</th><th>Destination</th><th>Status</th><th class="text-end">Actions</th></tr></thead>
                                                        <tbody class="text-gray-600 fw-semibold">
                                                        @forelse($secondments as $secondment)
                                                            <tr>
                                                                <td>{{ optional($secondment->start_date)->format('Y-m-d') ?: '-' }} <span class="mx-1">→</span> {{ optional($secondment->end_date)->format('Y-m-d') ?: 'Open' }}</td>
                                                                <td>{{ $secondment->toBranch?->name ?? '-' }} / {{ $secondment->toDepartment?->name ?? '-' }}</td>
                                                                <td><span class="badge badge-light-info">{{ ucfirst($secondment->status) }}</span></td>
                                                                <td class="text-end">
                                                                    <form action="{{ route('admin.dashboard.hr.employees.secondments.destroy', ['employee' => $employee, 'secondment' => $secondment, 'tab' => 'history']) }}" method="POST">
                                                                        @csrf
                                                                        @method('DELETE')
                                                                        <button type="submit" class="btn btn-sm btn-light-danger" onclick="return confirm('Delete this secondment?')">Delete</button>
                                                                    </form>
                                                                </td>
                                                            </tr>
                                                        @empty
                                                            <tr><td colspan="4" class="text-center py-10">No secondments recorded yet.</td></tr>
                                                        @endforelse
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-12">
                                        <div class="card card-flush">
                                            <div class="card-header"><div class="card-title"><h3 class="fw-bold m-0">Status History</h3></div></div>
                                            <div class="card-body">
                                                <div class="table-responsive">
                                                    <table class="table align-middle table-row-dashed fs-6 gy-5">
                                                        <thead><tr class="text-start text-muted fw-bold fs-7 text-uppercase gs-0"><th>Date</th><th>Change</th><th>Reason</th><th>Notes</th></tr></thead>
                                                        <tbody class="text-gray-600 fw-semibold">
                                                        @forelse($statusHistories as $statusHistory)
                                                            <tr>
                                                                <td>{{ optional($statusHistory->effective_date)->format('Y-m-d') ?: '-' }}</td>
                                                                <td>{{ ucfirst($statusHistory->previous_status) }} → {{ ucfirst($statusHistory->new_status) }}</td>
                                                                <td>{{ $statusHistory->reason ?: '-' }}</td>
                                                                <td>{{ $statusHistory->notes ?: '-' }}</td>
                                                            </tr>
                                                        @empty
                                                            <tr><td colspan="4" class="text-center py-10">No status changes recorded yet.</td></tr>
                                                        @endforelse
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('js')
    <script type="text/javascript" src="{{ asset('vendor/jsvalidation/js/jsvalidation.js') }}"></script>
    {!! JsValidator::formRequest('App\Http\Requests\Admin\HR\Employee\UpdateEmployeeRequest', '#EmployeePersonalForm') !!}
    {!! JsValidator::formRequest('App\Http\Requests\Admin\HR\Employee\UpdateEmployeeRequest', '#EmployeeJobForm') !!}
    {!! JsValidator::formRequest('App\Http\Requests\Admin\HR\Employee\StoreEmployeeContractRequest', '#EmployeeContractForm') !!}
    {!! JsValidator::formRequest('App\Http\Requests\Admin\HR\Employee\UpdateEmployeeSalaryProfileRequest', '#EmployeeSalaryProfileForm') !!}
    {!! JsValidator::formRequest('App\Http\Requests\Admin\HR\Employee\StoreEmployeeDocumentRequest', '#EmployeeDocumentForm') !!}
    {!! JsValidator::formRequest('App\Http\Requests\Admin\HR\Employee\StoreEmployeeTransferRequest', '#EmployeeTransferForm') !!}
    {!! JsValidator::formRequest('App\Http\Requests\Admin\HR\Employee\StoreEmployeeSecondmentRequest', '#EmployeeSecondmentForm') !!}
@endsection