@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' || $overviewBond['bond']->status == 'unmet')
                        @can('warehouses-salesOrders-edit')
                            <a href="{{ route('tenant.warehouses.sales-orders.edit', ['sales_order' => $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">
                <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-orders/show.order_number') : </b>
                            <p class="mx-1">{{ $overviewBond['bond']->bond_number }}</p>
                        </div>

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

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

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

                        <div class="col-4 d-flex">
                            <b> @lang('warehouses/sales-orders/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-orders/show.required_from') : </b>
                            <p class="mx-1">{{ $overviewBond['bond']->client_name }}</p>
                        </div>

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

                        <div class="col-4 d-flex">
                            <b> @lang('warehouses/sales-orders/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-orders/show.due_date') : </b>
                            <p class="mx-1">{{ $overviewBond['bond']->accured_date }}</p>
                        </div>

                        <div class="col-4 d-flex">
                            <b> @lang('warehouses/sales-orders/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-orders/show.delivery_date') : </b>
                            <p class="mx-1">{{ $overviewBond['bond']->delivered_date }}</p>
                        </div>

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

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

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

                    <h4 class="mt-3"> @lang('warehouses/sales-orders/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"> @lang('warehouses/sales-orders/show.unit_code')</th>
                                @if ($overviewBond['add_location_in_print'])
                                    <th class="lg-td sip">
                                        @lang('warehouses/sales-orders/show.item_address') </th>
                                    <th class="sm-td sip">
                                        @lang('warehouses/sales-orders/show.available_quantity') </th>
                                @endif
                                <th class="{{ $overviewBond['print'] ? 'lg-td' : 'md-td' }}"> @lang('warehouses/sales-orders/show.item_description') </th>
                                <th class="xs-td"> @lang('warehouses/sales-orders/show.unit')</th>
                                <th class="sm-td"> @lang('warehouses/sales-orders/show.quantity')</th>
                                <th class="sm-td">  @lang('warehouses/sales-orders/show.unit_price')</th>
                                <th class="sm-td"> @lang('warehouses/sales-orders/show.discount_value')</th>
                                <th class="sm-td"> @lang('warehouses/sales-orders/show.total_price')</th>
                                <th class="sm-td"> @lang('warehouses/sales-orders/show.tax_percentage')</th>
                                <th class="sm-td">@lang('warehouses/sales-orders/show.total')</th>
                                <th class="sm-td dsip">@lang('warehouses/sales-orders/show.expiration_date')</th>
                                <th class="sm-td dsip">@lang('warehouses/sales-orders/show.serial_numbers')</th>
                                <th class="sm-td dsip">@lang('general.procedures')</th>
                            </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;
                                    $tax_amount = $item->tax_ratio
                                        ? $item->total_final_price * ($item->tax_ratio / 100)
                                        : 0;
                                    $tax_amounts_total += $tax_amount;
                                @endphp

                                <tr>
                                    <td class="sm-td ">{{ $item->barcode->number }}</td>
                                    @if ($overviewBond['add_location_in_print'])
                                        <td class="lg-td sip">
                                            @foreach ($item->barcode->locations as $location)
                                                @if ($location->branch_id == $overviewBond['bond']->branch->id)
                                                    {{ $location->hall . '-' . $location->line . '-' . $location->shelf }}
                                                @endif
                                            @endforeach
                                        </td>
                                        <td class="sm-td sip">
                                            {{ $item->barcode->available_quantity }}
                                        </td>
                                    @endif
                                    <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>
                                    <td class="sm-td">{{ dn($item->price) }}</td>
                                    <td class="sm-td">{{ dn($item->total_discounts) }}</td>
                                    <td class="sm-td">{{ dn($item->total_final_price) }}</td>
                                    <td class="sm-td">{{ $item->tax_ratio ? $item->tax_ratio . '%' : '---' }}</td>
                                    <td class="sm-td">{{ dn($item->total_final_price + $tax_amount) }}</td>
                                    <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-orders/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="{{ $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->bonus) }}</td>
                                        <td class="sm-td">{{ dn(0) }}</td>
                                        <td class="sm-td">{{ dn(0) }}</td>
                                        <td class="sm-td">{{ dn(0) }}</td>
                                        <td class="sm-td">{{ dn(0) }}</td>
                                        <td class="sm-td">{{ $item->expire_date }}</td>
                                        <td class="sm-td dsip">---</td>
                                        <td class="sm-td">{{ $item->notice }}</td>
                                    </tr>
                                @endif
                            @endforeach
                        </tbody>
                    </table>
                    </div>
                    @if ($overviewBond['bond']->expenses->isNotEmpty())
                        <div class="my-5 {{ $overviewBond['print'] ? 'd-block' : '' }} h-auto">
                            <h4>@lang('warehouses/sales-orders/show.expenses')</h4>
                            <div class="scrollable-table">
                            <table class="table table-bordered without-herotable">
                                <thead>
                                    <tr>
                                        <th class="sm-td">@lang('warehouses/sales-orders/show.expense')</th>
                                        <th class="sm-td"> @lang('warehouses/sales-orders/show.value')</th>
                                        <th class="sm-td">@lang('warehouses/sales-orders/show.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">{{ $item->amount }}</td>
                                            <td class="sm-td">{{ $item->standard_expenses->account->name }}</td>
                                        </tr>
                                        @php $total+= $item->amount; @endphp
                                    @endforeach
                                </tbody>
                                <tfoot>
                                    <tr>
                                        <td colspan="2" class="fw-bold">@lang('warehouses/sales-orders/show.sum')</td>
                                        <td><b> {{ $total }}</b></td>
                                    </tr>
                                </tfoot>
                            </table>
                            </div>
                        </div>
                    @endif
                </div>

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

                    @php $ar_sales_order_conditions = \App\Models\Setting::whereName('ar_sales_order_conditions')->first()->value; @endphp
                    <ul>
                        @foreach ($ar_sales_order_conditions as $sales_order_condition)
                            <li>{{ $sales_order_condition }}</li>
                        @endforeach
                    </ul>
                </div>
                <hr style="margin-top: 125px !important;">


                <div style="display: flex !important;">
                    <div style="width: 55% !important; ">
                        <div>
                            <b class="d-inline-block mb-1" style="width: 170px;">  @lang('warehouses/sales-orders/show.total_before_additional_discount') : </b>
                            <b
                                class="border border-dark px-2 d-inline-block w-25">{{ dn($total_amount_before_normal_discounts) }}</b>
                        </div>

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

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

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

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

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

                    @if (Session::get('print_data')['under_tax'])
                        <b> @lang('warehouses/sales-orders/show.all_prices_above_subject_to_general_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