@extends('layouts.master')
@section('title', 'Payslip · ' . $payroll->periodLabel())
@section('content')
@php $e = $payroll->employee; $b = $payroll->breakdown ?? []; $s = $b['summary'] ?? []; @endphp
<div class="page-head no-print">
    <div><div class="crumbs">Payroll</div><h2>Payslip</h2></div>
    <div class="actions"><button onclick="window.print()" class="btn btn-primary"><i class="fas fa-print me-1"></i> Print / save PDF</button><a href="{{ url()->previous() }}" class="btn btn-light">Back</a></div>
</div>
<div class="card payslip">
    <div class="card-body p-4">
        <div class="d-flex justify-content-between align-items-start border-bottom pb-3 mb-3">
            <div class="d-flex gap-3 align-items-center">
                <img src="{{ asset('img/MDS_LOGO.png') }}" style="height:54px" alt="">
                <div><h4 class="fw-bold mb-0">{{ setting('company_name', 'M.D.S Group of Companies') }}</h4><div class="tx-12 text-muted">{{ setting('company_address') }} {{ setting('company_phone') }}</div></div>
            </div>
            <div class="text-end"><div class="tx-12 text-muted text-uppercase">Salary slip</div><h4 class="fw-bold mb-0">{{ $payroll->periodLabel() }}</h4>{!! status_badge($payroll->status) !!}</div>
        </div>
        <div class="row mb-3 tx-13">
            <div class="col-6"><dl class="kv mb-0" style="grid-template-columns:120px 1fr">
                <dt>Employee</dt><dd>{{ $e->full_name }}</dd><dt>Employee no.</dt><dd>{{ $e->employee_no }}</dd>
                <dt>Designation</dt><dd>{{ optional($e->designation)->title ?? '—' }}</dd><dt>Department</dt><dd>{{ optional($e->department)->name ?? '—' }}</dd>
            </dl></div>
            <div class="col-6"><dl class="kv mb-0" style="grid-template-columns:130px 1fr">
                <dt>CNIC</dt><dd>{{ $e->cnic ?? '—' }}</dd><dt>Joining date</dt><dd>{{ fmt_date($e->joining_date) }}</dd>
                <dt>Payment</dt>@php $method = $payroll->payment_method ?? $e->payment_method; @endphp
                <dd>{{ ucfirst($method) }}{{ $method === 'bank' && $e->bank_name ? ' · ' . $e->bank_name . ' ' . $e->bank_account_no : '' }}</dd>
                <dt>Paid on</dt><dd>{{ $payroll->paid_at ? $payroll->paid_at->format('d M Y') . ($payroll->payment_reference ? ' · ' . $payroll->payment_reference : '') : '—' }}</dd>
            </dl></div>
        </div>
        <table class="table table-bordered tx-13 mb-3 text-center">
            <tr class="bg-light"><th>Working days</th><th>Present</th><th>Absent</th><th>Late</th><th>Half days</th><th>Paid leave</th><th>Unpaid leave</th><th>OT hours</th></tr>
            <tr><td>{{ $payroll->working_days + 0 }}</td><td>{{ $payroll->present_days + 0 }}</td><td>{{ $payroll->absent_days + 0 }}</td><td>{{ $payroll->late_days }}</td><td>{{ $payroll->half_days }}</td><td>{{ $payroll->paid_leave_days + 0 }}</td><td>{{ $payroll->unpaid_leave_days + 0 }}</td><td>{{ $payroll->ot_hours + 0 }}</td></tr>
        </table>
        <div class="row g-0">
            <div class="col-6 pe-2">
                <table class="table table-sm tx-13 mb-0"><thead><tr><th>Earnings</th><th class="num">Amount</th></tr></thead><tbody>
                    @forelse ($b['earnings'] ?? [] as $line)<tr><td>{{ $line['label'] }}</td><td class="num">{{ money($line['amount'], false, 2) }}</td></tr>
                    @empty<tr><td>Basic salary</td><td class="num">{{ money($payroll->basic_salary, false, 2) }}</td></tr>@endforelse
                </tbody><tfoot><tr class="fw-bold"><td>Gross earnings</td><td class="num">{{ money($payroll->gross_salary, false, 2) }}</td></tr></tfoot></table>
            </div>
            <div class="col-6 ps-2">
                <table class="table table-sm tx-13 mb-0"><thead><tr><th>Deductions</th><th class="num">Amount</th></tr></thead><tbody>
                    @forelse ($b['deductions'] ?? [] as $line)<tr><td>{{ $line['label'] }}</td><td class="num">{{ money($line['amount'], false, 2) }}</td></tr>
                    @empty<tr><td class="text-muted">No deductions</td><td></td></tr>@endforelse
                </tbody><tfoot><tr class="fw-bold"><td>Total deductions</td><td class="num">{{ money($payroll->deductions, false, 2) }}</td></tr></tfoot></table>
            </div>
        </div>
        <div class="d-flex justify-content-between align-items-center mt-3 p-3 rounded" style="background:#e0f7fb">
            <span class="fw-bold">Net salary</span><span class="fw-bold tx-24">{{ money($payroll->net_salary, true, 2) }}</span>
        </div>
        <div class="d-flex justify-content-between mt-5 pt-4 tx-12 text-muted">
            <span style="border-top:1px solid #ccc;padding-top:4px;width:200px;text-align:center">Prepared by</span>
            <span style="border-top:1px solid #ccc;padding-top:4px;width:200px;text-align:center">Employee signature</span>
        </div>
        <div class="tx-11 text-muted text-center mt-3">System generated on {{ $payroll->created_at->format('d M Y h:i A') }}{{ isset($b['daily_rate']) ? ' · per-day rate ' . money($b['daily_rate'], false, 2) : '' }}</div>
    </div>
</div>
@endsection