@php
    /** @var \Illuminate\Support\Fluent|mixed $cheque */
    $mode = $mode ?? 'paper'; // 'paper' | 'card'

    $pvDetectBankKey = function (string $label): string {
        $l = strtolower($label);
        if (str_contains($l, 'seylan')) return 'Seylan';
        if (str_contains($l, 'hatton') || str_contains($l, 'hnb')) return 'HNB';
        if (str_contains($l, 'commercial')) return 'Commercial';
        if (str_contains($l, 'dfcc')) return 'DFCC';
        if (str_contains($l, 'sampath')) return 'Sampath';
        if (str_contains($l, 'union')) return 'Union';
        if (str_contains($l, 'ndb')) return 'NDB';
        if (str_contains($l, 'national savings') || str_contains($l, 'nsb')) return 'NSB';
        if (str_contains($l, 'people') || str_contains($l, 'peoples')) return "People's";
        if (str_contains($l, 'bank of ceylon') || str_contains($l, 'boc')) return 'BOC';
        return '';
    };

    $pvAmountToWords = function (float $n) {
        $ones = ['zero','one','two','three','four','five','six','seven','eight','nine','ten','eleven','twelve','thirteen','fourteen','fifteen','sixteen','seventeen','eighteen','nineteen'];
        $tens = ['','','twenty','thirty','forty','fifty','sixty','seventy','eighty','ninety'];
        $chunkToWords = function (int $num) use (&$chunkToWords, $ones, $tens): string {
            $out = '';
            if ($num >= 100) {
                $out .= $ones[intdiv($num, 100)].' hundred';
                $num = $num % 100;
                if ($num > 0) $out .= ' ';
            }
            if ($num >= 20) {
                $out .= $tens[intdiv($num, 10)];
                $num = $num % 10;
                if ($num > 0) $out .= '-'.$ones[$num];
                return $out;
            }
            if ($num > 0 || $out === '') {
                $out .= $ones[$num];
            }
            return $out;
        };
        $intToWords = function (int $num) use (&$intToWords, $chunkToWords): string {
            if ($num === 0) return 'zero';
            $n = abs($num);
            $parts = [];
            $scales = [
                ['v' => 1_000_000_000, 'label' => 'billion'],
                ['v' => 1_000_000, 'label' => 'million'],
                ['v' => 1_000, 'label' => 'thousand'],
            ];
            foreach ($scales as $s) {
                if ($n >= $s['v']) {
                    $q = intdiv($n, $s['v']);
                    $n = $n % $s['v'];
                    $parts[] = $chunkToWords($q).' '.$s['label'];
                }
            }
            if ($n > 0) $parts[] = $chunkToWords($n);
            return trim(implode(' ', $parts));
        };

        $amt = max(0, $n);
        $rupees = (int) floor($amt);
        $cents = (int) round(($amt - $rupees) * 100);
        $title = ucwords($intToWords($rupees));
        $centsPart = '';
        if ($cents > 0) {
            $centsPart = ' and '.ucwords($intToWords($cents)).' Cents';
        }
        return trim($title.$centsPart.' Only');
    };

    $pvSplitTwoLines = function (string $text, int $limit = 72): array {
        $t = trim($text);
        if ($t === '') return ['', ''];
        if (mb_strlen($t) <= $limit) return [$t, ''];
        $cut = mb_strrpos(mb_substr($t, 0, $limit + 1), ' ');
        if ($cut === false || $cut < 10) $cut = $limit;
        $a = trim(mb_substr($t, 0, $cut));
        $b = trim(mb_substr($t, $cut));
        return [$a, $b];
    };

    $pvExtractAccountNameOnly = function (string $raw): string {
        $t = trim(preg_replace('/\s*\([^)]*\)\s*$/', '', $raw) ?? '');
        if ($t === '') return '';
        $t = preg_replace('/\b(bank|seylan|hatton|hnb|commercial|dfcc|sampath|union|ndb|national\s+savings|nsb|people\'s|peoples|people|bank\s+of\s+ceylon|boc)\b/i', ' ', $t) ?? '';
        $t = trim(preg_replace('/\s+/', ' ', $t) ?? '');
        return $t;
    };

    $direction = (string) ($cheque->direction ?? 'issue');
    $party = '';
    if ($direction === 'issue') {
        $party = $cheque->supplier?->supplier_name ?: ($cheque->personAccount?->name ?: ($cheque->payee ?? ''));
    } else {
        $party = $cheque->customer?->name ?: ($cheque->personAccount?->name ?: ($cheque->payee ?? ''));
    }

    $bankAccountLabel = (string) (($cheque->account->name ?? '') ?: ($cheque->bank_name ?? ''));
    $ourBankKey = $pvDetectBankKey($bankAccountLabel);
    $ourBankLogo = $ourBankKey !== '' ? ($pvBankLogosAll[$ourBankKey] ?? null) : null;

    $recvBankName = trim((string) ($cheque->received_bank_name ?? ''));
    $recvLogo = $recvBankName !== '' ? ($pvBankLogosAll[$recvBankName] ?? null) : null;
    $recvInitials = 'OT';
    if ($recvBankName !== '') {
        $base = preg_replace('/[^A-Za-z]/', ' ', $recvBankName) ?? '';
        $parts = array_values(array_filter(preg_split('/\s+/', trim($base)) ?: []));
        $recvInitials = strtoupper(substr($parts[0] ?? 'O', 0, 1).substr($parts[1] ?? '', 0, 1));
        $recvInitials = $recvInitials !== '' ? $recvInitials : 'OT';
    }

    $amt = (float) ($cheque->amount ?? 0);
    $amtFig = $amt > 0 ? number_format($amt, 2) : '';
    $words = $amt > 0 ? $pvAmountToWords($amt) : '';
    [$w1, $w2] = $pvSplitTwoLines($words, 72);

    $clearDate = (string) ($cheque->clear_date ?? '');
    $digits = '';
    if ($clearDate !== '' && str_contains($clearDate, '-')) {
        [$yy, $mm, $dd] = array_pad(explode('-', $clearDate), 3, '');
        $digits = str_pad($dd, 2, ' ', STR_PAD_LEFT).str_pad($mm, 2, ' ', STR_PAD_LEFT).str_pad($yy, 4, ' ', STR_PAD_LEFT);
    }
    $boxes = str_split(substr($digits, 0, 8));

    $chequeNo = (string) ($cheque->cheque_no ?? '');
    $chequeType = (string) ($cheque->cheque_type ?? 'crossed');

    $cat = trim((string) ($cheque->category?->name ?? ''));
    $sub = trim((string) ($cheque->subcategory?->name ?? ''));

    $pvLocationLogoUrl = '';
    if (!empty($currentLocation) && !empty($currentLocation->logo)) {
        $pvLocationLogoUrl = asset('storage/' . $currentLocation->logo);
    }

    $releaseDate = (string) ($cheque->clear_date ?? '');
    $defaultClearAt = $releaseDate !== '' ? $releaseDate : now()->toDateString();

    $noteBg = $direction === 'receive' ? 'bg-green-50' : 'bg-red-50';
    $noteBorder = $direction === 'receive' ? 'border-green-200' : 'border-red-200';
    $noteBadgeBg = $direction === 'receive' ? 'bg-green-100 text-green-800' : 'bg-red-100 text-red-800';
    $noteBadgeText = $direction === 'receive' ? 'RECEIVE' : 'ISSUE';
