@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">
                <div class="mb-2 bond-as-bond" dir="ltr">
                    <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 ORDER</h3>
                                        </td>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr class="mx-2">
                                        <td>
                                            <div class="mb-2">
                                                <span class="strong">Order #:</span>
                                                {{ $overviewBond['bond']->bond_number }}
                                            </div>

                                            <div class="mb-2">
                                                <span class="strong">Order 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>

                                            @if ($overviewBond['bond']->client)
                                                <div class="mb-2">
                                                    <span class="strong">Account # :
                                                    </span>{{ $overviewBond['bond']->client->id_by_receivable_type }}
                                                </div>
                                            @endif
                                        </td>
                                    </tr>

                                    <tr class="mx-2">
                                        <td>
                                            @if ($overviewBond['bond']->client)
                                                <div class="mb-2">
                                                    <span class="strong">Customer phone:</span>
                                                    {{ $overviewBond['bond']->client->phone_1 }}
                                                </div>
                                            @endif

                                            <div class="mb-2">
                                                <span class="strong">Address :</span>
                                                @if ($overviewBond['bond']->client && is_array($overviewBond['bond']->client->address))
                                                    city:
                                                    {{ $overviewBond['bond']->client->address['city'] ?? '---' }} /

                                                    area:{{ $overviewBond['bond']->client->address['region'] ?? '---' }}
                                                    /
                                                    address:{{ $overviewBond['bond']->client->address['address'] ?? '---' }}
                                                @else
                                                    ---
                                                @endif
                                            </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>

                                            <div class="mb-2">
                                                <span class="strong">Payment way:</span>
                                                {{ $overviewBond['bond']->selected_payment_way ?? '---' }}
                                            </div>
                                        </td>
                                    </tr>

                                    <tr class="mx-2">
                                        <td>
                                            <div class="mb-2">
                                                <span class="strong">Accured date:</span>
                                                {{ $overviewBond['bond']->accured_date }}
                                            </div>
                                            <div class="mb-2">
                                                <span class="strong">Delivered date:</span>
                                                {{ $overviewBond['bond']->delivered_date }}
                                            </div>
                                        </td>
                                    </tr>

                                    <tr class="mx-2">
                                        <td>
                                            <div class="mb-2">
                                                <span class="strong">Notes :</span>{{ $overviewBond['bond']->notice }}
                                            </div>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>

                    <h4 class="mt-3">Items</h4>
                    <table class="table table-bordered">
                        <thead>
                            <tr class="text-center">
                                <td class="sm-td" style="background-color: #2e72a7;">Barcode #</td>
                                @if ($overviewBond['add_location_in_print'])
                                    <th class="lg-td sip" style="background-color: #2e72a7;">
                                        Item Location
                                    </th>
                                    <th class="sm-td sip" style="background-color: #2e72a7;">
                                        Available Quantity
                                    </th>
                                @endif
                                <td class="{{ $overviewBond['print'] ? 'lg-td' : '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>
                                <td class="sm-td" style="background-color: #2e72a7;">Sale price</td>
                                <td class="sm-td" style="background-color: #2e72a7;">Dis. amount</td>
                                <td class="sm-td" style="background-color: #2e72a7;">Gross Price</td>
                                <td class="sm-td" style="background-color: #2e72a7;">Tax</td>
                                <td class="sm-td" style="background-color: #2e72a7;">Amount</td>
                                <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;
                                    $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>
                    @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 class="mt-4 sip">
                    <h4> Sales orders conditions:</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: 50px !important;">

                <div style="display: flex !important;">
                    <div style="width: 55% !important; ">
                        <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">{{ dn($total_amount_before_normal_discounts) }}</b>
                        </div>

                        <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>

                        <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">{{ dn($total_amount_before_normal_discounts - ($total_extra_discounts + $client_discount)) }}</b>
                        </div>

                        <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>
                            <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">
                                {{ 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>Accured name </h4>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col my-3 sip">
                                <h4>Accoured Signature-------------------</h4>
                            </div>
                        </div>
                    </div>

                    @if (Session::get('print_data')['under_tax'])
                        <b> All prices above are subject to general tax</b>
                    @endif
                    <hr>
                </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();
            const print_data = @json(Session::get('print_data'));
            let css_link = "/tenancy/assets/css/accounting/printing/bonds.css";
            printSection.print(target, print_data, null, css_link, true, {});
        });
    </script>
@endpush