@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['bond']->post_status == false)
                        @can('warehouses-salesInvoices-edit')
                            <a href="{{ route('tenant.warehouses.returned-sales-bonds.edit', ['returned_sales_bond' => $overviewBond['bond']->id]) }}"
                                class="btn orange-btn btn-sm mx-1">
                                @lang('general.edit')
                            </a>
                        @endcan
                    @endif

                    <button id="printEntry" class="btn orange-btn btn-sm print-bond-btn mx-1">
                        @lang('general.print') <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">
                <input type="hidden" id="bond_employee" value="{{ json_encode($overviewBond['bond']->employee) }}">

                <div class="row border border-dark pb-3 mx-auto">
                    <div class="col-3 d-flex">
                        <b> @lang('warehouses/returned-purchase-bonds/show.document_number') : </b>
                        <p class="mx-1">{{ $overviewBond['bond']->bond_number }}</p>
                    </div>

                    <div class="col-3 d-flex">
                        <b>@lang('warehouses/returned-purchase-bonds/show.date') : </b>
                        <p class="mx-1">{{ $overviewBond['bond']->date }}</p>
                    </div>

                    <div class="col-3 d-flex">
                        <b>@lang('warehouses/returned-purchase-bonds/show.branch'): </b>
                        <p class="mx-1">{{ $overviewBond['bond']->branch->name }}</p>
                    </div>

                    <div class="col-3 d-flex">
                        <b>@lang('warehouses/returned-purchase-bonds/show.client'): </b>
                        <p class="mx-1">
                            {{ $overviewBond['bond']->client_type == 'cash' ? 'عميل نقدي' : $overviewBond['bond']->client?->name }}
                        </p>
                    </div>

                    <div class="col-3 d-flex">
                        <b> @lang('warehouses/returned-purchase-bonds/show.client_phone') : </b>
                        <p class="mx-1">{{ $overviewBond['bond']->client?->phone_1 ?? '---' }}</p>
                    </div>

                    <div class="col-3 d-flex">
                        <b> @lang('warehouses/returned-purchase-bonds/show.sales_invoice_number') : </b>
                        <p class="mx-1">
                            @php
                                $invoiceNumbers = $overviewBond['bond']->items->pluck('sales_invoice.bond_number')->unique()->filter()->toArray();
                            @endphp
                    
                            {{ implode(' , ', $invoiceNumbers) }}
                        </p>
                    </div>
                    

                    <div class="col-3 d-flex">
                        <b> @lang('warehouses/returned-purchase-bonds/show.currency') : </b>
                        <p class="mx-1">{{ $overviewBond['bond']->client?->currency?->name ?? '---' }}</p>
                    </div>

                    <div class="col-3 d-flex">
                        <b> @lang('warehouses/returned-purchase-bonds/show.exchange_rate') : </b>
                        <p class="mx-1">{{ $overviewBond['bond']->exchange_price }}</p>
                    </div>
                    @php
                        $show_cost_centers_on_module = checkIfModuleIsActiveForCostCenters('returnedSalesBonds');
                    @endphp
                    @if ($show_cost_centers_on_module)
                        <div class="col-3 d-flex">
                            <b> @lang('warehouses/returned-purchase-bonds/show.cost_center') : </b>
                            <p class="mx-1">{{ $overviewBond['bond']->cost_center?->ar_name }}</p>
                        </div>
                    @endif
                </div>

                <div class="my-2 bond-as-bond">
                    <h4> @lang('warehouses/returned-purchase-bonds/show.items')</h4>
                    <div class="scrollable-table">
                    <table class="table table-bordered without-herotable">
                        <thead>
                            <tr>
                                <th class="sm-td"> @lang('warehouses/returned-purchase-bonds/show.unit_code')</th>
                                <th class="sm-td"> @lang('warehouses/returned-purchase-bonds/show.item_description')</th>
                                <th class="sm-td"> @lang('warehouses/returned-purchase-bonds/show.unit')</th>
                                <th class="sm-td"> @lang('warehouses/returned-purchase-bonds/show.returned_quantity')</th>
                                <th class="sm-td"> @lang('warehouses/returned-purchase-bonds/show.sale_price') </th>
                                <th class="sm-td"> @lang('warehouses.purchase-invoices.create.tax') </th>
                                <th class="sm-td">@lang('warehouses.purchase-invoices.create.total_after_tax')</th>
                                <th class="sm-td">@lang('warehouses/returned-purchase-bonds/show.notes') </th>
                            </tr>
                        </thead>

                        <tbody>
                            @php
                                $total = 0;
                                $sum = 0;
                            @endphp
                            @foreach ($overviewBond['bond']->items as $item)
                                <tr>

                                    <td class="sm-td">{{ $item->barcode->number }}</td>
                                    <td class="sm-td">{{ $item->barcode->ar_name }}</td>
                                    <td class="sm-td">{{ $item->barcode->unit->name }}</td>
                                    <td class="sm-td">{{ $item->quantity }}</td>
                                    <td class="sm-td">
                                        @php
                                            $invoice_item = $item;
                                            $price = $item->price;

                                            $item_value = $price  * $item->quantity;
                                            $client_discount_ratio = $item->sales_invoice->client_discount_ratio ?? 0;
                                            $client_discount_amount = $item_value * $client_discount_ratio / 100;

                                            $total = $item_value - $client_discount_amount;

                                            $tax_ratio = $invoice_item->tax_ratio ?? 0;
                                            $is_under_tax = $item->sales_invoice->is_under_tax ?? false;
                                            $taxValue = $is_under_tax ? ($invoice_item->tax_ratio / 100) * $total :0 ;

                                            $totalWithTax = $total + $taxValue;
                                            $sum += $totalWithTax;
                                        @endphp
                                        {{ $price }}
                                    </td>
                                    <td class="sm-td">{{ isset($invoice_item->tax_ratio )? $invoice_item->tax_ratio . '%': '---' }}</td>
                                    <td class="sm-td">{{ dn($totalWithTax) }}</td>
                                    <td class="sm-td">{{ $item->notice }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                        <tfoot>
                            <tr>
                                <td colspan="5" class="fw-bold">@lang('warehouses/sales-invoices/show.sum')</td>
                                <td></td>
                                <td colspan="2" class="fw-bold">
                                    {{ dn($sum) }}
                                </td>
                            </tr>
                        </tfoot>
                    </table>
                    </div>
                </div>

                <div style="display: flex !important; width: 60%">
                    <div style="width: 100%; display: grid; justify-content: center;">
                        @php
                            Log::error('message: ' . $overviewBond['bond']->id);
                            $svgPath = storage_path(
                                'app/fotara/images/returned_sales_bond_' . $overviewBond['bond']->id . '_qr.svg',
                            );
                        @endphp
                        @if (file_exists($svgPath))
                            <div class="col-3 top-0 start-0" style="margin: 20px 20px 5px 20px;">
                                {!! file_get_contents($svgPath) !!}
                            </div>
                            <div style="display: flex; justify-content: center;"><img style="width: 75px" src="{{ asset('images/fotara-logo.png') }}" alt="Posted To Fotara"></div>
                        @else
                            <div class="col-3 top-0 start-0" style="margin: 20px 20px 5px 20px;">
                                {!! QrCode::size(80)->generate(
                                    route('tenant.show-document', ['type' => 'sales-invoice', 'id' => $overviewBond['bond']->id]),
                                ) !!}
                            </div>
                            <div style="display: flex; justify-content: center;"><b>Misk</b></div>
                        @endif
                    </div>
                </div>

                <div class="border p-1 my-2">
                    <p>
                        @lang('warehouses/returned-purchase-bonds/show.notes') :
                    <p>{{ $overviewBond['bond']->notice }}</p>
                    </p>
                </div>
            </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();
            let title = "مردود مشتريات";
            const print_data = @json(Session::get('print_data'));
            const css_link = "/tenancy/assets/css/accounting/printing/bonds.css";
            printSection.print(target, print_data, title, css_link, true, {});
        });
    </script>
@endpush