@php
    $setting = $setting ?? app(\App\Services\SettingService::class)->current();
    $payslip = $payslip ?? [];
    $letterheadAddress = $setting->formattedOperationalAddressOrRegistered();
@endphp

<x-document-layout :title="'Payslip '.$payslip['number']" :setting="$setting" :preview="$preview ?? false" :for-pdf="$forPdf ?? false" :letterhead-address="$letterheadAddress">
    @include('documents.partials.letterhead')

    <div class="d-flex justify-content-between mb-4">
        <div>
            <div class="text-uppercase small muted mb-1">Employee</div>
            <strong>{{ $payslip['employee_name'] }}</strong>
            <div class="small">{{ $payslip['designation'] ?? '' }} · {{ $payslip['employee_code'] ?? '' }}</div>
        </div>
        <div class="text-end">
            <h2 class="h5 mb-2">PAYSLIP</h2>
            <table class="meta-table small ms-auto">
                <tr><td class="muted">Slip no.</td><td><strong>{{ $payslip['number'] }}</strong></td></tr>
                <tr><td class="muted">Period</td><td>{{ $payslip['period'] }}</td></tr>
                <tr><td class="muted">Pay date</td><td>{{ \Illuminate\Support\Carbon::parse($payslip['pay_date'])->format('d M Y') }}</td></tr>
            </table>
        </div>
    </div>

    <div class="row g-3">
        <div class="col-md-6">
            <table class="table table-sm doc-table">
                <thead><tr><th>Earnings</th><th class="text-end">Amount</th></tr></thead>
                <tbody>
                    @foreach ($payslip['earnings'] as $row)
                        <tr>
                            <td>{{ $row['label'] }}</td>
                            <td class="text-end">{{ money($row['amount']) }}</td>
                        </tr>
                    @endforeach
                </tbody>
                <tfoot>
                    <tr>
                        <td><strong>Gross</strong></td>
                        <td class="text-end"><strong>{{ money($payslip['gross']) }}</strong></td>
                    </tr>
                </tfoot>
            </table>
        </div>
        <div class="col-md-6">
            <table class="table table-sm doc-table">
                <thead><tr><th>Deductions</th><th class="text-end">Amount</th></tr></thead>
                <tbody>
                    @foreach ($payslip['deductions'] as $row)
                        <tr>
                            <td>{{ $row['label'] }}</td>
                            <td class="text-end">{{ money($row['amount']) }}</td>
                        </tr>
                    @endforeach
                </tbody>
                <tfoot>
                    <tr>
                        <td><strong>Total deductions</strong></td>
                        <td class="text-end"><strong>{{ money($payslip['total_deductions']) }}</strong></td>
                    </tr>
                </tfoot>
            </table>
        </div>
    </div>

    <div class="bank-box mt-2 d-flex justify-content-between align-items-center">
        <div>
            <div class="muted small">Net pay</div>
            <div class="h4 mb-0">{{ money($payslip['net']) }}</div>
            @if (! empty($payslip['status']))
                <div class="small muted">{{ $payslip['status'] }}{{ ! empty($payslip['payment_mode']) ? ' · '.$payslip['payment_mode'] : '' }}</div>
            @endif
        </div>
        <div class="small text-end muted">
            Paid by {{ $setting->company_name }}
            @if (! empty($payslip['bank_account_no']))
                <div>A/c {{ $payslip['bank_account_no'] }}</div>
            @endif
            @if (! empty($payslip['ifsc_code']))
                <div>IFSC {{ $payslip['ifsc_code'] }}</div>
            @endif
        </div>
    </div>

    <div class="footer-note muted">This is a computer-generated payslip issued by {{ $setting->company_name }}.</div>
</x-document-layout>