@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('accounting-exchanges-edit')
                            <a href="{{ route('tenant.accounting.exchanges.edit', ['exchange' => $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/show.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 class="printable-section">
                <input type="hidden" id="bond_employee" value="{{ json_encode($overviewEntry['entry']->employee) }}">

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

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

                    <div class="col-4 d-flex">
                        <b>@lang('accounting/show.bond_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/show.payment_method')  : </b>
                            <p class="mx-1">{{ $overviewEntry['entry']->payment_way_by_ar }}</p>
                        </div>

                        <div class="col-4 d-flex">
                            <b> @lang('accounting/show.creditor_party') : </b>
                            <p class="mx-1">{{ $overviewEntry['entry']->credit_account->name }}</p>
                        </div>
                        @php
                            if (! function_exists('arabicTafqeet')) {
                                function arabicTafqeet($value) {
                                    return \Tafqeet::inArabic(
                                        number_format((float) str_replace(',', '', $value), 3, '.', ''),
                                        'jod'
                                    );
                                }
                            }
                        @endphp
                        <div class="col-4 d-flex">
                            <b>@lang('accounting/show.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('general.description') :
                        <p>{{ $overviewEntry['entry']->notice }}</p>
                        </p>
                    </div>
                    @php
                        $show_cost_centers_on_module = checkIfModuleIsActiveForCostCenters('exchanges');
                    @endphp
                    <div class="my-2">
                        <div class="scrollable-table">
                        <table class="table table-bordered without-herotable">
                            <thead>
                                <tr>
                                    <th class="xs-td">#</th>
                                    <th class="md-td">@lang('accounting/show.account')</th>
                                    <th class="md-td">@lang('accounting/show.receivable')</th>
                                    <th class="md-td">@lang('accounting/show.amount')</th>
                                    <th class="lg-td">@lang('general.description')</th>
                                    @if ($show_cost_centers_on_module)
                                        <th class="sm-td"> @lang('accounting/show.cost_center')</th>
                                    @endif
                                </tr>
                            </thead>

                            <tbody>
                                @foreach ($overviewEntry['entry']->debit_items as $debit_item)
                                    <tr>
                                        <td class="xs-td">{{ $loop->iteration }}</td>
                                        <td class="md-td">
                                            {{ $debit_item->account_id != null ? $debit_item->account->name : '---' }}
                                        </td>
                                        <td class="md-td">
                                            {{ $debit_item->receivable_id != null ? $debit_item->receivable_account->name : '---' }}
                                        </td>
                                        <td class="md-td">{{ dn($debit_item->amount) }}</td>
                                        <td class="lg-td">{{ $debit_item->notice ?? '---' }}</td>
                                        @if ($show_cost_centers_on_module)
                                            <td class="sm-td">{{ $debit_item->cost_center?->ar_name ?? '---' }}</td>
                                        @endif
                                    </tr>
                                @endforeach

                                <tr class="bordered-top">
                                    <td></td>
                                    <td></td>
                                    <td>@lang('general.total')</td>
                                    <td>{{ dn(collect($overviewEntry['entry']->debit_items)->sum('amount')) }}</td>
                                    <td></td>
                                    @if ($show_cost_centers_on_module)
                                        <td></td>
                                    @endif
                                </tr>
                            </tbody>
                        </table>
                        </div>

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

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

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

                        @if ($overviewEntry['entry']->payment_way == 'check')
                            <div class="w-75 my-4">
                                <h4>@lang('accounting/show.checks')</h4>
                                <div class="scrollable-table">
                                <table class="table table-bordered without-herotable">
                                    <thead>
                                        <tr>
                                            <th class="xs-td">#</th>
                                            <th class="xs-td">@lang('accounting/show.transfer_value')</th>
                                            <th class="sm-td"> @lang('accounting/show.check_number')</th>
                                            <th class="sm-td"> @lang('accounting/show.check_date') </th>
                                            <th class="lg-td"> @lang('general.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="sm-td">{{ $check->date }}</td>
                                                <td class="lg-td">{{ $check->notice ?? '---' }}</td>
                                            </tr>
                                        @endforeach

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

                        @if ($overviewEntry['entry']->payment_way == 'ewallet')
                            <div class="w-75 my-4">
                                <h4> @lang('accounting/show.electronic_wallets')</h4>
                                <div class="scrollable-table">
                                <table class="table table-bordered without-herotable">
                                    <thead>
                                        <tr>
                                            <th class="xs-td">#</th>
                                            <th class="xs-td">@lang('accounting/show.transfer_value')</th>
                                            <th class="sm-td"> @lang('accounting/show.sent_number')</th>
                                            <th class="sm-td">@lang('accounting/show.payment_date') </th>
                                            <th class="lg-td">@lang('general.description')</th>
                                        </tr>
                                    </thead>

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

                                        <tr class="bordered-top">
                                            <td class="xs-td">@lang('general.total')</td>
                                            <td class="xs-td">
                                                <b>{{ dn(collect($overviewEntry['entry']->ewallet_items)->sum('amount')) }}</b>
                                            </td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                    </tbody>
                                </table>
                                </div>
                            </div>
                        @endif
                    </div>
                </div>

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

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

                            @foreach ($overviewEntry['entry']->debit_items as $debit_item)
                                <tr>
                                    <td class="md-td">
                                        {{ $debit_item->account_id ? $debit_item->account->name : $debit_item->receivable_account->name }}
                                    </td>
                                    <td class="xs-td">{{ dn($debit_item->amount) }}</td>
                                    <td class="xs-td">---</td>
                                    <td class="sm-td">---</td>
                                    <td class="lg-td">{{ $debit_item->notice }}</td>
                                </tr>
                            @endforeach

                            <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>
                </div>
                <hr>

                @php
                    $signatures = App\Models\Signature::byType('exchange')->active()->get();
                @endphp
                @if (count($signatures))
                    <div class="my-3 sip">
                        <h4>@lang('accounting/show.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 class="dsip">
                    <hr>
                    <h4>@lang('accounting/show.attachments') <i class="fas fa-paperclip"></i></h4>
                    @foreach ($overviewEntry['entry']->attachments as $attachment)
                        <div class="row">
                            <div class="col-2 mx-5">
                                <p>{{ $attachment->file }}</p>
                            </div>
                            <div class="col-2">
                                <form action="/files/download" method="post" target="_blank"
                                    style="display: inline-block">
                                    @csrf

                                    <input type="hidden" name="filename" value="{{ $attachment->full_path }}" />
                                    <button class="btn orange-btn btn-sm rounded-pill mx-3" title="تنزيل">
                                        <i class="fas fa-download"></i>
                                    </button>
                                </form>
                            </div>
                        </div>
                    @endforeach
                </div>
            </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";
            let options = {
                size: 'portrait'
            };
            printSection.print(target, print_data, title, css_link, true, options);
        });

        $('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