@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']->status == 'draft')
                        @can('warehouses-salesOrders-edit')
                            <a href="{{ route('tenant.warehouses.sales-price-offers.edit', ['sales_price_offer' => $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>
                </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" data-withTitle="yes">
                <input type="hidden" id="bond_employee" value="{{ json_encode($overviewBond['bond']->employee) }}">

                <div class="mb-2 bond-as-bond">
                    <div class="row border border-dark pb-3 mx-auto">
                        <div class="col-4 d-flex">
                            <b>  @lang('warehouses/sales-price-offers/show.offer_number') : </b>
                            <p class="mx-1">{{ $overviewBond['bond']->bond_number }}</p>
                        </div>

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

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

                        <div class="col-4 d-flex">
                            <b>@lang('warehouses/sales-price-offers/show.client') :</b>
                            <p class="mx-1">{{ $overviewBond['bond']->client?->name ?? 'نقدي' }}</p>
                        </div>

                        <div class="col-4 d-flex">
                            <b> @lang('warehouses/sales-price-offers/show.client_branch') : </b>
                            <p class="mx-1">{{ $overviewBond['bond']->client_brnach?->name }}</p>
                        </div>

                        <div class="col-4 d-flex">
                            <b> @lang('warehouses/sales-price-offers/show.client_email') : </b>
                            <p class="mx-1">{{ $overviewBond['bond']->client?->phone_1 ?? '---' }}</p>
                        </div>

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

                        <div class="col-4 d-flex">
                            <b> @lang('warehouses/sales-price-offers/show.price_type') : </b>
                            <p class="mx-1">{{ $overviewBond['bond']->price_type?->name }} </p>
                        </div>

                        <div class="col-4 d-flex">
                            <b> @lang('warehouses/sales-price-offers/show.payment_method') :</b>
                            <p class="mx-1">{{ $overviewBond['bond']->selected_payment_way ?? '---' }} </p>
                        </div>

                        <div class="col-4 d-flex">
                            <b> @lang('warehouses/sales-price-offers/show.price_offer_addressed_to') : </b>
                            <p class="mx-1">{{ $overviewBond['bond']->client_name }}</p>
                        </div>

                        <div class="col-4 d-flex">
                            <b>  @lang('warehouses/sales-price-offers/show.client_tax_number') : </b>
                            <p class="mx-1">{{ $overviewBond['bond']->client?->tax_number }}</p>
                        </div>

                        @if ($overviewBond['bond']->client_type == 'receivable')
                            <div class="col-7 d-flex">
                                <b>   @lang('warehouses/sales-price-offers/show.client_address') : </b>
                                @if ($overviewBond['bond']->client && is_array($overviewBond['bond']->client->address))
                                    <p class="mx-1"> @lang('warehouses/sales-price-offers/show.city'):
                                        {{ $overviewBond['bond']->client->address['city'] ?? '---' }} /</p>
                                    <p class="mx-1">
                                        @lang('warehouses/sales-price-offers/show.region'):{{ $overviewBond['bond']->client->address['region'] ?? '---' }} /</p>
                                    <p class="mx-1">
                                        @lang('warehouses/sales-price-offers/show.address'):{{ $overviewBond['bond']->client->address['address'] ?? '---' }}</p>
                                @else
                                    '---'
                                @endif
                            </div>
                        @endif

                        <div class="col-4 d-flex sip">
                            <b>  @lang('warehouses/sales-price-offers/show.print_date') :</b>
                            <p class="mx-1">{{ now()->format('d/m/Y') . ' ' . now()->format('h:i A') }}</p>
                        </div>
                    </div>

                    <h4 class="mt-3"> @lang('warehouses/sales-price-offers/show.items') </h4>
                    <div class="scrollable-table">
                    <table
                        class="table table-bordered without-herotable h-auto w-full {{ $overviewBond['print'] ? 'd-block' : '' }}">

                        <thead>
                            <tr>
                                <th class="sm-td dsip">  @lang('warehouses/sales-price-offers/show.unit_code') </th>
                                <th class="{{ $overviewBond['print'] ? 'lg-td' : 'md-td' }}"> @lang('warehouses/sales-price-offers/show.item_description') </th>
                                <th class="sm-td"> @lang('warehouses/sales-price-offers/show.unit')</th>
                                <th class="sm-td"> @lang('warehouses/sales-price-offers/show.quantity')</th>
                                @can('warehouses-salesPriceOffers-showSalesPrice')
                                    <th class="sm-td">  @lang('warehouses/sales-price-offers/show.unit_price')</th>
                                @endcan
                                <th class="sm-td">  @lang('warehouses/sales-price-offers/show.total_discount_value')</th>
                                @can('warehouses-salesPriceOffers-showSalesPrice')
                                    <th class="sm-td"> @lang('warehouses/sales-price-offers/show.total_price_after_additional_discount') </th>
                                @endcan
                                <th class="sm-td"> @lang('warehouses/sales-price-offers/show.tax_percentage')</th>
                                @can('warehouses-salesPriceOffers-showSalesPrice')
                                    <th class="sm-td">@lang('warehouses/sales-price-offers/show.total_after_tax')</th>
                                @endcan
                                <th class="sm-td">@lang('warehouses/sales-price-offers/show.notes')</th>
                            </tr>
                        </thead>

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

                            @foreach ($overviewBond['bond']->items as $item)
                                @php
                                    $tax_ratio = $item->barcode->item->tax?->value;
                                    $tax_amount = $tax_ratio
                                        ? $item->total_price_after_extra_discount * ($tax_ratio / 100)
                                        : 0;
                                    $total_price_after_tax = $item->total_price_after_extra_discount + $tax_amount;
                                    $tax_amounts_total += $tax_amount;
                                    $total_amount_after_normal_discounts +=
                                        ($item->price - $item->discount_amount) * $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_price_after_extra_discount;
                                @endphp

                                <tr>
                                    <td class="sm-td dsip">{{ $item->barcode->number }}</td>
                                    <td class="{{ $overviewBond['print'] ? 'lg-td' : 'md-td' }}">
                                        {{ $item->barcode->ar_name }}
                                    </td>
                                    <td class="xs-td">{{ $item->barcode->unit->name }}</td>
                                    <td class="sm-td">{{ dn($item->quantity) }}</td>
                                    @can('warehouses-salesPriceOffers-showSalesPrice')
                                        <td class="sm-td">{{ dn($item->price) }}</td>
                                    @endcan

                                    <td class="sm-td">
                                        {{ dn(($item->discount_amount ?? 0) + ($item->extra_discount_amount ?? 0)) * $item->quantity }}
                                    </td>

                                    @can('warehouses-salesPriceOffers-showSalesPrice')
                                        <td class="sm-td">
                                            {{ dn(
                                                $item->price * $item->quantity -
                                                    (($item->discount_amount ?? 0) + ($item->extra_discount_amount ?? 0)) * $item->quantity,
                                            ) }}
                                        </td>
                                    @endcan

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

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

                                    <td class="sm-td">{{ $item->notice }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                    </div>
                </div>

                <div class="border p-1 my-4 border border-dark d-block">
                    <p>
                        @lang('warehouses/sales-price-offers/show.notes') : <br>
                        <span>{{ $overviewBond['bond']->notice }}</span>
                    </p>
                </div>
                <div class="mt-4 sip">
                    <h4> @lang('warehouses/sales-price-offers/show.price_offer_terms') :</h4>

                    @php $ar_sales_price_offers_conditions = \App\Models\Setting::whereName('ar_sales_price_offers_conditions')->first()->value; @endphp
                    <ul>
                        @foreach ($ar_sales_price_offers_conditions as $sales_price_offers_condition)
                            <li>{{ $sales_price_offers_condition }}</li>
                        @endforeach
                    </ul>
                </div>

                <hr style="margin-top: 125px !important;">
                <div style="display: flex !important;">
                    <div style="width: 55% !important; ">
                        @can('warehouses-salesPriceOffers-showSalesPrice')
                            <div>
                                <b class="d-inline-block mb-1" style="width: 170px;"> @lang('warehouses/sales-price-offers/show.total_before_additional_discount') : </b>
                                <b
                                    class="border border-dark px-2 d-inline-block w-25">{{ dn($total_amount_after_normal_discounts) }}</b>
                            </div>
                        @endcan

                        <div>
                            <b class="d-inline-block mb-1" style="width: 170px;">@lang('warehouses/sales-price-offers/show.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;">@lang('warehouses/sales-price-offers/show.client_discount') :</b>
                            <b
                                class="border border-dark border-right-2 d-inline-block w-25  px-2">{{ dn($client_discount) }}</b>
                        </div>

                        @can('warehouses-salesPriceOffers-showSalesPrice')
                            <div>
                                <b class="d-inline-block mb-1" style="width: 170px;">@lang('warehouses/sales-price-offers/show.total_after_additional_discount') : </b>
                                <b
                                    class="border border-dark border-right-2 d-inline-block w-25 px-2">{{ dn($total_amount_after_normal_discounts - ($total_extra_discounts + $client_discount)) }}</b>
                            </div>
                        @endcan

                        <div>
                            <b class="d-inline-block mb-1" style="width: 170px;">@lang('warehouses/sales-price-offers/show.tax')</b>
                            <b
                                class="border border-dark border-right-2 d-inline-block w-25 px-2">{{ dn($tax_amounts_total) }}</b>
                        </div>

                        @can('warehouses-salesPriceOffers-showSalesPrice')
                            <div>
                                <b class="d-inline-block mb-1" style="width: 170px;">@lang('warehouses/sales-price-offers/show.total')</b>
                                <b class="border border-dark border-right-2 d-inline-block w-25 px-2">
                                    {{ dn($total_amount_after_normal_discounts - ($total_extra_discounts + $client_discount) + $tax_amounts_total) }}
                                </b>
                            </div>
                        @endcan
                    </div>

                    <div class="row">
                        <div class="row">
                            <div class="col my-3 sip">
                                <h4> @lang('warehouses/sales-price-offers/show.recipient_name')</h4>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col my-3 sip">
                                <h4> @lang('warehouses/sales-price-offers/show.recipient_signature')</h4>
                            </div>
                        </div>
                    </div>
                    <hr>
                </div>

                @if (Session::get('print_data')['under_tax'])
                    <b> @lang('warehouses/sales-price-offers/show.all_prices_subject_to_tax') </b>
                @endif
                <hr>
            </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');
            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