@extends('tenant.layouts.master', ['pdf_title' => 'test'])

@section('breadcrumb')
    @php
        $breadcrumb_items[__('breadcrumb.home')] = '/';

        if ($module == 'warehouses') {
            $breadcrumb_items[__('breadcrumb.warehouses')] = '/warehouses/branches';
        } elseif ($module == 'accounting') {
            $breadcrumb_items[__('breadcrumb.accounting')] = '/accounting/accounts';
        } elseif ($module == 'rentals') {
            $breadcrumb_items[__('breadcrumb.rentals')] = '#';
        }

        $breadcrumb_items[__('breadcrumb.receivables')] = route('tenant.receivables.index', ['module' => $module]);
        $breadcrumb_items[__('breadcrumb.receivable_account_statement')] = '#';
    @endphp

    @include('tenant.layouts.breadcrumb', ['items' => $breadcrumb_items])
@endsection

@section('sidebar')
    @include('tenant.layouts.sidebar', ['activeItem' => "{$module}.receivables"])
@endsection

@section('style')
    <style media="print">
        .dsip {
            display: none !important;
        }

        table {
            border-collapse: separate;
            border-spacing: 0px;
        }

        table thead tr th,
        table tbody tr td {
            padding: 6px;
        }

        table thead tr th {
            border: 1px solid rgb(76, 76, 76) !important;
        }

        table tbody tr td {
            border: 1px solid rgba(204, 204, 204, 0.766) !important;
        }
    </style>

    <style>
        tfoot .period-balance-label,
        tfoot .total-balance-label {
            position: absolute;
            right: -80px;
            width: 90px;
            height: 23px;
        }

        .position-relative .operations-btn {
            border: 1px solid #E8953F;
            border-radius: 10px;
        }

        .position-relative .operations-btn span {
            color: #E8953F;
        }
    </style>

    <!-- Show tfoot when there is no actions in tbody, to show the initial balance in the bottom -->
    @if ($statement_items->count() == 0)
        <style>
            [data-editableKey="receivable-statement-items"] tfoot {
                display: revert !important;
            }
        </style>
    @endif
