@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-manufacturingBonds-edit')
                            <a href="{{ route('tenant.warehouses.manufacturing-bonds.edit', ['manufacturing_bond' => $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" id="printEntry">
                        @lang('general.print') <i class="fas fa-print"></i>
                    </button>
                </div>

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

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

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

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

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

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

                    <div class="col-3 d-flex">
                        <b>@lang('warehouses/manufacturing-bonds/show.number_of_days')  : </b>
                        <p class="mx-1">
                            {{ $overviewBond['bond']->parseDateToCarbon('start_date')->diffInDays($overviewBond['bond']->parseDateToCarbon('end_date')) }}
                        </p>
                    </div>

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

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

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

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

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

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

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

                    <div class="col-3 d-flex">
                        <b> @lang('warehouses/manufacturing-bonds/show.bond_status')  : </b>
                        <p class="mx-1">{{ $overviewBond['bond']->post_status ? 'مرحّل' : 'غير مرحّل' }}</p>
                    </div>
                </div>

                <div class="my-2 bond-as-bond">
                    <h4>@lang('warehouses/manufacturing-bonds/show.components')</h4>
                    <div class="scrollable-table">
                    <table class="table table-bordered without-herotable">
                        <thead>
                            <tr>
                                <th class="sm-td">@lang('warehouses/manufacturing-bonds/show.branch')</th>
                                <th class="sm-td"> @lang('warehouses/manufacturing-bonds/show.item_description')</th>
                                <th class="xs-td"> @lang('warehouses/manufacturing-bonds/show.unit')</th>
                                <th class="sm-td"> @lang('warehouses/manufacturing-bonds/show.individual_quantity') </th>
                                <th class="sm-td"> @lang('warehouses/manufacturing-bonds/show.total_quantity') </th>
                                <th class="sm-td"> @lang('warehouses/manufacturing-bonds/show.cost')</th>
                                <th class="sm-td"> @lang('warehouses/manufacturing-bonds/show.total')</th>
                                <th class="lg-td"> @lang('warehouses/manufacturing-bonds/show.notes')</th>
                            </tr>
                        </thead>

                        <tbody>
                            @php $total = 0; @endphp
                            @foreach ($overviewBond['bond']->items as $item)
                                <tr>
                                    <td class="sm-td">{{ $item->from_branch->name }}</td>
                                    <td class="sm-td">{{ $item->barcode->ar_name }}</td>
                                    <td class="xs-td">{{ $item->barcode->unit->name }}</td>
                                    <td class="sm-td">{{ $item->quantity }}</td>
                                    <td class="sm-td">{{ $overviewBond['bond']->quantity * $item->quantity }}</td>
                                    <td class="sm-td">{{ dn($item->unit_cost * $item->quantity) }}</td>
                                    <td class="sm-td">
                                        {{ dn($item->unit_cost * ($overviewBond['bond']->quantity * $item->quantity)) }}
                                    </td>
                                    <td class="lg-td">{{ $item->notes ?? '---' }}</td>
                                </tr>

                                @php $total+= ($item->unit_cost * ($overviewBond['bond']->quantity * $item->quantity)); @endphp
                            @endforeach

                            <tr>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td class="sm-td"> <b>{{ dn($total) }}</b> </td>
                                <td></td>
                            </tr>
                        </tbody>
                    </table>
                    </div>
                </div>

                <div class="border p-1 my-2">
                    <p>
                        @lang('warehouses/manufacturing-bonds/show.notes') :
                    <p>{{ $overviewBond['bond']->notice }}</p>
                    </p>
                </div>
                <div style=" width: 55% !important;">
                    @php
                        $signatures = App\Models\Warehouses\WarehousesSignature::byType('manufacturing_bond')
                            ->active()
                            ->get();
                    @endphp
                    @if (count($signatures))
                        <div class="my-3 sip" style="width: 55% !important;">
                            <h4> @lang('warehouses/manufacturing-bonds/show.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>
    </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