@extends('layouts.app')

@section('content')
<div class="container-fluid py-4">
    <!-- Header -->
    <div class="row mb-4">
        <div class="col-12">
            <div class="d-flex justify-content-between align-items-center">
                <div>
                    <h1 class="h3 mb-0">Payroll Details</h1>
                    <p class="text-muted">{{ $company->name }} - {{ $payroll->payroll_period }}</p>
                </div>
                <div>
                    @can('manage-payroll', $company)
                        @if($payroll->status !== 'paid')
                            <a href="{{ route('companies.hr.payroll.edit', [$company, $payroll]) }}" class="btn btn-outline-primary me-2">
                                <i class="bi bi-pencil"></i> Edit
                            </a>
                        @endif
                    @endcan
                    <a href="{{ route('companies.hr.payroll.index', $company) }}" class="btn btn-outline-secondary">
                        <i class="bi bi-arrow-left"></i> Back to Payroll
                    </a>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <!-- Left Column - Payroll Details -->
        <div class="col-lg-8">
            <!-- Employee Information -->
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="card-title mb-0">Employee Information</h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="row mb-2">
                                <div class="col-4"><strong>Employee:</strong></div>
                                <div class="col-8">{{ $payroll->employee->full_name ?? $payroll->employee->first_name . ' ' . $payroll->employee->last_name }}</div>
                            </div>
                            <div class="row mb-2">
                                <div class="col-4"><strong>Employee ID:</strong></div>
                                <div class="col-8">{{ $payroll->employee->employee_id }}</div>
                            </div>
                            <div class="row mb-2">
                                <div class="col-4"><strong>Department:</strong></div>
                                <div class="col-8">{{ $payroll->employee->department }}</div>
                            </div>
                            <div class="row mb-2">
                                <div class="col-4"><strong>Position:</strong></div>
                                <div class="col-8">{{ $payroll->employee->position }}</div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="row mb-2">
                                <div class="col-4"><strong>Period:</strong></div>
                                <div class="col-8">{{ $payroll->payroll_period }}</div>
                            </div>
                            <div class="row mb-2">
                                <div class="col-4"><strong>Pay Date:</strong></div>
                                <div class="col-8">{{ $payroll->pay_date->format('d M Y') }}</div>
                            </div>
                            <div class="row mb-2">
                                <div class="col-4"><strong>Period:</strong></div>
                                <div class="col-8">{{ $payroll->period_start->format('d M Y') }} - {{ $payroll->period_end->format('d M Y') }}</div>
                            </div>
                            <div class="row mb-2">
                                <div class="col-4"><strong>Status:</strong></div>
                                <div class="col-8">
                                    @if($payroll->status === 'paid')
                                        <span class="badge bg-success">Paid</span>
                                    @elseif($payroll->status === 'processed')
                                        <span class="badge bg-info">Processed</span>
                                    @else
                                        <span class="badge bg-warning">Draft</span>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Basic Earnings -->
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="card-title mb-0">Basic Earnings</h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <strong>Base Salary</strong><br>
                            <span class="fs-4 text-success">RM {{ number_format($payroll->base_salary, 2) }}</span>
                        </div>
                        <div class="col-md-6 mb-3">
                            <strong>Worked Months</strong><br>
                            <span class="text-muted">{{ $payroll->worked_months ?? 1 }} month(s)</span>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Additional Earnings -->
            @php
                $additions = $payroll->lineItems->where('type.type', 'addition');
                // Filter out zero amount additions
                $nonZeroAdditions = $additions->filter(function($item) {
                    return $item->amount > 0;
                });
            @endphp
            @if($nonZeroAdditions->count() > 0)
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="card-title mb-0">Additional Earnings</h5>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-sm">
                            <thead>
                                <tr>
                                    <th>Type</th>
                                    <th>EA Fields</th>
                                    <th class="text-end">Amount</th>
                                    <th>Notes</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($nonZeroAdditions as $addition)
                                <tr>
                                    <td>{{ $addition->type->name }}</td>
                                    <td>
                                        @if($addition->type->ea_fields)
                                            <span class="badge bg-secondary">{{ $addition->type->ea_fields }}</span>
                                        @else
                                            -
                                        @endif
                                    </td>
                                    <td class="text-end">RM {{ number_format($addition->amount, 2) }}</td>
                                    <td>{{ $addition->notes ?: '-' }}</td>
                                </tr>
                                @endforeach
                            </tbody>
                            <tfoot>
                                <tr class="table-light">
                                    <th colspan="2">Total Additional Earnings</th>
                                    <th class="text-end">RM {{ number_format($nonZeroAdditions->sum('amount'), 2) }}</th>
                                    <th></th>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>
            @endif

            <!-- Deductions -->
            @php
                $deductions = $payroll->lineItems->where('type.type', 'deduction');
                $statutoryDeductions = $deductions->where('type.category', 'statutory');
                $customDeductions = $deductions->where('type.category', 'custom');
                // Filter out zero amount deductions
                $nonZeroDeductions = $deductions->filter(function($item) {
                    return $item->amount > 0;
                });
            @endphp
            @if($nonZeroDeductions->count() > 0)
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="card-title mb-0">Deductions</h5>
                </div>
                <div class="card-body">
                    @if($statutoryDeductions->count() > 0)
                    <h6 class="text-muted mb-3">Statutory Deductions</h6>
                    <div class="table-responsive mb-4">
                        <table class="table table-sm">
                            <thead>
                                <tr>
                                    <th>Type</th>
                                    <th>Rate/Method</th>
                                    <th class="text-end">Employee</th>
                                    <th class="text-end">Employer</th>
                                    <th>Notes</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($statutoryDeductions as $deduction)
                                <tr>
                                    <td>{{ $deduction->type->name }}</td>
                                    <td>
                                        @if($deduction->type->name === 'EPF')
                                            {{ $payroll->employee->employee_epf_rate ?? 11 }}%
                                        @elseif($deduction->type->name === 'SOCSO')
                                            Table Rate
                                        @elseif($deduction->type->name === 'EIS')
                                            0.2%
                                        @else
                                            PCB
                                        @endif
                                    </td>
                                    <td class="text-end">RM {{ number_format($deduction->amount, 2) }}</td>
                                    <td class="text-end">
                                        @if($deduction->type->name === 'EPF')
                                            RM {{ number_format($deduction->amount * 12/11, 2) }}
                                        @elseif($deduction->type->name === 'SOCSO')
                                            RM {{ number_format($deduction->amount * 1.75, 2) }}
                                        @elseif($deduction->type->name === 'EIS')
                                            RM {{ number_format($deduction->amount, 2) }}
                                        @else
                                            -
                                        @endif
                                    </td>
                                    <td>{{ $deduction->notes ?: 'Auto-calculated' }}</td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    @endif

                    @if($customDeductions->count() > 0)
                    <h6 class="text-muted mb-3">Other Deductions</h6>
                    <div class="table-responsive">
                        <table class="table table-sm">
                            <thead>
                                <tr>
                                    <th>Type</th>
                                    <th class="text-end">Amount</th>
                                    <th>Notes</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($customDeductions as $deduction)
                                <tr>
                                    <td>{{ $deduction->type->name }}</td>
                                    <td class="text-end">RM {{ number_format($deduction->amount, 2) }}</td>
                                    <td>{{ $deduction->notes ?: '-' }}</td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    @endif

                    <div class="border-top pt-3 mt-3">
                        <div class="row">
                            <div class="col-8">
                                <strong>Total Deductions</strong>
                            </div>
                            <div class="col-4 text-end">
                                <strong>RM {{ number_format($deductions->sum('amount'), 2) }}</strong>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @endif

            <!-- Notes -->
            @if($payroll->notes)
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="card-title mb-0">Notes</h5>
                </div>
                <div class="card-body">
                    <p class="mb-0">{{ $payroll->notes }}</p>
                </div>
            </div>
            @endif
        </div>

        <!-- Right Column - Pay Summary -->
        <div class="col-lg-4">
            <!-- Pay Summary -->
            <div class="card mb-4">
                <div class="card-header">
                    <h6 class="card-title mb-0">Pay Summary</h6>
                </div>
                <div class="card-body">
                    <!-- Basic Pay -->
                    <div class="row mb-2">
                        <div class="col-7">Base Salary</div>
                        <div class="col-5 text-end">RM {{ number_format($payroll->base_salary, 2) }}</div>
                    </div>
                    
                    @if($nonZeroAdditions->count() > 0)
                    <!-- Additional Earnings -->
                    <div class="text-muted small mb-1">Additional earnings</div>
                    @foreach($nonZeroAdditions as $addition)
                    <div class="row mb-1">
                        <div class="col-7">{{ $addition->type->name }}</div>
                        <div class="col-5 text-end">RM {{ number_format($addition->amount, 2) }}</div>
                    </div>
                    @endforeach
                    @endif
                    
                    <!-- Gross Pay -->
                    <hr>
                    <div class="row mb-2">
                        <div class="col-7"><strong>Gross Pay</strong></div>
                        <div class="col-5 text-end">
                            <strong>RM {{ number_format($payroll->gross_pay, 2) }}</strong>
                        </div>
                    </div>
                    
                    @if($nonZeroDeductions->count() > 0)
                    <!-- Deductions -->
                    <div class="text-muted small mb-1">Deductions</div>
                    @foreach($nonZeroDeductions as $deduction)
                    <div class="row mb-1">
                        <div class="col-7">{{ $deduction->type->name }}</div>
                        <div class="col-5 text-end">RM {{ number_format($deduction->amount, 2) }}</div>
                    </div>
                    @endforeach
                    @endif
                    
                    <!-- Net Pay -->
                    <hr>
                    <div class="row mb-2">
                        <div class="col-7"><strong>Net Pay</strong></div>
                        <div class="col-5 text-end">
                            <strong class="text-success">RM {{ number_format($payroll->net_pay, 2) }}</strong>
                        </div>
                    </div>
                    
                    <!-- Company Contribution -->
                    @php
                        $companyEPF = $statutoryDeductions->where('type.name', 'EPF')->first();
                        $companySocso = $statutoryDeductions->where('type.name', 'SOCSO')->first();
                        $companyEIS = $statutoryDeductions->where('type.name', 'EIS')->first();

                        $totalCompanyContribution = 0;
                        if ($companyEPF) $totalCompanyContribution += ($companyEPF->amount * 12/11);
                        if ($companySocso) $totalCompanyContribution += ($companySocso->amount * 1.75);
                        if ($companyEIS) $totalCompanyContribution += $companyEIS->amount;
                    @endphp
                    @if($totalCompanyContribution > 0)
                    <hr>
                    <div class="row mb-2">
                        <div class="col-7">Company Contribution</div>
                        <div class="col-5 text-end">
                            <span>RM {{ number_format($totalCompanyContribution, 2) }}</span>
                        </div>
                    </div>
                    @endif
                </div>
            </div>

            <!-- Actions -->
            <div class="card mb-4">
                <div class="card-body">
                    <div class="d-grid gap-2">
                        @can('manage-payroll', $company)
                        @if($payroll->status === 'draft')
                            <form method="POST" action="{{ route('companies.hr.payroll.process', [$company, $payroll]) }}" class="d-inline">
                                @csrf
                                <input type="hidden" name="status" value="processed">
                                <button type="submit" class="btn btn-primary w-100">
                                    <i class="bi bi-check-circle"></i> Process Payroll
                                </button>
                            </form>
                        @elseif($payroll->status === 'processed')
                            <form method="POST" action="{{ route('companies.hr.payroll.process', [$company, $payroll]) }}" class="d-inline">
                                @csrf
                                <input type="hidden" name="status" value="paid">
                                <button type="submit" class="btn btn-success w-100">
                                    <i class="bi bi-credit-card"></i> Mark as Paid
                                </button>
                            </form>
                        @endif
                        @endcan
                        
                        <a href="{{ route('companies.hr.payroll.payslip', [$company, $payroll]) }}" class="btn btn-outline-primary" target="_blank">
                            <i class="bi bi-file-text"></i> View Payslip
                        </a>

                        <button type="button" class="btn btn-outline-info" onclick="printPayslip()">
                            <i class="bi bi-printer"></i> Print Payslip
                        </button>

                        <script>
                            function printPayslip() {
                                var payslipWindow = window.open('{{ route('companies.hr.payroll.payslip', [$company, $payroll]) }}', '_blank');
                                payslipWindow.onload = function() {
                                    setTimeout(function() {
                                        payslipWindow.print();
                                    }, 500);
                                };
                            }
                        </script>
                    </div>
                </div>
            </div>

            <!-- Audit Information -->
            <div class="card">
                <div class="card-header">
                    <h6 class="card-title mb-0">Audit Information</h6>
                </div>
                <div class="card-body">
                    <div class="row mb-2">
                        <div class="col-6">Created:</div>
                        <div class="col-6 text-end">{{ $payroll->created_at->format('d M Y H:i') }}</div>
                    </div>
                    <div class="row mb-2">
                        <div class="col-6">Updated:</div>
                        <div class="col-6 text-end">{{ $payroll->updated_at->format('d M Y H:i') }}</div>
                    </div>
                    <div class="row mb-2">
                        <div class="col-6">Payroll ID:</div>
                        <div class="col-6 text-end">#{{ $payroll->id }}</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@push('styles')
<style>
@media print {
    .btn, .card-header, .navbar, .sidebar {
        display: none !important;
    }
    
    .container-fluid {
        padding: 0 !important;
    }
    
    .card {
        border: none !important;
        box-shadow: none !important;
    }
}
</style>
@endpush
@endsection