@endsection
@section('content')
    <div class="inner-content-layout form-bg-color p-4 rounded-form">
        <div>
            <x-tenant.shared.backward-component
                direct-to="{{ __('breadcrumb.accounts') }} {{ $module == 'rentals' ? 'المستأجرين' : 'الذمم' }}"
                link="/receivables/{{ $module }}" />

            <x-filter-form
                link="{{ route('tenant.receivables.accounts.show', ['module' => $module, 'account' => $account->id]) }}"
                title="{{ $account->name . '  - ( ' . $account->id_by_receivable_type . ' )' }}">
                <div class="row">
                    <div class="col-3">
                        <div class="mb-3">
                            <label for="action-title"> @lang('receivables/show.transaction_type') : </label> <br>
                            @php
                                $action_types = [
                                    ['label' => 'سند قيد', 'value' => 'entry', 'modules' => ['accounting']],
                                    ['label' => 'سند صرف', 'value' => 'exchange', 'modules' => ['accounting']],
                                    [
                                        'label' => 'فاتورة بيع خدمات',
                                        'value' => 'service-invoice',
                                        'modules' => ['accounting'],
                                    ],
                                    [
                                        'label' => 'شيكات صادرة',
                                        'value' => 'exchange-checks',
                                        'modules' => ['accounting'],
                                    ],
                                    [
                                        'label' => 'شيكات واردة',
                                        'value' => 'receipt-checks',
                                        'modules' => ['accounting'],
                                    ],
                                    [
                                        'label' => 'سند قبض',
                                        'value' => 'receipt',
                                        'modules' => ['accounting', 'rentals', 'warehouses'],
                                    ],
                                    [
                                        'label' => 'إشعارات مدينة',
                                        'value' => 'debit-note',
                                        'modules' => ['accounting', 'rentals'],
                                    ],
                                    [
                                        'label' => 'إشعارات دائنة',
                                        'value' => 'credit-note',
                                        'modules' => ['accounting', 'rentals'],
                                    ],
                                    [
                                        'label' => 'فاتورة مشتريات',
                                        'value' => 'purchase-invoice',
                                        'modules' => ['warehouses'],
                                    ],
                                    [
                                        'label' => 'فاتورة مبيعات',
                                        'value' => 'sales-invoice',
                                        'modules' => ['warehouses'],
                                    ],
                                    [
                                        'label' => 'مردود فاتورة مشتريات',
                                        'value' => 'returned-purchase-bond',
                                        'modules' => ['warehouses'],
                                    ],
                                    [
                                        'label' => 'مردود فاتورة مبيعات',
                                        'value' => 'returned-sales-bond',
                                        'modules' => ['warehouses'],
                                    ],
                                ];
                                $old_action_types = request()->action_types ?? [];
                            @endphp

                            <select id="action-title" name="action_types[]" class="mt-2 w-100" size="1" multiple>
                                @foreach ($action_types as $action_type)
                                    @canany($action_type['modules'])
                                        <option value="{{ $action_type['value'] }}"
                                            {{ in_array($action_type['value'], $old_action_types) ? 'selected' : '' }}>
                                            {{ $action_type['label'] }}
                                        </option>
                                    @endcanany
                                @endforeach
                            </select>
                        </div>
                    </div>

                    <div class="col-2">
                        <div class="mb-3">
                            <label for="fiscal_year" class="form-label"> @lang('receivables/show.fiscal_year') :</label> <br>
                            @php $selected_fiscal_year = (request()->fiscal_year)?? $active_year->id; @endphp
                            <select name="fiscal_year" id="fiscal_year" class="w-100">
                                <option value="*" {{ $selected_fiscal_year == '*' ? 'selected' : '' }}>
                                    @lang('receivables/show.all')
                                </option>
                                @foreach ($fiscal_years as $fiscal_year)
                                    <option
                                        value="{{ $fiscal_year->id }}"{{ $fiscal_year->id == $selected_fiscal_year ? 'selected' : '' }}>
                                        {{ $fiscal_year->parseDateToCarbon('from')->year }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>

                    <div class="col-2">
                        <div class="mb-3">
                            <label for="from_date" class="form-label"> @lang('receivables/show.date_from') : </label>
                            @php $from_date = (request()->from_date)?? $active_year->from; @endphp
                            <x-input-date identifier="from_date" name="from_date" :value="$from_date"></x-input-date>
                        </div>
                    </div>

                    <div class="col-2">
                        <div class="mb-3">
                            <label for="to_date" class="form-label"> @lang('receivables/show.date_to') : </label>
                            @php $to_date = (request()->to_date)?? $active_year->to; @endphp
                            <x-input-date identifier="to_date" name="to_date" :value="$to_date"></x-input-date>
                        </div>
                    </div>

                    @if ($cost_centers_activation && !isset($mode))
                        <div class="col-2">
                            <div class="mb-3">
                                <label for="cost_centers" class="form-label"> @lang('receivables/show.cost_centers') :</label>
                                <select name="cost_centers[]" id="cost_centers" multiple>
                                    @foreach ($cost_centers as $cost_center)
                                        <option value="{{ $cost_center->id }}"
                                            {{ in_array($cost_center->id, (array) request()->cost_centers) ? 'selected' : '' }}>
                                            {{ $cost_center->ar_name ?? 'لا يوجد مراكز كلفة' }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    @endif

                    <div class="col-2">
                        <div class="mb-3">
                            <label for="notice" class="form-label"> @lang('receivables/show.description') : </label>
                            <input type="search" name="notice" class="form-control" id="notice"
                                value="{{ request()->notice }}"
                                placeholder="{{ __('accounting/accounts/add-new-account.enter_part_of_statement') }}">
                        </div>
                    </div>
                </div>
            </x-filter-form>
        </div>


        {{-- Delete Account Form --}}
        <form action="{{ route('tenant.receivables.accounts.destroy', ['module' => $module, 'account' => $account->id]) }}"
            method="post" id="delete-account-form" class="dsip">
            @csrf
            @method('DELETE')
        </form>

        {{-- Statement Items List --}}
        <div>
            <div id="printable-section">
                {{-- Header Of Page --}}
                <div class="sip pdfHeader">
                    <p>
                        @lang('receivables/show.account'): <b>{{ $account->name . '  - ( ' . $account->id_by_receivable_type . ' )' }}</b>
                    </p>

                    <div class="d-flex">
                        <p>
                            <span>@lang('receivables/show.from_date') :</span>
                            <b>{{ request()->from_date ?? $active_year->from }}</b>
                        </p>
                        <p class="me-4">
                            <span> @lang('receivables/show.to_date') :</span>
                            <b>{{ request()->to_date ?? $active_year->to }}</b>
                        </p>
                    </div>
                </div>

                <div class="d-flex justify-content-between mb-4">
                    <div class="mx-3 fs-5">
                        @lang('receivables/show.opening_balance') : <b>{{ $initial_balance ? dn($initial_balance) : dn(0) }}</b>
                        <input type="checkbox" id="sumWithInitialBalance" class="dsip custom-checkbox" value="1"
                            data-initialBalance="{{ $initial_balance }}" title="جمع الرصيد الافتتاحي" checked>
                    </div>

                    <div class="d-flex dsip">
                        @php $query = '?'. http_build_query(request()->all()); @endphp

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

                        <button class="btn btn-sm orange-outline-btn mx-1 print_with_checks_btn">
                            @lang('receivables/show.print_with_checks') <i class="fas fa-print"></i>
                        </button>

                        <x-operations-btn>
                            <li>
                                <a href="{{ route('tenant.receivables.accounts.edit', ['module' => $module, 'account' => $account->id]) }}"
                                    class="btn edit-account-btn">
                                    <i class="fas fa-user-edit"></i> @lang('general.edit')
                                </a>
                            </li>

                            @if ($module == 'rentals' || $account->receivable_type->id == 1)
                                <li>
                                    <button class="btn" data-bs-toggle="modal" data-bs-target="#updatePasswordModal">
                                        <i class="fas fa-user-edit"></i> @lang('receivables/show.change_password')
                                    </button>
                                </li>
                            @endif

                            <li>
                                <a href="{{ route('tenant.receivables.accounts.export_pdf', ['module' => $module, 'account' => $account->id]) . $query }}"
                                    id="export_pdf_btn" class="btn">
                                    <i class="far fa-file-pdf"></i> @lang('receivables/show.download_pdf')
                                </a>
                            </li>

                            <li>
                                <a href="{{ route('tenant.receivables.accounts.export_excel', ['module' => $module, 'account' => $account->id]) . $query }}"
                                    id="export_excel_btn" class="btn">
                                    <i class="fas fa-file-excel"></i> @lang('receivables/show.export_excel')
                                </a>
                            </li>

                            @if ($account->is_deletable)
                                <li>
                                    <button class="btn delete-account-btn">
                                        <i class="fas fa-user-minus"></i> @lang('general.delete')
                                    </button>
                                </li>
                            @endif

                            @if ($module != 'rentals')
                                @php
                                    $total_unposted_checks =
                                        $unposted_receipt_checks + $unposted_exchange_checks->count();
                                @endphp

                                <li>
                                    <a href="{{ route('tenant.receivables.accounts.unpost-checks', ['module' => $module, 'account' => $account->id]) }}"
                                        class="btn">
                                        <i class="fas fa-money-check"></i> @lang('receivables/show.due_checks')
                                        <span class="badge {{ $total_unposted_checks > 0 ? 'bg-danger' : 'bg-success' }}">
                                            {{ $total_unposted_checks }}
                                        </span>
                                    </a>
                                </li>

                                <li>
                                    <a href="{{ route('tenant.receivables.accounts.representatives', ['module' => $module, 'account' => $account->id]) }}"
                                        class="btn">
                                        <i class="fas fa-users"></i> @lang('receivables/show.representatives')
                                    </a>
                                </li>
                            @endif
                        </x-operations-btn>
                    </div>
                </div>

                <div style="width: 75%; margin:auto;" class="full-table-layout">
                    @php
                        $table_options = [
                            'enableSumValuesOnColumns' => [1, 2],
                            'lang' => ['noAvailableData' => __('receivables/show.no_data')],
                            'sumValuesCell' => 'b',
                            'columnResizer' => false,
                            'hideColumn' => false,
                        ];

                        $diff_sum_data = ['target_col_index' => 0, 'first_col_index' => 1, 'second_col_index' => 2];
                    @endphp

                    <v-table :options="{{ json_encode($table_options) }}"
                        :diff_sum_data="{{ json_encode($diff_sum_data) }}">
                        <table class="table table-bordered table-hover table-borderless sticky-table no-fixed-layout"
                            data-editableKey="receivable-statement-items" id="pdfTable">
                            <thead>
                                <tr>
                                    <th class="sm-td"> @lang('receivables/show.balance')</th>
                                    <th class="sm-td"> @lang('receivables/show.debtor')</th>
                                    <th class="sm-td">@lang('receivables/show.creditor')</th>
                                    <th class="sm-td"> @lang('receivables/show.transaction_type')</th>
                                    <th class="sm-td"> @lang('receivables/show.transaction_number')</th>
                                    <th class="sm-td"> @lang('receivables/show.date')</th>
                                    {!! $cost_centers_activation ? '<th class="sm-td">مركز الكلفة</th>' : '' !!}
                                    <th class="lg-td"> @lang('receivables/show.description')</th>
                                </tr>
                            </thead>

                            <tbody>
                                @php
                                    $balance = $initial_balance ?? 0;
                                    $debit_sum = 0;
                                    $credit_sum = 0;

                                @endphp

                                @foreach ($statement_items as $statement_item)
                                    
                                    @php
                                        $balance += $statement_item->amount;
                                        $debit_sum += $statement_item->amount > 0 ? $statement_item->amount : 0;
                                        $credit_sum += $statement_item->amount < 0 ? abs($statement_item->amount) : 0;
                                    @endphp
                                   
                                    <tr>
                                        <td class="sm-td balance-field">{{ dn($balance) }}</td>
                                        <td class="sm-td">
                                            {{ $statement_item->amount > 0 ? dn($statement_item->amount) : '--' }}
                                        </td>
                                        <td class="sm-td">
                                            {{ $statement_item->amount < 0 ? dn(abs($statement_item->amount)) : '--' }}
                                        </td>
                                        <td class="sm-td text-center">{{ $statement_item->title }}</td>
                                        <td class="sm-td text-center">
                                            @if ($statement_item->action_type === 'automated-entry')
                                            <button type="button"
                                                    class="btn btn-link text-primary fw-bold text-decoration-none open-automated-entry"
                                                    data-id="{{ $statement_item->resource_id }}"
                                                    style="box-shadow: none;">
                                                {{ $statement_item->resource_title ?? $statement_item->statement_item_id }}
                                            </button>
                                        @else
                                            <a href="{{ $statement_item->link }}">
                                                {{ $statement_item->resource_title ?? $statement_item->statement_item_id }}
                                            </a>
                                        @endif
                                        </td>
                                        <td class="sm-td text-center">{{ $statement_item->date }}</td>

                                        @if ($cost_centers_activation)
                                            <td class='sm-td text-center'>
                                                {{ $statement_item->cost_center?->ar_name ?? '--' }}
                                            </td>
                                        @endif
                                        <td class="lg-td">  {{  $statement_item['notice'] ?? $statement_item->bond['automated_notice'] ?? '--' }} </td>
                                        </tr>
                                @endforeach
                            </tbody>

                            <tfoot>
                                <tr class="bordered-top">
                                    <td class="sm-td fw-bold">
                                        <span class="period-balance-label dsip"> @lang('receivables/show.period_balance') :</span>
                                        <b class="balance-field">{{ dn($balance) }}</b>
                                        <!-- it is automatically filled by herotable summation -->
                                        <b class="balance-side mx-2">
                                            {{ $balance < 0 ? 'دائن' : ($balance > 0 ? 'مدين' : '') }}
                                        </b>
                                    </td>
                                    <td class="sm-td fw-bold">
                                        <b>{{ dn($debit_sum) }}</b>
                                    </td>
                                    <td class="sm-td fw-bold">
                                        <b>{{ dn($credit_sum) }}</b>
                                    </td>
                                    <td class="sm-td"></td>
                                    <td class="sm-td"></td>
                                    <td class="sm-td"></td>
                                    {!! $cost_centers_activation ? '<td class="sm-td"></td>' : '' !!}
                                    <td class="lg-td"></td>
                                </tr>

                                <tr class="sip">
                                    <td colspan="{{ $cost_centers_activation ? '8' : '7' }}">
                                        <span class="period-balance-label"> @lang('receivables/show.period_balance') :</span>
                                        <b>{{ dn($balance) }}</b>
                                    </td>
                                </tr>

                                <tr>
                                    <td colspan="{{ $cost_centers_activation ? '8' : '7' }}">
                                        <span class="total-balance-label"> @lang('receivables/show.total_balance') :</span>
                                        <b>{{ dn($balance) }}</b>
                                    </td>
                                </tr>

                            </tfoot>
                        </table>
                    </v-table>
                </div>
                <div id="automated-entry-container" style="display:none;"></div>
                <div id="receivable-checks-layout" style="display: none; page-break-before: always;">
                    <h4> @lang('receivables/show.receivable_due_checks')</h4>
                    <table class="table table-bordered table-striped without-herotable">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th> @lang('receivables/show.check_number')</th>
                                <th> @lang('receivables/show.check_date')</th>
                                <th> @lang('receivables/show.check_value')</th>
                                <th>@lang('receivables/show.bank')</th>
                                <th>@lang('receivables/show.bond')</th>
                                <th>@lang('receivables/show.note')</th>
                                <th>@lang('receivables/show.status')</th>
                            </tr>
                        </thead>

                        <tbody>
                            @foreach ($unposted_exchange_checks as $check)
                                <tr>
                                    <td>{{ $check->exchange->bond_number }}</td>
                                    <td>{{ $check->number }}</td>
                                    <td>{{ $check->date }}</td>
                                    <td>{{ dn($check->amount) }}</td>
                                    <td>{{ $check->bank }}</td>
                                    <td>@lang('receivables/show.exchange') {{ $check->exchange->bond_number }}</td>
                                    <td>{{ $check->notice ?? '---' }}</td>
                                    <td>{{ $check->status_as_text }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                        <tfoot>
                            <tr>
                                <td>@lang('general.total')</td>
                                <td></td>
                                <td></td>
                                @if ($unposted_exchange_checks->count())
                                    <td>
                                        <b>
                                            {{ dn(
                                                collect($unposted_exchange_checks)->sum(function ($check) {
                                                    return $check->amount;
                                                }),
                                            ) }}</b>
                                    </td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                @endif
                            </tr>
                        </tfoot>
                    </table>
                    <hr>
                    <h4> @lang('receivables/show.due_checks')</h4>

                    @php
                        $accrued_checks = $account
                            ->receipt_checks()
                            ->with('receipt:id')
                            ->whereIn('status', ['in_box', 'in_collection'])
                            ->get();
                        $total_check_amount = $accrued_checks->sum('amount');
                    @endphp
                    <table class="table table-bordered table-striped without-herotable">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th> @lang('receivables/show.check_number')</th>
                                <th> @lang('receivables/show.check_date')</th>
                                <th> @lang('receivables/show.check_value')</th>
                                <th>@lang('receivables/show.bank')</th>
                                <th>@lang('receivables/show.bond')</th>
                                <th>@lang('receivables/show.note')</th>
                                <th>@lang('receivables/show.status')</th>
                            </tr>
                        </thead>

                        <tbody>
                            @foreach ($accrued_checks as $check)
                                <tr>
                                    <td>{{ $check->receipt->bond_number }}</td>
                                    <td>{{ $check->number }}</td>
                                    <td>{{ $check->date }}</td>
                                    <td>{{ dn($check->amount) }}</td>
                                    <td>{{ $check->bank }}</td>
                                    <td>@lang('receivables/show.receipt') {{ $check->receipt->bond_number }}</td>
                                    <td>{{ $check->notice ?? '---' }}</td>
                                    <td>{{ $check->status_as_text }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                        <tfoot>
                            <tr>
                                <td colspan="3" class="text-end"><strong>@lang('general.total')</strong></td>
                                <td><strong>{{ dn($total_check_amount) }}</strong></td>
                                <td colspan="4"></td>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        </div>

        {{-- Change password modal form --}}
        <div class="modal fade dsip" id="updatePasswordModal" data-bs-backdrop="static" data-bs-keyboard="false"
            tabindex="-1" aria-labelledby="updatePasswordModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="updatePasswordModalLabel"> @lang('receivables/show.edit_password')</h5>
                        <button type="button" class="btn-close mx-0" data-bs-dismiss="modal"
                            aria-label="Close"></button>
                    </div>

                    <div class="modal-body">
                        <div class="password_form_messages"></div>

                        <form id="changePasswordForm"
                            action="{{ route('tenant.receivables.accounts.change-password', ['module' => $module, 'account' => $account->id]) }}">
                            <div class="row">
                                <div class="mb-3">
                                    <label for="password" class="fw-bold rs">@lang('receivables/show.new_password')</label>
                                    <input type="password" id="newPassword" class="form-control"
                                        placeholder="{{ __('receivables/show.password_length') }}" required>
                                </div>
                            </div>
                        </form>
                    </div>

                    <div class="modal-footer">
                        <button class="btn orange-btn changePasswordFormBtn">@lang('general.edit')</button>
                        <button type="button" class="btn white-btn" data-bs-dismiss="modal">
                            @lang('general.close')
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection

@push('script')
    <script type="module">
        import printSection from "/tenancy/assets/js/print.js";
        import {
            dn,
            getErrorsMessagesFromResponse
        } from "/tenancy/assets/js/helpers.js";
        const automatedEntryUrl = "{{ route('tenant.accounting.automated-entries.ajax-show', ['id' => '___ID___']) }}";
        $(() => {
            $("body").on("click", ".print_btn", function() {
                let target = $("#printable-section").clone();
                let title = "  كشف حساب ذمة {{ $account->name }}";
                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);
            });

            $("body").on("click", ".print_with_checks_btn", function() {
                let target = $("#printable-section").clone();
                $(target).find('#receivable-checks-layout').css('display', 'block');
                let title = "  كشف حساب ذمة {{ $account->name }}";
                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);
            });

            $(".delete-account-btn").on("click", function() {
                $.confirm({
                    title: $lang('receivables.show.confirm_delete'),
                    content: "",
                    type: "red",
                    buttons: {
                        ok: {
                            text: $lang('general.yes'),
                            btnClass: "btn orange-btn",
                            keys: ["enter"],
                            action: () => {
                                $("#delete-account-form").trigger("submit");
                            }
                        },
                        cancel: {
                            text: $lang('general.cancel'),
                            btnClass: "btn-default",
                            keys: ["esc"]
                        }
                    }
                });
            });

            const fiscal_years = @json($fiscal_years);
            $("#fiscal_year").on("change", function() {
                if ($(this).val() != "*") {
                    const year_info = fiscal_years.filter((year) => year.id == $(this).val())[0];
                    $("#from_date").val(year_info.from);
                    $("#to_date").val(year_info.to);
                } else {
                    let fist_year = fiscal_years[0];
                    let last_year = fiscal_years[fiscal_years.length - 1];
                    $("#from_date").val(fist_year.from);
                    $("#to_date").val(last_year.to);
                }
            });

            $("#sumWithInitialBalance").on("change", function() {
                const initialBalance = parseFloat($(this).attr("data-initialBalance"));
                const isChecked = $(this).prop("checked");

                $("td.balance-field").map(function(index, field) {
                    let value = $(field).text();
                    if (isChecked) {
                        value = parseFloat(value.replace(",", "")) + initialBalance;
                    } else {
                        value = parseFloat(value.replace(",", "")) - initialBalance;
                    }

                    $(".balance-side").text((value >= 0) ? "مدين" : "دائن");
                    $(this).text(dn(value));
                });
            });

            $(".changePasswordFormBtn").on("click", function() {
                $.confirm({
                    title: $lang('receivables.show.confirm_password_change'),
                    content: "",
                    type: "red",
                    buttons: {
                        ok: {
                            text: $lang('general.yes'),
                            btnClass: "btn orange-btn",
                            keys: ["enter"],
                            action: () => {
                                $("#changePasswordForm").trigger("submit");
                            }
                        },
                        cancel: {
                            text: $lang('general.cancel'),
                            btnClass: "btn-default",
                            keys: ["esc"]
                        }
                    }
                });
            });
            $("#changePasswordForm").on("submit", function(e) {
                e.preventDefault();
                const password = $("#newPassword").val();
                const link = $(this).attr("action");
                const csrf_token = $("meta[name=\"csrf-token\"]").attr("content");

                let formData = new FormData();
                formData.append("_token", csrf_token);
                formData.append("password", password);

                axios.post(link, {
                        password: password
                    }).then((response) => {
                        let messages_elements = "";
                        if (response.data.status == "success") {
                            $(".password_form_messages").html(
                                `<div class="alert success-alert">${response.data.message}</div>`);
                            $("#newPassword").val("");
                        } else {
                            $(".password_form_messages").html(
                                `<div class="alert error-alert">${response.data.message}</div>`);
                        }

                        setTimeout(() => $(".password_form_messages").html(""), 3000);
                        setTimeout(() => $("#updatePasswordModal").modal("hide"), 1000);
                    })
                    .catch((error) => {
                        let messages = getErrorsMessagesFromResponse(error);
                        let messages_elements = ``;

                        messages.map((error_msg) => {
                            messages_elements +=
                                `<div class="alert error-alert">${error_msg}</div>`;
                        });

                        $(".password_form_messages").html(messages_elements);
                        setTimeout(function() {
                            $(".password_form_messages").html("");
                        }, 3000);
                    });
            });
        });
        $(() => {
            $('body').on('click', '.open-automated-entry', function () {
                const id = $(this).data('id');
                const url = automatedEntryUrl.replace('___ID___', id) + '?is_check=0';
                axios.get(url)
                    .then(response => {
                        if (response.data.status === 'success') {
                            $('#automated-entry-container').html(response.data.view).show();
                        } else {
                            alert(response.data.message);
                        }
                    })
                    .catch(() => {
                        alert('حدث خطأ أثناء جلب بيانات القيد الآلي');
                    });
            });
            });
            $('body').on('click', '#closeShowPage', function () {
                $('#automated-entry-container').html('').hide();
            });
            $('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