@if ($payment->status == 'paid')
    @php
        $title = 'KUITANSI_' . $payment->invoice;
    @endphp
    @section('title', $title)
    @section('paper', 'A5')
    @if ($use_print)
        @section('print', true)
    @endif
    @section('styles')
        <style>
            * {
                color: black !important;
            }

            p {
                font-size: 10pt;
            }

            .custom-hr {
                border-top: 1px dashed black;
                opacity: 1;
            }

            td {
                font-size: 8pt;
            }

            .signature-stack {
                position: relative;
                display: inline-block;
            }

            .signature-stack img.stamp {
                position: absolute;
                top: 11px;
                left: 50px;
                width: 40%;
                height: auto;
            }

            .signature-stack img.signature {
                position: relative;
                width: 50%;
                height: auto;
            }
        </style>
    @endsection
@endif
<div>
    @if ($payment->status == 'paid')
        <div class="sheet px-4 py-3">
            <div class="d-flex justify-content-center">
                <div>
                    <div class="text-center">
                        <h5 class="mb-0 fw-semibold">KUITANSI</h5>
                        <p class="mb-0">{{ $payment->invoice }}</p>
                    </div>
                </div>
            </div>
            <hr class="custom-hr">
            <table class="table table-borderless align-middle mb-3">
                <tbody>
                    <tr>
                        <td class="fw-semibold" style="width: 105px;">Telah Terima Dari</td>
                        <td class="px-2" style="width: 10px;">:</td>
                        <td style="font-size: 6.5pt;">
                            <div class="px-2 py-1 border border-black rounded">{{ $payment?->research?->researchers()->where('position', 'ketua')->first()?->researcher?->name ?? '.......' }}</div>
                        </td>
                    </tr>
                    <tr>
                        <td class="fw-semibold" style="width: 105px;">Uang Sebesar</td>
                        <td class="px-2" style="width: 10px;">:</td>
                        <td class="fw-semibold text-black" style="font-size: 6.5pt;">
                            <div class="px-2 py-1 border border-black rounded fst-italic" style="background: repeating-linear-gradient(rgba(255, 255, 255, 0), #0000006e 1px, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 2px);">{{ Str::title(Terbilang::make($payment->price)) . ' Rupiah' }}</div>
                        </td>
                    </tr>
                    <tr>
                        <td class="fw-semibold" style="width: 105px;">Guna Pembelian</td>
                        <td class="px-2" style="width: 10px;">:</td>
                        <td style="font-size: 6.5pt;">
                            <div class="px-2 py-1 border border-black rounded">Pengajuan Etik Penelitian (Rincian Tertera di Invoice)</div>
                        </td>
                    </tr>
                </tbody>
            </table>
            <div class="row g-3 align-items-center justify-content-between">
                <div class="col-4" class="fw-semibold text-black" style="font-size: 6.5pt;">
                    <span class="px-2 py-1 border border-black rounded fst-italic" style="background: repeating-linear-gradient(rgba(255, 255, 255, 0), #0000006e 1px, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 2px);">@rupiah($payment->price)</span>
                </div>
                <div class="col-4 text-center"style="font-size: 6.5pt;">
                    {{ $system_setting_cached->city }}, {{ $payment->updated_at->isoFormat('DD MMMM Y') }}
                    <div>
                        <div class="{{ !$system_setting_cached?->signaturePayment?->signature && !$system_setting_cached?->payment_stamp ? 'my-5' : 'signature-stack' }}">
                            @if ($system_setting_cached?->signaturePayment?->signature)
                                <img src="{{ asset('storage/' . $system_setting_cached?->signaturePayment?->signature) }}" alt="Tanda Tangan" class="signature img-fluid" style="filter: contrast(200%) brightness(0%);">
                            @endif
                            @if ($system_setting_cached?->payment_stamp)
                                <img src="{{ asset('storage/' . $system_setting_cached?->payment_stamp) }}" alt="Stempel" class="stamp img-fluid">
                            @endif
                        </div>
                    </div>
                    {{ $system_setting_cached->signaturePayment?->name }}
                </div>
            </div>
        </div>
    @endif
</div>