@if ($overviewEntry['entry'])
    <div class="{{ !$overviewEntry['print'] ? 'overview-layout shadow' : '' }}">
        <div class="overview-container {{ $overviewEntry['print'] ? 'd-none hidden-overview' : '' }}">
            <div class="row align-items-start justify-content-between my-1">
                <div class="col">
                    @if ($overviewEntry['entry']->post_status == 0)
                        @can('accounting-servicesInvoices-edit')
                            <a href="{{ route('tenant.accounting.services-invoices.edit', ['services_invoice' => $overviewEntry['entry']->id]) }}"
                                class="btn orange-btn btn-sm mx-1">
                                @lang('general.edit')
                            </a>
                        @endcan
                    @endif

                    <button class="btn orange-btn btn-sm print-entry-btn mx-1">
                        @lang('general.print') <i class="fas fa-print"></i>
                    </button>

                    <button class="btn orange-btn btn-sm print-bond-as-entry-btn mx-1">
                        @lang('accounting/show.print_entry') <i class="fas fa-print"></i>
                    </button>
                </div>

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

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

                <div class="my-2 bond-as-bond">
                    <div class="py-2 px-3 my-2 border">
                        <p class="text-center my-0">@lang('accounting/show.invoice'): {{ $overviewEntry['entry']->type_as_text }}</p>

                        <div class="d-flex justify-content-between my-0">
                            <div class="col-4">
                                <p>@lang('accounting/show.invoice_number') : {{ $overviewEntry['entry']->bond_number }}</p>
                                <p>@lang('accounting/show.date') : {{ $overviewEntry['entry']->date }}</p>
                            </div>
                            <div class="col-4">
                                <p>@lang('accounting/show.client_tax_number') :
                                    {{ $overviewEntry['entry']->debit_type == 'receivable' ? $overviewEntry['entry']->debit_receivable_account->tax_number : '---' }}
                                </p>

                                @if ($overviewEntry['entry']->debit_type == 'receivable')
                                    <p>
                                        @lang('accounting/show.debtor_account') :
                                        {{ $overviewEntry['entry']->debit_receivable_account->name }} -

                                        @if ($overviewEntry['entry']->debit_type == 'cash')
                                            {{ $overviewEntry['entry']->debit_account_id }}
                                        @else
                                            {{ $overviewEntry['entry']->debit_receivable_id }}
                                        @endif

                                    </p>
                                @else
                                    <p>
                                        @lang('accounting/show.amount_due_from_account') :
                                        {{ $overviewEntry['entry']->debit_account->name }}
                                    </p>
                                @endif
                            </div>
                        </div>
                    </div>
                    <div>
                        <div class="scrollable-table">
                        <table class="table table-bordered without-herotable">
                            <thead>
                                <tr>
                                    <th class="lg-td"> @lang('general.description')</th>
                                    <th class="md-td">  @lang('accounting/show.before_tax')</th>
                                    <th class="xs-td">@lang('accounting/show.tax')</th>
                                    <th class="md-td"> @lang('accounting/show.total_price')</th>
                                </tr>
                            </thead>

                            <tbody>
                                @foreach ($overviewEntry['entry']->credit_items as $item)
                                    <tr>
                                        <td class="lg-td">{{ $item->account->name }}</td>
                                        <td class="md-td">{{ dn($item->amount) }}</td>
                                        <td class="xs-td">{{ $item->tax_amount ? dn($item->tax_amount) : '---' }}
                                        </td>
                                        <td class="md-td">{{ dn($item->amount + $item->tax_amount ?? 0) }}</td>
                                    </tr>
                                @endforeach

                                @php
                                    $amount_sum = $overviewEntry['entry']->credit_items->sum('amount');
                                    $tax_amount_sum = $overviewEntry['entry']->credit_items->sum('tax_amount');
                                @endphp

                                <tr class="bordered-top">
                                    <td class="lg-td">@lang('general.total')</td>
                                    <td class="md-td"><b>{{ dn($amount_sum) }}</b></td>
                                    <td class="xs-td"><b>{{ dn($tax_amount_sum) }}</b></td>
                                    <td class="md-td"><b>{{ dn($amount_sum + $tax_amount_sum) }}</b></td>
                                </tr>
                            </tbody>
                        </table>
                        </div>
                    </div>

                    <div class="d-flex justify-content-between ">
                        <div style="width: 250px !important;">
                            <div class="mb-1 d-flex justify-content-between">
                                <span style="width: max-content !important;">@lang('accounting/show.total_before_tax')</span>
                                <b class="tax-value-box">{{ dn($amount_sum) }}</b>
                            </div>

                            @php
                                $taxes = App\Models\Accounting\Tax::active()
                                    ->groupBy('value')
                                    ->get();
                            @endphp
                            @foreach ($taxes as $tax_item)
                                <div class="my-1 d-flex justify-content-between">
                                    <span style="width: 150px !important;">@lang('accounting/show.tax') {{ $tax_item->value }}%</span>
                                    <b class="tax-value-box">
                                        {{ dn($overviewEntry['entry']->credit_items->where('tax_id', $tax_item->id)->sum('tax_amount')) }}
                                    </b>
                                </div>
                            @endforeach

                            <div class="mb-1 d-flex justify-content-between">
                                <span style="width: max-content !important;">@lang('general.total')</span>
                                <b class="tax-value-box">{{ dn($amount_sum + $tax_amount_sum) }}</b>
                            </div>

                        </div>
                        <!-- <div class="top-0 start-0">
                            {!! QrCode::size(100)->generate(
                                route('tenant.show-document', ['type' => 'services-invoice', 'id' => $overviewEntry['entry']->id]),
                            ) !!}
                        </div> -->
                        <div style="margin-left: 20%;">
                            @php
                                $svgPath = storage_path(
                                    'app/fotara/images/service_invoice_' . $overviewEntry['entry']->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' => 'services-invoice', 'id' => $overviewEntry['entry']->id]),
                                    ) !!}
                                </div>
                                <div style="display: flex; justify-content: center;"><b>Misk</b></div>
                            @endif
                        </div>
                    </div>
                    
                </div>

                <div class="my-2 bond-as-entry">
                    <div class="row border border pt-3 pb-3 my-3 mx-1">
                        <div class="row">
                            <div class="col-12 d-flex">
                                <div class="col-3 d-flex">
                                    <b>@lang('accounting/show.bond_number') : </b>
                                    <p class="mx-1">{{ $overviewEntry['entry']->bond_number }}</p>
                                </div>
                                
                                <div class="col-3 d-flex">
                                    <b>@lang('accounting/show.date'): </b>
                                    <p class="mx-1">{{ $overviewEntry['entry']->date }}</p>
                                </div>

                                <div class="col-3 d-flex">
                                    <b> @lang('accounting/show.client'): </b>
                                    <p class="mx-1">{{ $overviewEntry['entry']->debit_receivable_account ?  $overviewEntry['entry']->debit_receivable_account->name : ' ' }}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="scrollable-table">
                    <table class="table table-bordered without-herotable">
                        <thead>
                            <tr>
                                <th class="md-td">@lang('accounting/show.account_receivable')</th>
                                <th class="md-td">@lang('accounting/show.debtor')</th>
                                <th class="md-td">@lang('accounting/show.creditor')</th>
                                <th class="md-td"> @lang('accounting/show.cost_center')</th>
                                <th class="xl-td">@lang('general.description')</th>
                            </tr>
                        </thead>

                        <tbody>
                            @php
                                $debit_sum = 0;
                                $credit_sum = 0;
                            @endphp

                            <tr>
                                <td class="md-td">{{ $overviewEntry['entry']->proper_debit_account?->name }}</td>
                                <td class="md-td">{{ dn($overviewEntry['entry']->amount) }}</td>
                                <td class="md-td">---</td>
                                <td class="md-td">---</td>
                                <td class="xl-td">{{ $overviewEntry['entry']->notice }}</td>
                            </tr>

                            @foreach ($overviewEntry['entry']->credit_items as $item)
                                <tr>
                                    <td class="md-td">{{ $item->account->name }}</td>
                                    <td class="xs-td">---</td>
                                    <td class="xs-td">{{ dn($item->amount) }}</td>
                                    <td class="md-td">---</td>
                                    <td class="xl-td">{{ $item->notice ?? '---' }}</td>
                                </tr>

                                @if ($item->tax_amount)
                                    <tr>
                                        <td class="md-td">{{ $item->tax->account->name }}</td>
                                        <td class="xs-td">---</td>
                                        <td class="xs-td">{{ dn($item->tax_amount ?? 0) }}</td>
                                        <td class="md-td">---</td>
                                        <td class="xl-td">{{ $item->notice ?? '---' }}</td>
                                    </tr>
                                @endif
                            @endforeach

                            <tr>
                                <td></td>
                                <td class="xs-td"><b>{{ dn($overviewEntry['entry']->amount) }}</b></td>
                                <td class="xs-td"><b>{{ dn($overviewEntry['entry']->amount) }}</b></td>
                                <td></td>
                                <td></td>
                            </tr>
                        </tbody>
                    </table>
                    </div>
                </div>

                <hr>
                <div class="border p-1 my-2">
                    <p>
                        @lang('general.description') :
                    <p>{{ $overviewEntry['entry']->notice }}</p>
                    </p>
                </div>
                <div class="col-6 {{ $overviewEntry['print'] ? 'd-block' : '' }} h-auto">
                    @php
                    $signatures = App\Models\Signature::byType('service_invoice')
                        ->active()
                        ->get();
                    @endphp
                    @if (count($signatures))
                        <div class="my-3 sip">
                            <h4>@lang('accounting/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 class="dsip">
                    <hr>
                    <h4>@lang('accounting/show.attachments') <i class="fas fa-paperclip"></i></h4>
                    @foreach ($overviewEntry['entry']->attachments as $attachment)
                        <div class="row">
                            <div class="col-3 mx-5">
                                <p>{{ $attachment->file }}</p>
                            </div>
                            <div class="col-2">
                                <form action="/files/download" method="post" target="_blank" style="display: inline-block">
                                    @csrf

                                    <input type="hidden" name="filename" value="{{ $attachment->full_path }}" />
                                    <button class="btn orange-btn btn-sm rounded-pill mx-3" title="{{__('general.download')}}">
                                        <i class="fas fa-download"></i>
                                    </button>
                                </form>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
    </div>
@endif

@push('script')
    <script type="module">
        import printSection from "/tenancy/assets/js/print.js";

        $("body").on("click", ".print-entry-btn", function() {
            let target = $(".printable-section").clone();
            $(target).find(".bond-as-bond").css("display", "block");
            $(target).find(".bond-as-entry").css("display", "none");
            let title = "فاتورة بيع خدمات";
            const print_data = @json(Session::get('print_data'));
            let css_link = "/tenancy/assets/css/accounting/services-invoices/index.css";
            printSection.print(target, print_data, title, css_link, true);
        });

        $("body").on("click", ".print-bond-as-entry-btn", function() {
            let target = $(".printable-section").clone();
            $(target).find(".bond-as-bond").css("display", "none");
            $(target).find(".bond-as-entry").css("display", "block");
            let title = "فاتورة بيع خدمات";
            const print_data = @json(Session::get('print_data'));
            let css_link = "/tenancy/assets/css/accounting/services-invoices/index.css";
            printSection.print(target, print_data, title, css_link, true);
        });
    </script>
@endpush