@extends('garage.layouts.app')

@section('title', 'Payslip')

@section('content')
@include('garage.hr.styles')

<div class="container-fluid px-0 py-0 w-100">
    <div class="hrx-head mb-3">
        <div>
            <div class="h4 mb-0 hrx-title">Payslip</div>
            <div class="small hrx-sub">Month: <strong>{{ $payslip->month }}</strong></div>
        </div>
        <div class="d-flex gap-2 hrx-actions-bar">
            <a class="btn btn-sm btn-outline-dark" href="{{ route('garage.payroll.payslip.export.excel', $payslip->id) }}">
                <i class="bi bi-file-earmark-spreadsheet me-1"></i>Excel
            </a>
            <a class="btn btn-sm btn-outline-danger" href="{{ route('garage.payroll.payslip.export.pdf', $payslip->id) }}" target="_blank">
                <i class="bi bi-file-earmark-pdf me-1"></i>PDF
            </a>
            <button type="button" class="btn btn-sm btn-outline-primary" onclick="window.print()">
                <i class="bi bi-printer me-1"></i>Print
            </button>
            <a class="btn btn-sm btn-outline-secondary" href="{{ route('garage.payroll.run.show', $payslip->garage_payroll_run_id) }}">Back</a>
        </div>
    </div>

    <div class="card hrx-card mb-3">
        <div class="card-body">
            <div class="row g-3">
                <div class="col-md-6">
                    <div class="small hrx-sub">Employee</div>
                    <div class="fw-semibold">{{ $payslip->employee_name }}</div>
                    <div class="small hrx-sub">{{ $payslip->employee_code ?: '—' }} @if($payslip->department_name) · {{ $payslip->department_name }} @endif</div>
                </div>
                <div class="col-md-6 text-md-end">
                    <div class="small hrx-sub">Work summary</div>
                    <div class="fw-semibold">
                        Present {{ (int)$payslip->present_days }} · Absent {{ (int)$payslip->absent_days }}
                    </div>
                    <div class="small hrx-sub">
                        Worked {{ number_format(((int)$payslip->work_minutes)/60, 2) }} hrs
                        @if(!empty($payslip->expected_work_minutes))
                            · Target {{ number_format($payslip->expected_work_minutes / 60, 2) }} hrs
                            @if((int)($payslip->shortfall_minutes ?? 0) > 0)
                                · <span class="text-danger">Short {{ number_format($payslip->shortfall_minutes / 60, 2) }} hrs</span>
                            @else
                                · <span class="text-success">Full hours</span>
                            @endif
                        @elseif($payslip->working_hours_per_day !== null)
                            · {{ number_format((float)$payslip->working_hours_per_day, 2) }} hrs/day on profile
                        @endif
                    </div>
                    <div class="small hrx-sub mt-1">
                        Fixed allowance {{ number_format((float)($payslip->employee_fixed_allowance ?? 0), 2) }}
                        · Variable allowance {{ number_format((float)($payslip->employee_variable_allowance ?? 0), 2) }}
                        · Advance {{ number_format((float)($payslip->total_advance ?? 0), 2) }}
                        · Employee fund {{ number_format((float)($payslip->employee_fund_deduction ?? 0), 2) }}
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="card hrx-card">
        <div class="table-responsive">
            <table class="table table-sm mb-0 hrx-table align-middle">
                <thead class="table-light">
                <tr>
                    <th>Line</th>
                    <th>Type</th>
                    <th class="text-end">Amount</th>
                </tr>
                </thead>
                <tbody>
                @foreach($lines as $l)
                    <tr>
                        <td class="fw-semibold">{{ $l->title }}</td>
                        <td class="small text-capitalize">{{ $l->type }}</td>
                        <td class="text-end">{{ number_format((float)$l->amount, 2) }}</td>
                    </tr>
                @endforeach
                </tbody>
                <tfoot class="table-light">
                <tr>
                    <th colspan="2" class="text-end">Net pay</th>
                    <th class="text-end">{{ number_format((float)$payslip->net_pay, 2) }}</th>
                </tr>
                </tfoot>
            </table>
        </div>
    </div>
</div>
@endsection