@if ($overviewEntry['entry'])
    <div class="{{ (!$overviewEntry['print'])? 'overview-layout shadow' : '' }}">
        <div class="overview-container {{ ($overviewEntry['print'])? 'd-none hidden-overview' : '' }}">

            <div class="row align-items-start justify-content-between my-1">
                <div class="col">
                    @if ($overviewEntry['entry']->post_status == 0)
                        @can('rentals-receipts-edit')
                            <a href="{{ route('tenant.rentals.receipts.edit', ['receipt' => $overviewEntry['entry']->id]) }}" class="btn orange-btn btn-sm mx-1">
                                @lang('general.edit')
                            </a>
                        @endcan
                    @endif

                    <button class="btn orange-btn btn-sm print-entry-btn mx-1">
                        @lang('general.print') <i class="fas fa-print"></i>
                    </button>

                    <button class="btn orange-btn btn-sm print-bond-as-entry-btn mx-1">
                        @lang('accounting/receipts/show-from-qr.print_entry') <i class="fas fa-print"></i>
                    </button>
                </div>

                <div class="col text-start">
                    <button class="btn btn-danger btn-sm" id="closeShowPage" type="button">x</button>
                </div>
            </div>

            <div id="printable-section">
                <div class="d-flex">
                    <div class="col-4 d-flex">
                        <b> @lang('accounting/receipts/show-from-qr.date'): </b>
                        <p class="mx-1">{{ $overviewEntry['entry']->date }}</p>
                    </div>

                    <div class="col-4 d-flex">
                        <b> @lang('accounting/receipts/show-from-qr.document_number')  : </b>
                        <p class="mx-1">{{ $overviewEntry['entry']->bond_number }}</p>
                    </div>

                    <div class="col-4 d-flex">
                        <b> @lang('accounting/receipts/show-from-qr.document_status')  : </b>
                        <p class="mx-1">{{ ($overviewEntry['entry']->post_status)? 'مرحّل' : 'غير مرحّل' }}</p>
                    </div>
                </div>

                <div class="bond-as-bond">
                    <div class="row">
                        <div class="col-4 d-flex">
                            <b> @lang('accounting/receipts/show-from-qr.payment_method') : </b>
                            <p class="mx-1">{{ $overviewEntry['entry']->payment_way_by_ar }}</p>
                        </div>

                        <div class="col-4 d-flex">
                            <b> @lang('accounting/receipts/show-from-qr.account_type')  : </b>
                            <p class="mx-1">{{ ($overviewEntry['entry']->credit_type == "account")? 'حساب' : 'ذمة' }}</p>
                        </div>

                        <div class="col-4 d-flex">
                            <b> @lang('accounting/receipts/show-from-qr.debtor_party') : </b>
                            <p class="mx-1">{{ $overviewEntry['entry']->debit_account->name }}</p>
                        </div>
                    </div>

                    <div class="row">
                        @if ($overviewEntry['entry']->debit_type == 'receivable')
                            <div class="col d-flex">
                                <b> @lang('accounting/receipts/show-from-qr.creditor_party') : </b>
                                <p class="mx-1">{{ ($overviewEntry['entry']->credit_type == "account")? $overviewEntry['entry']->credit_account->name : $overviewEntry['entry']->credit_receivable->name  }}</p>
                            </div>
                        @endif
                        @php
                            if (! function_exists('arabicTafqeet')) {
                                function arabicTafqeet($value) {
                                    return \Tafqeet::inArabic(
                                        number_format((float) str_replace(',', '', $value), 3, '.', ''),
                                        'jod'
                                    );
                                }
                            }
                        @endphp
                        <div class="col d-flex">
                            <b>@lang('accounting/receipts/show-from-qr.amount') : </b>
                            <p class="mx-1">{{ dn($overviewEntry['entry']->amount) }}</p>
                            <p>{{ arabicTafqeet(dn($overviewEntry['entry']->amount)) }}</p>
                        </div>
                    </div>

                    <div class="border p-1 my-2">
                        <p>
                            @lang('accounting/receipts/show-from-qr.description') :
                            <p>{{ $overviewEntry['entry']->notice }}</p>
                        </p>
                    </div>
                    <br>

                    @if ( $overviewEntry['entry']->payment_way == "transfer" )
                        <div class="w-75 my-4">
                            <h4> @lang('accounting/receipts/show-from-qr.bank_transfers')</h4>
                            <table class="table table-bordered without-herotable">
                                <thead>
                                    <tr>
                                        <th class="xs-td">#</th>
                                        <th class="xs-td">@lang('accounting/receipts/show-from-qr.value')</th>
                                        <th class="sm-td">@lang('accounting/receipts/show-from-qr.transfer_number')</th>
                                        <th class="md-td"> @lang('accounting/receipts/show-from-qr.transfer_date')</th>
                                        <th class="sm-td">@lang('accounting/receipts/show-from-qr.bank')</th>
                                        <th class="lg-td">@lang('accounting/receipts/show-from-qr.description')</th>
                                    </tr>
                                </thead>

                                <tbody>
                                    @foreach ($overviewEntry['entry']->transfers as $transfer)
                                        <tr>
                                            <td class="xs-td">{{ $loop->iteration }}</td>
                                            <td class="xs-td">
                                                {{ $transfer->amount }}
                                            </td>
                                            <td class="sm-td">
                                                {{ $transfer->number }}
                                            </td>
                                            <td class="md-td">
                                                {{ $transfer->date }}
                                            </td>
                                            <td class="sm-td">
                                                {{ $transfer->bank }}
                                            </td>
                                            <td class="lg-td">
                                                {{ $transfer->notice }}
                                            </td>
                                        </tr>
                                    @endforeach

                                    <tr>
                                        <td colspan="2" class="text-center">
                                            {{ collect($overviewEntry['entry']->transfers)->sum('amount') }}
                                        </td>
                                        <td colspan="4"></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    @endif

                    @if ( $overviewEntry['entry']->payment_way == "check" )
                        <div class="w-75 my-4">
                            <h4>@lang('accounting/receipts/show-from-qr.checks')</h4>
                            <table class="table table-bordered without-herotable">
                                <thead>
                                    <tr>
                                        <th class="xs-td">#</th>
                                        <th class="xs-td">@lang('accounting/receipts/show-from-qr.value')</th>
                                        <th class="sm-td"> @lang('accounting/receipts/show-from-qr.check_number')</th>
                                        <th class="md-td">  @lang('accounting/receipts/show-from-qr.check_date')</th>
                                        <th class="sm-td"> @lang('accounting/receipts/show-from-qr.bank')</th>
                                        <th class="lg-td"> @lang('accounting/receipts/show-from-qr.description')</th>
                                    </tr>
                                </thead>

                                <tbody>
                                    @foreach ($overviewEntry['entry']->checks as $check)
                                        <tr>
                                            <td class="xs-td">{{ $loop->iteration }}</td>
                                            <td class="xs-td">{{ dn($check->amount) }}</td>
                                            <td class="sm-td">{{ $check->number }}</td>
                                            <td class="md-td">{{ $check->date }}</td>
                                            <td class="sm-td">{{ $check->bank }}</td>
                                            <td class="lg-td">{{ $check->notice }}</td>
                                        </tr>
                                    @endforeach

                                    <tr>
                                        <td> @lang('general.total')</td>
                                        <td class="text-center">
                                            <b>{{ dn( collect($overviewEntry['entry']->checks)->sum('amount') ) }}</b>
                                        </td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>

                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    @endif

                    {{-- Invoices List For Receivable --}}
                    <div class="w-75 my-3" style="opacity: {{ ($overviewEntry['entry']['credit_type'] == 'account')? '0.4' : '1' }}">
                        <h4> @lang('accounting/receipts/show-from-qr.invoices')</h4>
                        <table class="table table-bordered without-herotable">
                            <thead>
                                <tr>
                                    <th class="xs-td">#</th>
                                    <th class="sm-td"> @lang('accounting/receipts/show-from-qr.document_type') </th>
                                    <th class="xs-td"> @lang('accounting/receipts/show-from-qr.document_number')</th>
                                    <th class="md-td">@lang('accounting/receipts/show-from-qr.date')</th>
                                    <th class="xs-td">@lang('accounting/receipts/show-from-qr.payments')</th>
                                </tr>
                            </thead>

                            <tbody>
                                @foreach ($overviewEntry['entry']->payments as $payment)
                                    <tr>
                                        <td class="xs-td">{{ $loop->iteration }}</td>
                                        <td class="sm-td">
                                            {{
                                                ($payment->invoice_type == "services")?
                                                    'فاتورة بيع خدمات' :
                                                    'فاتورة عقد إيجار'
                                            }}
                                        </td>
                                        <td class="xs-td">
                                            {{ ($payment->invoice_type == "services")? $payment->services_invoice_id : $payment->rental_invoice_id }}
                                        </td>
                                        <td class="md-td">{{ $payment->created_at->format('m/d/Y') }}</td>
                                        <td class="xs-td">{{ dn($payment->amount) }}</td>
                                    </tr>
                                @endforeach

                                <tr>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td class="fw-bold">{{ dn(collect($overviewEntry['entry']->payments)->sum('amount')) }}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>

                <div class="bond-as-entry">
                    <table class="table table-bordered without-herotable">
                        <thead>
                            <tr>
                                <th class="md-td">@lang('accounting/receipts/show-from-qr.account_receivable')</th>
                                <th class="md-td">@lang('accounting/receipts/show-from-qr.debtor')</th>
                                <th class="md-td">@lang('accounting/receipts/show-from-qr.creditor')</th>
                                <th class="md-td">@lang('accounting/receipts/show-from-qr.cost_center')</th>
                                <th class="lg-td">@lang('accounting/receipts/show-from-qr.description')</th>
                            </tr>
                        </thead>

                        <tbody>
                            @php
                                $debit_sum = 0;
                                $credit_sum = 0;
                            @endphp

                            <tr>
                                <td class="md-td">{{ $overviewEntry['entry']->debit_account->name }}</td>
                                <td class="md-td">{{ dn($overviewEntry['entry']->amount) }}</td>
                                <td class="md-td">---</td>
                                <td class="md-td">---</td>
                                <td class="lg-td"></td>
                            </tr>

                            <tr>
                                <td class="md-td">
                                    {{
                                        ($overviewEntry['entry']->credit_type == "account")?
                                                $overviewEntry['entry']->credit_account->name :
                                                $overviewEntry['entry']->credit_receivable->name
                                    }}
                                </td>
                                <td class="xs-td">---</td>
                                <td class="xs-td">{{ dn($overviewEntry['entry']->amount) }}</td>
                                <td class="md-td">---</td>
                                <td class="lg-td">{{ ($overviewEntry['entry']->notice)?? '---' }}</td>
                            </tr>

                            <tr>
                                <td></td>
                                <td class="xs-td"> <b>{{ dn($overviewEntry['entry']->amount) }}</b> </td>
                                <td class="xs-td"> <b>{{ dn($overviewEntry['entry']->amount) }}</b> </td>
                                <td></td>
                                <td></td>
                            </tr>
                        </tbody>
                    </table>
                </div>

                <hr>

                <div>
                    {!!
                        QrCode::size(100)->generate(route('tenant.show-document', ['type' => 'rentals-receipt-bond', 'id' => $overviewEntry['entry']->id]))
                    !!}
                </div>

                @php $signatures = App\Models\Signature::byType('receipt')->active()->get(); @endphp
                @if (count($signatures))
                    <div class="my-3 sip">
                        <h4>@lang('accounting/receipts/show-from-qr.signature')</h4>

                        <div class="row">
                            @foreach ($signatures as $signature)
                                <div class="col-3">
                                    <p>{{ $signature->label }}</p>
                                    <p>----------------------------</p>
                                </div>
                            @endforeach
                        </div>
                    </div>
                @endif
            </div>
        </div>
    </div>
@endif

@push('script')
    <script type="module">
        import printSection from '/tenancy/assets/js/print.js';
        $('body').on('click', '.print-entry-btn', function(){
            let target = $('#printable-section').clone();
            $(target).find('.bond-as-bond').css('display', 'block');
            $(target).find('.bond-as-entry').css('display', 'none');
            let title = "سند قبض";
            const print_data = @json(Session::get('print_data'));
            let css_link = "/tenancy/assets/css/accounting/printing/bonds.css";
            printSection.print(target, print_data, title, css_link, true);
        });

        $('body').on('click', '.print-bond-as-entry-btn', function(){
            let target = $('#printable-section').clone();
            $(target).find('.bond-as-bond').css('display', 'none');
            $(target).find('.bond-as-entry').css('display', 'block');
            let title = "سند قبض";
            const print_data = @json(Session::get('print_data'));
            let css_link = "/tenancy/assets/css/accounting/printing/bonds.css";
            printSection.print(target, print_data, title, css_link, true);
        });
    </script>
@endpush