@endphp

@if($mode === 'card')
    <div class="rounded-lg border border-gray-200 bg-white overflow-hidden">
        <div class="grid grid-cols-12">
            <aside class="col-span-12 lg:col-span-3 {{ $noteBg }} border-b lg:border-b-0 lg:border-r border-gray-200 p-4">
                <div class="flex items-center justify-between gap-2">
                    <div class="text-xs font-semibold text-gray-700">Notes</div>
                    <div class="text-[11px] font-semibold px-2 py-0.5 rounded {{ $noteBadgeBg }} border {{ $noteBorder }}">{{ $noteBadgeText }}</div>
                </div>
                <div class="mt-3 space-y-2 text-sm">
                    <div><span class="text-gray-500">Party:</span> <span class="text-gray-900">{{ $party ?: '—' }}</span></div>
                    <div><span class="text-gray-500">Issued Date:</span> <span class="text-gray-900">{{ (string) ($cheque->issue_date ?? '') ?: '—' }}</span></div>
                    <div><span class="text-gray-500">Bill No:</span> <span class="text-gray-900">{{ (string) ($cheque->bill_number ?? '') ?: '—' }}</span></div>
                    <div><span class="text-gray-500">Remark:</span> <span class="text-gray-900">{{ (string) ($cheque->description ?? '') ?: '—' }}</span></div>
                    @if($cat !== '')
                        <div><span class="text-gray-500">Category:</span> <span class="text-gray-900">{{ $cat }}</span></div>
                    @endif
                    @if($sub !== '')
                        <div><span class="text-gray-500">Sub Category:</span> <span class="text-gray-900">{{ $sub }}</span></div>
                    @endif
                </div>

                <div class="mt-4">
                    <button type="button"
                            class="btn btn-sm btn-outline-primary rounded-pill px-3 font-weight-bold shadow-sm"
                            data-cheque-actions="1"
                            data-tab="{{ $activeTab }}"
                            data-cheque-id="{{ $cheque->id }}"
                            data-clear-at="{{ $defaultClearAt }}"
                            data-edit-url="{{ url('/accounting/cheques?tab=create&edit_id='.$cheque->id) }}"
                            data-return-url="{{ url('/accounting/cheques/'.$cheque->id.'/return') }}"
                            onclick="window.__openChequeActions && window.__openChequeActions(this)">Actions</button>
                </div>
            </aside>

            <main class="col-span-12 lg:col-span-9 p-4 relative">
                <div class="rounded-lg border border-gray-200 bg-white overflow-hidden p-4 relative">
                    <div class="flex items-start justify-between gap-3">
                        <div class="flex items-center gap-3">
                            <div class="relative h-10 w-28">
                                @if($direction === 'receive')
                                    @if($recvLogo)
                                        <img src="{{ $recvLogo }}" alt="" class="absolute left-0 -top-2 h-14 w-auto" />
                                    @else
                                        <div class="absolute left-0 -top-1 h-12 w-20 border border-gray-300 rounded flex items-center justify-center bg-white">
                                            <span class="text-xs font-bold text-gray-700 tracking-wider">{{ $recvInitials }}</span>
                                        </div>
                                    @endif
                                @else
                                    <img src="{{ $ourBankLogo ?: ($pvBankLogosAll['Seylan'] ?? '') }}" alt="" class="absolute left-0 -top-2 h-14 w-auto" />
                                @endif
                            </div>
                            <div class="text-2xl font-bold text-gray-900">{{ $direction === 'receive' ? ($recvBankName ?: 'Cheque') : ($ourBankKey ?: ($bankAccountLabel ?: 'Cheque')) }}</div>
                        </div>
                        <div class="text-right">
                            <div class="text-xs text-gray-500">Date</div>
                            <div class="mt-1 grid grid-cols-8 gap-1 justify-end">
                                @foreach($boxes as $ch)
                                    <div class="w-6 h-8 border border-gray-300 flex items-center justify-center text-sm text-gray-900">{{ trim($ch) === '' ? '' : $ch }}</div>
                                @endforeach
                            </div>
                        </div>
                    </div>

                    <div class="absolute left-2 top-0 w-52 h-16 pointer-events-none {{ $chequeType === 'cash' ? 'hidden' : '' }}">
                        <div class="absolute left-0 top-5 w-64 h-px bg-blue-700 rotate-[-28deg]"></div>
                        <div class="absolute left-0 top-9 w-64 h-px bg-blue-700 rotate-[-28deg]"></div>
                    </div>

                    <div class="mt-4 grid grid-cols-12 gap-3 items-end">
                        <div class="col-span-12 md:col-span-7 flex items-center gap-3">
                            <div class="text-sm text-gray-700">Pay</div>
                            <div class="flex-1 border-b border-gray-900 pb-1">
                                <span class="cheque-fill text-blue-700 text-xl font-semibold">Cash</span>
                            </div>
                        </div>
                        <div class="col-span-12 md:col-span-5 flex justify-end">
                            <div class="cheque-fill text-blue-700 border border-gray-900 rounded px-3 text-left text-[28px] leading-[40px] font-semibold overflow-hidden h-[40px] w-full md:max-w-[320px]">{{ $amtFig }}</div>
                        </div>
                    </div>

                    <div class="mt-4">
                        <div class="text-xs text-gray-700">Rupees</div>
                        <div class="cheque-fill text-blue-700 text-[19px] border-b border-gray-900 pb-1 h-9 flex items-end whitespace-nowrap overflow-hidden pr-2">{{ $w1 !== '' ? $w1 : ' ' }}</div>
                        <div class="cheque-fill text-blue-700 text-[19px] mt-2 border-b border-gray-900 pb-1 h-9 flex items-end whitespace-nowrap overflow-hidden pr-2">{{ $w2 !== '' ? $w2 : ' ' }}</div>
                    </div>

                    <div class="mt-6 flex items-end justify-between gap-3">
                        <div class="text-xs text-gray-600 leading-tight">
                            <div class="text-gray-500">Cheque No</div>
                            <div class="font-sans font-bold text-black text-[14px] tracking-wide leading-5">{{ $chequeNo !== '' ? $chequeNo : '—' }}</div>
                            @if($direction === 'issue')
                                <div class="font-sans font-semibold text-gray-800 text-[11px] leading-4">{{ $pvExtractAccountNameOnly($bankAccountLabel) ?: ' ' }}</div>
                            @else
                                <div class="font-sans font-semibold text-gray-800 text-[11px] leading-4">&nbsp;</div>
                            @endif
                        </div>

                        <div class="w-56">
                            @if($direction === 'receive')
                                <div class="flex flex-col items-center justify-end">
                                    <img src="{{ $ourBankLogo ?: ($pvBankLogosAll['Seylan'] ?? '') }}" alt="" class="h-10 w-auto object-contain" />
                                    <div class="mt-1 text-xs text-gray-700 text-center leading-4">{{ $pvExtractAccountNameOnly($bankAccountLabel) ?: ' ' }}</div>
                                </div>
                            @else
                                <div class="border-b border-gray-900 pb-1 flex items-end justify-center">
                                    @if($pvLocationLogoUrl)
                                        <img src="{{ $pvLocationLogoUrl }}" alt="Signature" class="h-10 w-auto object-contain" />
                                    @else
                                        <span class="text-xs text-gray-400">&nbsp;</span>
                                    @endif
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            </main>
        </div>
    </div>
