@if ($overviewBond['bond'])
    <div class="{{ !$overviewBond['print'] ? 'preview-popup shadow' : '' }}">
        <div class="preview-container {{ $overviewBond['print'] ? 'd-none hidden-preview' : '' }}">
            <div class="row align-items-start justify-content-between my-1">
                <div class="col">
                    @if (!$overviewBond['print'] && $overviewBond['bond']->post_status == false)
                        @can('warehouses-salesInvoices-edit')
                            <a href="{{ route('tenant.warehouses.sales-invoices.edit', ['sales_invoice' => $overviewBond['bond']->id]) }}"
                                class="btn orange-btn btn-sm mx-1">
                                @lang('general.edit')
                            </a>
                        @endcan
                    @endif

                    <button class="btn orange-btn btn-sm print-bond-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('warehouses/sales-invoices/show.print_entry') <i class="fas fa-print"></i>
                    </button>
                </div>

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

            <div class="printable-section" dir="ltr">
                <input type="hidden" id="bond_employee" value="{{ json_encode($overviewBond['bond']->employee) }}">

                <div class="mb-2 bond-as-bond">
                    <div class="row g-3">
                        <div class="col">
                            <table class="table table-bordered">
                                <thead>
                                    <tr>
                                        <td class="text-center" style="background-color: #2e72a7;">
                                            <h3 class="fw-bold">SALES INVOICE</h3>
                                        </td>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr class="mx-2">
                                        <td>
                                            <div class="mb-2">
                                                <span class="strong">Invoice #:</span>
                                                {{ $overviewBond['bond']->bond_number }}
                                            </div>
                                            <div class="mb-2">
                                                <span class="strong">Invoice Date :</span>
                                                {{ $overviewBond['bond']->date }}
                                            </div>
                                        </td>

                                    </tr>
                                    <tr class="mx-2">
                                        <td>
                                            <div class="mb-2">
                                                <span class="strong">Customer:</span>
                                                {{ $overviewBond['bond']->client?->name ?? 'نقدي' }}
                                            </div>
                                            <div class="mb-2">
                                                <span class="strong">Account # :
                                                </span>{{ $overviewBond['bond']->client?->id_by_receivable_type }}
                                            </div>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>

                        <div class="col">
                            <table class="table table-bordered" style="margin-top: 42.36px">
                                <tbody>
                                    <tr class="mx-2">
                                        <td>
                                            <div class="mb-2">
                                                <span class="strong">F.O.Payment:</span>
                                                {{ $overviewBond['bond']->client_type == 'cash' ? 'نقدي' : 'ذمة' }}
                                            </div>
                                            @foreach ($overviewBond['currencies'] as $currency)
                                                @if ($overviewBond['bond']->currency_id == $currency->id)
                                                    <div class="mb-2">
                                                        <span class="strong">Currency:</span>
                                                        {{ $currency->name }}
                                                    </div>
                                                @endif
                                            @endforeach
                                        </td>
                                    </tr>

                                    <tr class="mx-2">
                                        <td>

                                            <div class="mb-2">
                                                <span class="strong">Sales Ex:</span>
                                                @lang('warehouses/sales-invoices/show.sales_department')
                                            </div>
                                        </td>
                                    </tr>

                                    <tr class="mx-2">
                                        <td>
                                            <div class="mb-2">
                                                <span class="strong">Notes
                                                    :</span>{{ $overviewBond['bond']->notice }}
                                            </div>
                                            <div class="mb-2 d-flex justify-content-around">
                                                <div><span class="strong">Order #:</span>
                                                    {{ $overviewBond['bond']->sales_order_id }}
                                                </div>
                                                <div><span class="strong">Offer #:</span>
                                                    {{ $overviewBond['bond']->sales_price_offer_id }}
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <h4 class="mt-3">Items</h4>
                        <table class="table table-bordered">
                            <thead>
                                <tr class="text-center">
                                    <td class="sm-td dsip" style="background-color: #2e72a7;">Barcode #</td>
                                    <td class="md-td" style="background-color: #2e72a7;">Name</td>
                                    <td class="xs-td" style="background-color: #2e72a7;">Unit</td>
                                    <td class="sm-td" style="background-color: #2e72a7;">Qty</td>
                                    @can('warehouses-salesInvoices-showSalesPrice')
                                        <td class="sm-td" style="background-color: #2e72a7;">Sale price</td>
                                    @endcan
                                    <td class="sm-td" style="background-color: #2e72a7;">Dis. amount</td>
                                    @can('warehouses-salesInvoices-showSalesPrice')
                                        <td class="sm-td" style="background-color: #2e72a7;">Gross Price</td>
                                    @endcan
                                    <td class="sm-td" style="background-color: #2e72a7;">Tax</td>
                                    @can('warehouses-salesInvoices-showSalesPrice')
                                        <td class="sm-td" style="background-color: #2e72a7;">Amount</td>
                                    @endcan
                                    <td class="sm-td dsip" style="background-color: #2e72a7;">Expiry date</td>
                                    <td class="sm-td dsip" style="background-color: #2e72a7;">Serial code</td>
                                    <td class="sm-td dsip" style="background-color: #2e72a7;">Notes</td>
                                </tr>
                            </thead>

                            <tbody>
                                @php
                                    $total_amount_before_normal_discounts = 0;
                                    $total_extra_discounts = 0;
                                    $tax_amounts_total = 0;
                                    $client_discount = 0;
                                @endphp

                                @foreach ($overviewBond['bond']->items as $item)
                                    @php
                                        $total_amount_before_normal_discounts +=
                                            $item->price_after_discount * $item->quantity;
                                        $total_extra_discounts += $item->extra_discount_amount
                                            ? $item->extra_discount_amount * $item->quantity
                                            : 0;
                                        $client_discount +=
                                            ($overviewBond['bond']->client_discount_ratio / 100) *
                                            $item->total_final_price;
                                        $client_discount_amount = ($overviewBond['bond']->client_discount_ratio / 100) * $item->total_final_price;
                                        $taxable_amount = $item->total_final_price - $client_discount_amount;
                                        $tax_amount = $item->tax_ratio
                                            ? $taxable_amount * ($item->tax_ratio / 100)
                                            : 0;
                                        $tax_amounts_total += $tax_amount;
                                    @endphp
                                    <tr>
                                        <td class="sm-td dsip">{{ $item->barcode->number }}</td>

                                        <td class="md-td">
                                            {{ $item->print_name ?: $item->barcode->ar_name }}
                                        </td>

                                        <td class="xs-td">{{ $item->barcode->unit->name }}</td>

                                        <td class="sm-td">{{ dn($item->quantity) }}</td>

                                        @can('warehouses-salesInvoices-showSalesPrice')
                                            <td class="sm-td">{{ dn($item->price) }}</td>
                                        @endcan

                                        <td class="sm-td">{{ dn($item->total_discounts) }}</td>

                                        @can('warehouses-salesInvoices-showSalesPrice')
                                            <td class="sm-td">{{ number_format($item->total_final_price, 2) }}</td>
                                        @endcan

                                        <td class="sm-td">{{isset($item->tax_ratio) ? $item->tax_ratio . '%' : '---' }}
                                        </td>

                                        @can('warehouses-salesInvoices-showSalesPrice')
                                            <td class="sm-td">
                                                {{ number_format($item->total_final_price + $tax_amount, 2) }}
                                            </td>
                                        @endcan

                                        <td class="sm-td dsip">
                                            {{ $item->expire_date }}
                                        </td>

                                        <td class="sm-td dsip">
                                            @if (is_array($item->serial_items) && count($item->serial_items))
                                                <form method="GET"
                                                    action="/warehouses/sales-invoice-items/{{ $item->id }}/export-serial-codes"
                                                    target="_blank">
                                                    @csrf

                                                    <button class="btn btn-sm orange-btn" title="{{__('general.download')}}">
                                                        @lang('warehouses/sales-invoices/show.download')
                                                    </button>
                                                </form>
                                            @else
                                                ---
                                            @endif
                                        </td>

                                        <td class="sm-td dsip">{{ $item->notice }}</td>
                                    </tr>

                                    @if ($item->bonus)
                                        <tr>
                                            <td class="sm-td">{{ $item->barcode->number }}</td>
                                            <td class="md-td">
                                                {{ $item->barcode->ar_name }}
                                            </td>
                                            <td class="xs-td">{{ $item->barcode->unit->name }}</td>
                                            <td class="sm-td">{{ dn($item->bonus) }}</td>
                                            @can('warehouses-salesInvoices-showSalesPrice')
                                                <td class="sm-td">{{ dn(0) }}</td>
                                            @endcan
                                            <td class="sm-td">{{ dn(0) }}</td>
                                            @can('warehouses-salesInvoices-showSalesPrice')
                                                <td class="sm-td">{{ dn(0) }}</td>
                                            @endcan
                                            <td class="sm-td">{{ dn(0) }}</td>
                                            @can('warehouses-salesInvoices-showSalesPrice')
                                                <td class="sm-td">{{ dn(0) }}</td>
                                            @endcan
                                            <td class="sm-td dsip">{{ $item->expire_date }}</td>
                                            <td class="sm-td dsip">---</td>
                                            <td class="sm-td dsip">{{ $item->notice }}</td>
                                        </tr>
                                    @endif
                                @endforeach
                            </tbody>
                        </table>
                        @if ($overviewBond['bond']->expenses->isNotEmpty())
                            <div class="my-5 {{ $overviewBond['print'] ? 'd-block' : '' }} h-auto">
                                <h4>Expenses</h4>
                                <table class="table table-bordered without-herotable">
                                    <thead>
                                        <tr>
                                            <th class="sm-td" style="background-color: #2e72a7;">Expenses</th>
                                            <th class="sm-td" style="background-color: #2e72a7;">Amount</th>
                                            <th class="sm-td" style="background-color: #2e72a7;">Account</th>
                                        </tr>
                                    </thead>
                                    @php $total = 0; @endphp
                                    <tbody>
                                        @foreach ($overviewBond['bond']->expenses as $item)
                                            <tr>
                                                <td class="sm-td">{{ $item->standard_expenses->name }}</td>
                                                <td class="sm-td">{{ dn($item->amount) }}</td>
                                                <td class="sm-td">{{ $item->standard_expenses->account->name }}</td>
                                            </tr>
                                            @php $total+= $item->amount; @endphp
                                        @endforeach
                                    </tbody>
                                    <tfoot>
                                        <tr>
                                            <td class="fw-bold">Total</td>
                                            <td colspan="2"><b> {{ dn($total) }}</b></td>
                                        </tr>
                                    </tfoot>
                                </table>
                            </div>
                        @endif
                    </div>
                </div>

                <div class="mb-2 bond-as-entry">
                    <div class="row border border-dark pb-3 my-3 mx-1">
                        <b class="text-center my-0">Cash Invoice </b>
                        <div class="col-4 d-flex">
                            <b>Invoice #: </b>
                            <p class="mx-1">{{ $overviewBond['bond']->bond_number }}</p>
                        </div>

                        <div class="col-4 d-flex">
                            <b>Branch: </b>
                            <p class="mx-1">{{ $overviewBond['bond']->branch->name }}</p>
                        </div>

                        <div class="col-4 d-flex">
                            <b>Invoice date: </b>
                            <p class="mx-1">{{ $overviewBond['bond']->date }}</p>
                        </div>

                        <div class="col-4 d-flex">
                            <b> Customer: </b>
                            <p class="mx-1">{{ $overviewBond['bond']->client?->name }}</p>
                        </div>

                        <div class="col-4 d-flex">
                            <b>Customer tax number </b>
                            <p class="mx-1">{{ $overviewBond['bond']->client?->tax_number }}</p>
                        </div>
                    </div>

                    <table class="table table-bordered without-herotable">
                        <thead>
                            <tr>
                                <th class="md-td">Account</th>
                                <th class="sm-td">Debit</th>
                                <th class="sm-td">Cedit</th>
                                <th class="md-td">Cost Center</th>
                                <th class="lg-td">Note</th>
                            </tr>
                        </thead>

                        <tbody>
                            @php
                                $debit_sum = 0;
                                $credit_sum = 0;
                                $salesInvoiceService = new App\Services\Tenant\Warehouses\SalesInvoiceService();
                                $entry_accounts = null;
                                $entry_error_message = '';
                                $automated_receipt_entry = null;

                                try {
                                    $entry_accounts = $salesInvoiceService->buildBondAsEntry($overviewBond['bond']);
                                    $automated_receipt_entry = App\Models\Accounting\AutomatedEntry::with(
                                        'items',
                                        'items.account',
                                        'items.receivable_account',
                                    )
                                        ->where('builder_model', 'SalesInvoice')
                                        ->where('builder_model_id', $overviewBond['bond']->id)
                                        ->first();
                                } catch (\Throwable $th) {
                                    $entry_error_message =
                                        'لا يمكن بناء القيد, قد يكون عائلات المواد غير مرتبطة بحسابات على الشجرة !';
                                }
                            @endphp

                            @if ($entry_accounts)
                                @if ($entry_accounts['debit_accounts'])
                                    @foreach ($entry_accounts['debit_accounts'] as $debit_key => $accounts_list)
                                        @foreach ($accounts_list as $debit_item_id => $account_info)
                                            <tr>
                                                <td class="md-td">{{ $account_info['account']->name }}</td>
                                                <td class="sm-td">{{ dn($account_info['amount']) }}</td>
                                                <td class="sm-td">---</td>
                                                <td class="md-td">---</td>
                                                <td class="lg-td"></td>
                                            </tr>
                                            @php $debit_sum+= $account_info['amount']; @endphp
                                        @endforeach
                                    @endforeach
                                @endif

                                @if ($entry_accounts['credit_accounts'])
                                    @foreach ($entry_accounts['credit_accounts'] as $credit_key => $accounts_list)
                                        @foreach ($accounts_list as $credit_item_id => $account_info)
                                            <tr>
                                                <td class="md-td">{{ $account_info['account']->name }}</td>
                                                <td class="sm-td">---</td>
                                                <td class="sm-td">{{ dn($account_info['amount']) }}</td>
                                                <td class="md-td">---</td>
                                                <td class="lg-td"></td>
                                            </tr>

                                            @php $credit_sum+= $account_info['amount']; @endphp
                                        @endforeach
                                    @endforeach
                                @endif

                                @if ($automated_receipt_entry)
                                    @foreach ($automated_receipt_entry->items as $automated_item)
                                        <tr>
                                            <td class="md-td">
                                                {{ $automated_item->account ? $automated_item->account->name : $automated_item->receivable_account->name }}
                                            </td>
                                            <td class="sm-td">
                                                {{ $automated_item->debit ? dn($automated_item->debit) : '---' }}
                                            </td>
                                            <td class="sm-td">
                                                {{ $automated_item->credit ? dn($automated_item->credit) : '---' }}
                                            </td>
                                            <td class="md-td">---</td>
                                            <td class="lg-td">{{ $automated_receipt_entry->notice }}</td>
                                        </tr>
                                    @endforeach

                                    @php
                                        $credit_sum += $automated_receipt_entry->amount;
                                        $debit_sum += $automated_receipt_entry->amount;
                                    @endphp
                                @endif
                            @else
                                <tr>
                                    <td colspan="100%">{{ $entry_error_message }}</td>
                                </tr>
                            @endif
                        </tbody>

                        <tfoot>
                            <tr style="background: #f1f1f1;">
                                <td></td>
                                <td>{{ dn($debit_sum) }}</td>
                                <td>{{ dn($credit_sum) }}</td>
                                <td></td>
                                <td></td>
                            </tr>
                        </tfoot>
                    </table>
                </div>

                <hr>

                <h3 class="fw-bold">
                    I received the goods after inspecting them and ensuring their suitability, and that the company
                    is
                    not responsible after receiving them
                </h3>

                <div style="display: flex !important;">
                    @php
                        $total_after_extra_discount =
                            $total_amount_before_normal_discounts - $total_extra_discounts - $client_discount;
                    @endphp
                    <div style="width: 40% !important">
                        @can('warehouses-salesInvoices-showSalesPrice')
                            <div>
                                <b class="d-inline-block mb-1" style="width: 170px;"> Ammount befor addtional
                                    discount:
                                </b>
                                <b
                                    class="border border-dark px-2 d-inline-block w-25">{{ number_format($total_amount_before_normal_discounts, 2) }}</b>
                            </div>
                        @endcan

                        <div>
                            <b class="d-inline-block mb-1" style="width: 170px;">Additional discount :</b>
                            <b
                                class="border border-dark border-right-2 d-inline-block w-25  px-2">{{ dn($total_extra_discounts) }}</b>
                        </div>

                        <div>
                            <b class="d-inline-block mb-1" style="width: 170px;">Client's discount :</b>
                            <b class="border border-dark border-right-2 d-inline-block w-25 px-2">
                                {{ dn($client_discount) }}
                            </b>
                        </div>

                        @can('warehouses-salesInvoices-showSalesPrice')
                            <div>
                                <b class="d-inline-block mb-1" style="width: 170px;">Amount after additional discount:
                                </b>
                                <b
                                    class="border border-dark border-right-2 d-inline-block w-25 px-2">{{ number_format($total_after_extra_discount, 2) }}</b>
                            </div>
                        @endcan

                        <div>
                            <b class="d-inline-block mb-1" style="width: 170px;">Tax</b>
                            <b
                                class="border border-dark border-right-2 d-inline-block w-25 px-2">{{ dn($tax_amounts_total) }}</b>
                        </div>

                        <div>
                            @php $expenses_amount = $overviewBond['bond']->expenses->sum('amount'); @endphp
                            <b class="d-inline-block mb-1" style="width: 170px;">Expenses amount </b>
                            <b class="border border-dark border-right-2 d-inline-block w-25 px-2">
                                {{ dn($expenses_amount) }}
                            </b>
                        </div>

                        @can('warehouses-salesInvoices-showSalesPrice')
                            <div>
                                @php
                                    $the_total_number =
                                        $total_amount_before_normal_discounts -
                                        $total_extra_discounts -
                                        $client_discount +
                                        $tax_amounts_total +
                                        $expenses_amount;
                                @endphp
                                <b class="d-inline-block mb-1" style="width: 170px;">Total</b>
                                <b class="border border-dark border-right-2 d-inline-block w-25 px-2">
                                    {{ number_format($the_total_number, 2) }}
                                </b>
                            </div>
                        @endcan
                    </div>
                    <div style="width: 55% !important; ">
                        @php
                            $signatures = App\Models\Warehouses\WarehousesSignature::byType('sales_invoice')
                                ->active()
                                ->get();
                        @endphp

                        @if (count($signatures))
                            <div class="my-3 sip" style="width: 55% !important;">
                                <h4>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 class="row">
                    <div class="col-4 my-3 sip">
                        <h4>Accured name </h4>
                    </div>

                    <div class="col-4 my-3 sip">
                        <h4>Accoured Signature ------------------------</h4>
                    </div>
                </div>

                <div class="row">
                    <div class="col-4 top-0 start-0">
                        {!! QrCode::size(100)->generate(
                            route('tenant.show-document', ['type' => 'sales-invoice', 'id' => $overviewBond['bond']->id]),
                        ) !!}
                    </div>
                </div>

                @if (Session::get('print_data')['under_tax'])
                    <b>All prices above are subject to general tax</b>
                @endif
            </div>
        </div>
    </div>
@endif

@push('script')
    <script type="module">
        import printSection from "/tenancy/assets/js/print.js";
        $('body').on('click', '.print-bond-btn', function() {
            let target = $('.printable-section').clone();
            $(target).find('.bond-as-bond').css('display', 'block');
            $(target).find('.bond-as-entry').remove();
            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