@section('title', get_setting('site_name') . ' | Salary Review Details')

@push('css')
    <style>
        .sr-show .card { border-radius: 14px; border: 1px solid #edf0f6; }
        .sr-show .card-header { background: #fff; border-bottom: 1px solid #edf0f6; font-weight: 800; }
        .sr-show .label { font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .06em; color: rgba(15,23,42,.55); }
        .sr-show .val { color: rgba(15,23,42,.85); font-weight: 800; }
        .sr-table thead th { font-size: 11px; text-transform: uppercase; letter-spacing: .08em; color: rgba(15,23,42,.65); border-top: 0; background: #fff; }
        .sr-diff-pos { color: #166534; font-weight: 800; }
        .sr-diff-zero { color: rgba(15,23,42,.45); font-weight: 700; }
        .sr-badge { display: inline-flex; padding: 4px 10px; border-radius: 999px; font-size: 11px; font-weight: 800; }
        .sr-badge.applied { background: rgba(34,197,94,.12); color: #166534; }
        .sr-badge.pending { background: rgba(14,165,233,.12); color: #0369a1; }
        .sr-badge.rejected { background: rgba(239,68,68,.12); color: #991b1b; }
    </style>
@endpush

<div class="container-fluid sr-show">
    <div class="row mt-3">
        <div class="col-12 d-flex flex-wrap align-items-center justify-content-between mb-2">
            <div>
                <h4 class="page-title mb-0">Salary Review Details</h4>
                <p class="text-muted mb-0">Recorded And New Salary Comparison.</p>
            </div>
            <div class="d-flex flex-wrap gap-2">
                @if($review->status === \App\Models\SalaryReview::STATUS_APPROVED)
                    <a class="btn btn-primary" href="{{ route('admin.hr.salary_review.letter', $review->id) }}" target="_blank">
                        <i class="fas fa-print"></i> {{ __('Review Letter') }}
                    </a>
                @endif
                @if($canDeleteReview)
                    <button type="button"
                            class="btn btn-outline-danger"
                            wire:click="deleteReview"
                            wire:confirm="{{ __('Delete this salary review? It will also be removed from Approval Center.') }}">
                        <i class="mdi mdi-delete-outline"></i> {{ __('Delete') }}
                    </button>
                @endif
                <a class="btn btn-light" href="{{ route('admin.hr.salary_review') }}">Back</a>
            </div>
        </div>

        @if (session()->has('message'))
            <div class="col-12"><div class="alert alert-success">{{ session('message') }}</div></div>
        @endif
        @if (session()->has('error'))
            <div class="col-12"><div class="alert alert-danger">{{ session('error') }}</div></div>
        @endif

        @if($workflowEnabled && $review->status === \App\Models\SalaryReview::STATUS_PENDING)
            <div class="col-12">
                <div class="alert {{ $isCurrentApprover ? 'alert-success' : 'alert-info' }} py-2 mb-2">
                    @if($approvalRequest && $approvalRequest->status === 'pending')
                        <strong>{{ __('Current approver') }}:</strong>
                        {{ user_display_label($approvalRequest->currentApprover) }}
                        @if($isCurrentApprover)
                            — <a href="{{ route('approval.center') }}" class="alert-link font-weight-bold">{{ __('Open Approval Center to approve') }}</a>
                        @endif
                    @else
                        {{ __('This review is not in the approval queue yet.') }}
                        @can('SalaryReview-create')
                            <button type="button" class="btn btn-sm btn-primary ml-2" wire:click="submitForApproval">{{ __('Send for approval') }}</button>
                        @endcan
                    @endif
                </div>
            </div>
        @endif

        <div class="col-12 col-lg-4 mb-3">
            <div class="card">
                <div class="card-header">Review Information</div>
                <div class="card-body">
                    <div class="mb-2">
                        <div class="label">Staff</div>
                        <div class="val">
                            {{ $review->staff?->user?->name ?? '—' }}
                            <div class="text-muted" style="font-weight:700;">{{ $review->staff?->warehouse?->name ?? 'No Branch' }}</div>
                        </div>
                    </div>
                    <div class="mb-2">
                        <div class="label">Review Type</div>
                        <div class="val">{{ $review->review_type ?? '—' }}</div>
                    </div>
                    <div class="mb-2">
                        <div class="label">Increment Mode</div>
                        <div class="val">{{ $review->increment_mode ? ucfirst($review->increment_mode) : '—' }}</div>
                    </div>
                    <div class="mb-2">
                        <div class="label">Increment Value</div>
                        <div class="val">{{ $review->increment_value !== null ? number_format((float) $review->increment_value, 2) : '—' }}</div>
                    </div>
                    <div class="mb-2">
                        <div class="label">Effective From</div>
                        <div class="val">{{ $review->effective_date?->format('M d, Y') ?? '—' }}</div>
                    </div>
                    <div class="mb-2">
                        <div class="label">Status</div>
                        <div>
                            @if($review->status === \App\Models\SalaryReview::STATUS_APPROVED)
                                <span class="sr-badge applied">Applied</span>
                            @elseif($review->status === \App\Models\SalaryReview::STATUS_REJECTED)
                                <span class="sr-badge rejected">Rejected</span>
                            @else
                                <span class="sr-badge pending">Pending</span>
                            @endif
                        </div>
                    </div>
                    <div class="mb-2">
                        <div class="label">Approved By</div>
                        <div class="val">{{ $review->approvedBy?->name ?? '—' }}</div>
                    </div>
                    @if($workflowEnabled && $review->status === \App\Models\SalaryReview::STATUS_PENDING && $approvalRequest)
                        <div class="mb-2">
                            <div class="label">{{ __('Current approver') }}</div>
                            <div class="val">{{ user_display_label($approvalRequest->currentApprover) }}</div>
                        </div>
                        <div class="mb-2">
                            <div class="label">{{ __('Approval status') }}</div>
                            <div class="val text-capitalize">{{ $approvalRequest->status ?? '—' }}</div>
                        </div>
                    @endif
                    @if(!empty($review->remarks))
                        <div class="mb-0">
                            <div class="label">Remarks</div>
                            <div class="text-muted" style="font-weight:700;">{{ $review->remarks }}</div>
                        </div>
                    @endif
                </div>
            </div>
        </div>

        <div class="col-12 col-lg-8 mb-3">
            <div class="card">
                <div class="card-header">Salary Comparison</div>
                <div class="card-body table-responsive p-0">
                    <table class="table mb-0 sr-table">
                        <thead>
                            <tr>
                                <th>Component</th>
                                <th class="text-right">Current Amount</th>
                                <th class="text-right">New Amount</th>
                                <th class="text-right">Difference</th>
                            </tr>
                        </thead>
                        <tbody>
                            @php
                                $rows = [
                                    ['key' => 'basic_salary', 'label' => 'Basic Salary'],
                                    ['key' => 'house_rent', 'label' => 'House Rent'],
                                    ['key' => 'medical', 'label' => 'Medical'],
                                    ['key' => 'food', 'label' => 'Food'],
                                    ['key' => 'conveyance', 'label' => 'Conveyance'],
                                    ['key' => 'utility', 'label' => 'Utility'],
                                    ['key' => 'provident_fund', 'label' => 'Provident Fund'],
                                    ['key' => 'Others', 'label' => 'Others'],
                                    ['key' => 'gross_salary', 'label' => 'Gross Salary'],
                                    ['key' => 'net_salary', 'label' => 'Net Salary'],
                                ];
                            @endphp
                            @foreach($rows as $r)
                                @php
                                    $k = $r['key'];
                                    $cur = (float) ($before[$k] ?? 0);
                                    $new = (float) ($after[$k] ?? 0);
                                    $d = (float) ($diff[$k] ?? 0);
                                @endphp
                                <tr @if(in_array($k, ['gross_salary','net_salary'])) style="font-weight:800;background:#fbfcff;" @endif>
                                    <td>{{ $r['label'] }}</td>
                                    <td class="text-right">{{ number_format($cur, 2) }}</td>
                                    <td class="text-right">{{ number_format($new, 2) }}</td>
                                    <td class="text-right">
                                        @if(abs($d) < 0.005)
                                            <span class="sr-diff-zero">+0.00</span>
                                        @else
                                            <span class="sr-diff-pos">+{{ number_format($d, 2) }}</span>
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>