@else
    <div class="rounded-lg border border-gray-200 bg-white overflow-hidden p-4 relative">
        <div class="flex items-start justify-between gap-3">
            <div class="flex items-center gap-3">
                <div class="relative h-10 w-28">
                    @if($direction === 'receive')
                        @if($recvLogo)
                            <img src="{{ $recvLogo }}" alt="" class="absolute left-0 -top-2 h-14 w-auto" />
                        @else
                            <div class="absolute left-0 -top-1 h-12 w-20 border border-gray-300 rounded flex items-center justify-center bg-white">
                                <span class="text-xs font-bold text-gray-700 tracking-wider">{{ $recvInitials }}</span>
                            </div>
                        @endif
                    @else
                        <img src="{{ $ourBankLogo ?: ($pvBankLogosAll['Seylan'] ?? '') }}" alt="" class="absolute left-0 -top-2 h-14 w-auto" />
                    @endif
                </div>
                <div class="text-2xl font-bold text-gray-900">{{ $direction === 'receive' ? ($recvBankName ?: 'Cheque') : ($ourBankKey ?: ($bankAccountLabel ?: 'Cheque')) }}</div>
            </div>
            <div class="text-right">
                <div class="text-xs text-gray-500">Date</div>
                <div class="mt-1 grid grid-cols-8 gap-1 justify-end">
                    @foreach($boxes as $ch)
                        <div class="w-6 h-8 border border-gray-300 flex items-center justify-center text-sm text-gray-900">{{ trim($ch) === '' ? '' : $ch }}</div>
                    @endforeach
                </div>
            </div>
        </div>

        <div class="absolute left-2 top-0 w-52 h-16 pointer-events-none {{ $chequeType === 'cash' ? 'hidden' : '' }}">
            <div class="absolute left-0 top-5 w-64 h-px bg-blue-700 rotate-[-28deg]"></div>
            <div class="absolute left-0 top-9 w-64 h-px bg-blue-700 rotate-[-28deg]"></div>
        </div>

        <div class="mt-4 grid grid-cols-12 gap-3 items-end">
            <div class="col-span-12 md:col-span-7 flex items-center gap-3">
                <div class="text-sm text-gray-700">Pay</div>
                <div class="flex-1 border-b border-gray-900 pb-1">
                    <span class="cheque-fill text-blue-700 text-xl font-semibold">Cash</span>
                </div>
            </div>
            <div class="col-span-12 md:col-span-5 flex justify-end">
                <div class="cheque-fill text-blue-700 border border-gray-900 rounded px-3 text-left text-[28px] leading-[40px] font-semibold overflow-hidden h-[40px] w-full md:max-w-[320px]">{{ $amtFig }}</div>
            </div>
        </div>

        <div class="mt-4">
            <div class="text-xs text-gray-700">Rupees</div>
            <div class="cheque-fill text-blue-700 text-[19px] border-b border-gray-900 pb-1 h-9 flex items-end whitespace-nowrap overflow-hidden pr-2">{{ $w1 !== '' ? $w1 : ' ' }}</div>
            <div class="cheque-fill text-blue-700 text-[19px] mt-2 border-b border-gray-900 pb-1 h-9 flex items-end whitespace-nowrap overflow-hidden pr-2">{{ $w2 !== '' ? $w2 : ' ' }}</div>
        </div>

        <div class="mt-6 flex items-end justify-between gap-3">
            <div class="text-xs text-gray-600 leading-tight">
                <div class="text-gray-500">Cheque No</div>
                <div class="font-sans font-bold text-black text-[14px] tracking-wide leading-5">{{ $chequeNo !== '' ? $chequeNo : '—' }}</div>
                @if($direction === 'issue')
                    <div class="font-sans font-semibold text-gray-800 text-[11px] leading-4">{{ $pvExtractAccountNameOnly($bankAccountLabel) ?: ' ' }}</div>
                @else
                    <div class="font-sans font-semibold text-gray-800 text-[11px] leading-4">&nbsp;</div>
                @endif
            </div>

            <div class="w-56">
                @if($direction === 'receive')
                    <div class="flex flex-col items-center justify-end">
                        <img src="{{ $ourBankLogo ?: ($pvBankLogosAll['Seylan'] ?? '') }}" alt="" class="h-10 w-auto object-contain" />
                        <div class="mt-1 text-xs text-gray-700 text-center leading-4">{{ $pvExtractAccountNameOnly($bankAccountLabel) ?: ' ' }}</div>
                    </div>
                @else
                    <div class="border-b border-gray-900 pb-1 flex items-end justify-center">
                        @if($pvLocationLogoUrl)
                            <img src="{{ $pvLocationLogoUrl }}" alt="Signature" class="h-10 w-auto object-contain" />
                        @else
                            <span class="text-xs text-gray-400">&nbsp;</span>
                        @endif
                    </div>
                @endif
            </div>
        </div>
    </div>
@endif