@extends('admin.admin_dashboard')
@section('admin')

<<<<<<< HEAD
{{-- jQuery & Select2 --}}
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet"/>
<link href="https://cdn.jsdelivr.net/npm/select2-bootstrap-5-theme@1.3.0/dist/select2-bootstrap-5-theme.min.css" rel="stylesheet"/>
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>

<div class="page-content">
  <div class="container-fluid">
    {{-- Breadcrumb & Title --}}
    <div class="page-breadcrumb d-flex flex-column flex-sm-row align-items-center justify-content-between mb-3 p-3 bg-primary text-white rounded shadow-sm">
      <nav>
        <ol class="breadcrumb mb-0 p-0">
          <li class="breadcrumb-item">
            <a href="{{ route('journals.index') }}" class="text-white">
              <i class="bx bx-arrow-back"></i> Back
            </a>
          </li>
          <li class="breadcrumb-item active text-white">Edit Journal Entry</li>
        </ol>
      </nav>
      <h5 class="mb-0">Entry #{{ $entry->id }}</h5>
    </div>

    <form method="POST" action="{{ route('journals.update', $entry->id) }}">
      @csrf @method('PUT')

      {{-- Header --}}
      <div class="card shadow-sm rounded-lg border-0 mb-4">
        <div class="card-body">
          @if($errors->any())
            <div class="alert alert-danger mb-3">
              <ul class="mb-0">@foreach($errors->all() as $e)<li>{{ $e }}</li>@endforeach</ul>
            </div>
          @endif
          <div class="row g-3 mb-4">
            <div class="col-md-4">
              <label class="form-label">Date</label>
              <input type="date" name="entry_date" class="form-control datepicker"
                     value="{{ old('entry_date', $entry->entry_date->format('Y-m-d')) }}">
            </div>
            <div class="col-md-4">
              <label class="form-label">Reference</label>
              <input type="text" name="reference" class="form-control"
                     value="{{ old('reference', $entry->reference) }}" readonly>
            </div>
            <div class="col-md-4">
              <label class="form-label">Description</label>
              <input type="text" name="description" class="form-control"
                     value="{{ old('description', $entry->description) }}">
            </div>
          </div>
        </div>
      </div>

      {{-- Line Items --}}
      <div class="card shadow-sm rounded-lg border-0">
        <div class="card-header bg-light d-flex justify-content-between align-items-center">
          <h6 class="mb-0">Line Items</h6>
          <button type="button" id="addLineBtn" class="btn btn-sm btn-light">
            <i class="bx bx-plus-circle me-1"></i> Add Line
          </button>
        </div>
        <div class="card-body p-0">
          <div class="table-responsive">
            <table class="table table-hover table-striped table-bordered align-middle mb-0" id="linesTable">
              <thead class="table-dark">
                <tr>
                  <th>Account</th>
                  <th class="text-end">Debit</th>
                  <th class="text-end">Credit</th>
                  <th>Memo</th>
                  <th class="text-center" style="width:1%"></th>
                </tr>
              </thead>
              <tbody>
                @foreach(old('lines', $entry->lines->toArray()) as $i => $line)
                <tr data-index="{{ $i }}">
                  <td>
                    <select name="lines[{{ $i }}][account_id]" class="form-select account-select">
                      <option value="">Select account</option>
                      @foreach($accounts as $ac)
                        <option value="{{ $ac->id }}"
                          @selected(($line['account_id'] ?? $entry->lines[$i]->account_id) == $ac->id)>
                          {{ $ac->full_name }}
                        </option>
                      @endforeach
                    </select>
                  </td>
                  <td>
                    <input type="number" step="0.01"
                           name="lines[{{ $i }}][debit]"
                           class="form-control text-end"
                           value="{{ $line['debit'] ?? $entry->lines[$i]->debit }}">
                  </td>
                  <td>
                    <input type="number" step="0.01"
                           name="lines[{{ $i }}][credit]"
                           class="form-control text-end"
                           value="{{ $line['credit'] ?? $entry->lines[$i]->credit }}">
                  </td>
                  <td>
                    <input type="text"
                           name="lines[{{ $i }}][memo]"
                           class="form-control"
                           value="{{ $line['memo'] ?? $entry->lines[$i]->memo }}">
                  </td>
                  <td class="text-center">
                    <button type="button" class="btn btn-sm btn-danger remove-line-btn"
                            @if($i===0) disabled @endif>&times;</button>
                  </td>
                </tr>
                @endforeach
              </tbody>
            </table>
          </div>
        </div>
        <div class="card-footer text-end">
          <button type="submit" class="btn btn-primary px-4">
            <i class="bx bx-save me-1"></i> Update Entry
          </button>
        </div>
      </div>
    </form>
  </div>
</div>

{{-- Template for new rows --}}
<template id="line-template">
  <tr data-index="__INDEX__">
    <td>
      <select name="lines[__INDEX__][account_id]" class="form-select account-select">
        <option value="">Select account</option>
        @foreach($accounts as $ac)
          <option value="{{ $ac->id }}">{{ $ac->full_name }}</option>
        @endforeach
      </select>
    </td>
    <td><input type="number" step="0.01" name="lines[__INDEX__][debit]" value="0" class="form-control text-end"></td>
    <td><input type="number" step="0.01" name="lines[__INDEX__][credit]" value="0" class="form-control text-end"></td>
    <td><input type="text" name="lines[__INDEX__][memo]" class="form-control"></td>
    <td class="text-center">
      <button type="button" class="btn btn-sm btn-danger remove-line-btn">&times;</button>
    </td>
  </tr>
</template>

<script>
$(function(){
  const opts = {
    theme: 'bootstrap-5',
    placeholder: 'Select account',
    allowClear: true,
    width: '100%'
  };

  const $tbody = $('#linesTable tbody');
  let idx = $tbody.children().length;

  // init existing selects
  $('.account-select').select2(opts);

  function bindRemove(){
    $tbody.find('.remove-line-btn')
      .prop('disabled', $tbody.children().length === 1)
      .off('click')
      .on('click', function(){
        $(this).closest('tr').remove();
        bindRemove();
      });
  }

  $('#addLineBtn').on('click', function(){
    const tpl = $('#line-template').html().replace(/__INDEX__/g, idx);
    const $row = $(tpl);

    // clear defaults & init select2
    $row.find('.account-select').select2(opts);
    $tbody.append($row);

    idx++;
    bindRemove();
  });

  bindRemove();
=======
@php
    $oldLines = old('lines');
    if ($oldLines !== null) {
        $formLines = collect($oldLines)->values()->all();
    } else {
        $formLines = $entry->lines->map(fn ($line) => [
            'account_id' => $line->account_id,
            'debit' => number_format((float) $line->debit, 2, '.', ''),
            'credit' => number_format((float) $line->credit, 2, '.', ''),
            'memo' => $line->memo,
        ])->values()->all();
    }

    if (empty($formLines)) {
        $formLines = [
            ['account_id' => '', 'debit' => '0.00', 'credit' => '0.00', 'memo' => ''],
            ['account_id' => '', 'debit' => '0.00', 'credit' => '0.00', 'memo' => ''],
        ];
    }

    $formatAmount = fn ($value) => number_format((float) str_replace(',', '', (string) $value), 2);
@endphp

<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet"/>
<link href="https://cdn.jsdelivr.net/npm/select2-bootstrap-5-theme@1.3.0/dist/select2-bootstrap-5-theme.min.css" rel="stylesheet"/>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>

<div class="page-content chm-journal-show chm-journal-form">
    <div class="container-fluid">

        <x-chm.layout.page
            :title="'Edit Entry #' . $entry->id"
            :subtitle="$entry->reference ?: 'Adjust journal posting lines'"
            icon="bx bx-edit-alt"
        >
            <x-slot:breadcrumb>
                <x-chm.breadcrumb-item :href="route('admin.dashboard')">Home</x-chm.breadcrumb-item>
                <x-chm.breadcrumb-item :href="route('journals.index')">Journal entries</x-chm.breadcrumb-item>
                <x-chm.breadcrumb-item :href="route('journals.show', $entry->id)">Entry #{{ $entry->id }}</x-chm.breadcrumb-item>
                <x-chm.breadcrumb-item :active="true">Edit</x-chm.breadcrumb-item>
            </x-slot:breadcrumb>

            <x-slot:actions>
                <a href="{{ route('journals.show', $entry->id) }}" class="btn btn-outline-secondary btn-sm">
                    <i class="bx bx-x"></i> Cancel
                </a>
            </x-slot:actions>

            @if($errors->any())
                <div class="alert alert-danger mb-4">
                    <div class="fw-semibold mb-1"><i class="bx bx-error-circle me-1"></i> Please fix the following:</div>
                    <ul class="mb-0 ps-3">
                        @foreach($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif

            <form method="POST" action="{{ route('journals.update', $entry->id) }}" id="journalEditForm" novalidate>
                @csrf
                @method('PUT')

                <div class="row g-3 mb-4">
                    <div class="col-md-4">
                        <label for="entry_date" class="form-label">Entry date <span class="text-danger">*</span></label>
                        <input
                            type="date"
                            id="entry_date"
                            name="entry_date"
                            class="form-control @error('entry_date') is-invalid @enderror"
                            value="{{ old('entry_date', $entry->entry_date->format('Y-m-d')) }}"
                            required
                        >
                        @error('entry_date')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <div class="col-md-4">
                        <label for="reference" class="form-label">Reference</label>
                        <input
                            type="text"
                            id="reference"
                            name="reference"
                            class="form-control bg-light"
                            value="{{ old('reference', $entry->reference) }}"
                            readonly
                        >
                        <div class="form-text">Reference cannot be changed after posting.</div>
                    </div>
                    <div class="col-md-4">
                        <label for="description" class="form-label">Description</label>
                        <input
                            type="text"
                            id="description"
                            name="description"
                            class="form-control @error('description') is-invalid @enderror"
                            value="{{ old('description', $entry->description) }}"
                            maxlength="255"
                            placeholder="Optional narrative for this entry"
                        >
                        @error('description')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                </div>

                <div class="chm-journal-balance-hero mb-4" id="balanceHero">
                    <div class="chm-journal-balance-icon is-unbalanced" id="balanceIcon">
                        <i class="bx bx-loader-alt bx-spin" id="balanceIconSymbol"></i>
                    </div>
                    <div class="flex-grow-1 min-w-0">
                        <div class="d-flex flex-wrap align-items-center gap-2 mb-1">
                            <h5 class="mb-0 fw-semibold" id="balanceTitle">Checking balance…</h5>
                            <span class="badge rounded-pill bg-secondary-subtle text-secondary border" id="balanceBadge">Pending</span>
                        </div>
                        <div class="text-muted small mb-2" id="balanceMeta">Enter debit and credit amounts below.</div>
                        <div class="chm-journal-scale" id="balanceScale">
                            <div class="chm-journal-scale-debit" id="scaleDebit" style="width: 50%"></div>
                            <div class="chm-journal-scale-credit" id="scaleCredit" style="width: 50%"></div>
                        </div>
                        <div class="d-flex flex-wrap gap-3 small mt-2">
                            <span><span class="chm-journal-legend chm-journal-legend--debit"></span> Debit <strong id="totalDebitLabel">0.00</strong></span>
                            <span><span class="chm-journal-legend chm-journal-legend--credit"></span> Credit <strong id="totalCreditLabel">0.00</strong></span>
                            <span class="text-muted" id="balanceDiffWrap" hidden>Difference: <strong class="text-danger" id="balanceDiff">0.00</strong></span>
                        </div>
                    </div>
                </div>

                @error('lines')
                    <div class="alert alert-danger py-2 mb-3">{{ $message }}</div>
                @enderror

                <div class="chm-widget-card mb-4">
                    <div class="card-header d-flex flex-wrap align-items-center justify-content-between gap-2">
                        <span><i class="bx bx-list-ul"></i> Line items</span>
                        <button type="button" id="addLineBtn" class="btn btn-sm btn-outline-primary">
                            <i class="bx bx-plus"></i> Add line
                        </button>
                    </div>
                    <div class="card-body p-0">
                        <div class="table-responsive">
                            <table class="table align-middle mb-0 chm-journal-lines-table" id="linesTable">
                                <thead>
                                    <tr>
                                        <th style="width: 3rem">#</th>
                                        <th>Account <span class="text-danger">*</span></th>
                                        <th class="text-end" style="width: 11rem">Debit</th>
                                        <th class="text-end" style="width: 11rem">Credit</th>
                                        <th>Memo</th>
                                        <th style="width: 3rem"></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($formLines as $i => $line)
                                        <tr class="chm-journal-line-row" data-index="{{ $i }}">
                                            <td class="text-muted line-number">{{ $i + 1 }}</td>
                                            <td>
                                                <select
                                                    name="lines[{{ $i }}][account_id]"
                                                    class="form-select account-select @error('lines.'.$i.'.account_id') is-invalid @enderror"
                                                    required
                                                >
                                                    <option value="">Select account</option>
                                                    @foreach($accounts as $account)
                                                        <option
                                                            value="{{ $account->id }}"
                                                            @selected(old("lines.$i.account_id", $line['account_id'] ?? '') == $account->id)
                                                        >
                                                            {{ $account->full_name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                                @error('lines.'.$i.'.account_id')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
                                            </td>
                                            <td>
                                                <input
                                                    type="text"
                                                    inputmode="decimal"
                                                    name="lines[{{ $i }}][debit]"
                                                    class="form-control text-end debit-field @error('lines.'.$i.'.debit') is-invalid @enderror"
                                                    value="{{ $formatAmount(old("lines.$i.debit", $line['debit'] ?? 0)) }}"
                                                    autocomplete="off"
                                                >
                                                @error('lines.'.$i.'.debit')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                            </td>
                                            <td>
                                                <input
                                                    type="text"
                                                    inputmode="decimal"
                                                    name="lines[{{ $i }}][credit]"
                                                    class="form-control text-end credit-field @error('lines.'.$i.'.credit') is-invalid @enderror"
                                                    value="{{ $formatAmount(old("lines.$i.credit", $line['credit'] ?? 0)) }}"
                                                    autocomplete="off"
                                                >
                                                @error('lines.'.$i.'.credit')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                            </td>
                                            <td>
                                                <input
                                                    type="text"
                                                    name="lines[{{ $i }}][memo]"
                                                    class="form-control @error('lines.'.$i.'.memo') is-invalid @enderror"
                                                    value="{{ old("lines.$i.memo", $line['memo'] ?? '') }}"
                                                    maxlength="255"
                                                    placeholder="Optional"
                                                >
                                                @error('lines.'.$i.'.memo')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                            </td>
                                            <td class="text-center">
                                                <button type="button" class="btn btn-sm btn-outline-danger remove-line-btn" title="Remove line">&times;</button>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                                <tfoot>
                                    <tr class="chm-journal-lines-total">
                                        <td colspan="2" class="text-end fw-semibold">Totals</td>
                                        <td class="text-end"><span class="chm-ledger-amount chm-ledger-amount--debit" id="footerDebit">0.00</span></td>
                                        <td class="text-end"><span class="chm-ledger-amount chm-ledger-amount--credit" id="footerCredit">0.00</span></td>
                                        <td colspan="2"></td>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div>
                    <div class="card-footer d-flex flex-wrap align-items-center justify-content-between gap-2">
                        <div class="small text-muted" id="lineCountHint"></div>
                        <button type="submit" class="btn btn-primary" id="submitBtn" disabled>
                            <i class="bx bx-save"></i> Update entry
                        </button>
                    </div>
                </div>
            </form>

        </x-chm.layout.page>
    </div>
</div>

<template id="line-template">
    <tr class="chm-journal-line-row" data-index="__INDEX__">
        <td class="text-muted line-number">__NUMBER__</td>
        <td>
            <select name="lines[__INDEX__][account_id]" class="form-select account-select" required>
                <option value="">Select account</option>
                @foreach($accounts as $account)
                    <option value="{{ $account->id }}">{{ $account->full_name }}</option>
                @endforeach
            </select>
        </td>
        <td>
            <input type="text" inputmode="decimal" name="lines[__INDEX__][debit]" class="form-control text-end debit-field" value="0.00" autocomplete="off">
        </td>
        <td>
            <input type="text" inputmode="decimal" name="lines[__INDEX__][credit]" class="form-control text-end credit-field" value="0.00" autocomplete="off">
        </td>
        <td>
            <input type="text" name="lines[__INDEX__][memo]" class="form-control" maxlength="255" placeholder="Optional">
        </td>
        <td class="text-center">
            <button type="button" class="btn btn-sm btn-outline-danger remove-line-btn" title="Remove line">&times;</button>
        </td>
    </tr>
</template>

<script>
$(function () {
    const selectOpts = {
        theme: 'bootstrap-5',
        placeholder: 'Select account',
        allowClear: true,
        width: '100%',
    };

    const $form = $('#journalEditForm');
    const $tbody = $('#linesTable tbody');
    let rowIndex = $tbody.children().length;

    function parseAmount(value) {
        const n = parseFloat(String(value || '').replace(/,/g, ''));
        return Number.isFinite(n) ? n : 0;
    }

    function formatAmount(value) {
        const n = Math.round(parseAmount(value) * 100) / 100;
        return n.toLocaleString(undefined, { minimumFractionDigits: 2, maximumFractionDigits: 2 });
    }

    function initSelect2($scope) {
        $scope.find('.account-select').each(function () {
            if (!$(this).hasClass('select2-hidden-accessible')) {
                $(this).select2(selectOpts);
            }
        });
    }

    function renumberRows() {
        $tbody.children('tr').each(function (i) {
            $(this).attr('data-index', i);
            $(this).find('.line-number').text(i + 1);
            $(this).find('[name^="lines["]').each(function () {
                const name = $(this).attr('name');
                if (name) {
                    $(this).attr('name', name.replace(/lines\[\d+\]/, `lines[${i}]`));
                }
            });
        });
        rowIndex = $tbody.children().length;
    }

    function bindRemoveButtons() {
        const $rows = $tbody.children('tr');
        $rows.find('.remove-line-btn')
            .prop('disabled', $rows.length <= 1)
            .off('click')
            .on('click', function () {
                const $row = $(this).closest('tr');
                $row.find('.account-select').select2('destroy');
                $row.remove();
                renumberRows();
                bindRemoveButtons();
                updateTotals();
            });
    }

    function setBalanceState(balanced, totalDebit, totalCredit, difference) {
        const $hero = $('#balanceHero');
        const $icon = $('#balanceIcon');
        const $symbol = $('#balanceIconSymbol');
        const $badge = $('#balanceBadge');
        const $submit = $('#submitBtn');

        $hero.toggleClass('is-unbalanced', !balanced);
        $icon.toggleClass('is-balanced', balanced).toggleClass('is-unbalanced', !balanced);
        $symbol.attr('class', balanced ? 'bx bx-check-circle' : 'bx bx-error-circle');

        if (balanced) {
            $('#balanceTitle').text('Entry is balanced');
            $badge.removeClass('bg-secondary-subtle text-secondary bg-danger-subtle text-danger')
                .addClass('bg-success-subtle text-success border')
                .text('Balanced');
            $('#balanceMeta').text('Debits and credits match — ready to save.');
            $('#balanceDiffWrap').prop('hidden', true);
        } else {
            $('#balanceTitle').text('Entry is out of balance');
            $badge.removeClass('bg-success-subtle text-success bg-secondary-subtle text-secondary')
                .addClass('bg-danger-subtle text-danger border')
                .text('Unbalanced');
            $('#balanceMeta').text('Adjust line amounts until debits equal credits.');
            $('#balanceDiff').text(formatAmount(difference));
            $('#balanceDiffWrap').prop('hidden', difference < 0.005);
        }

        const scaleTotal = Math.max(totalDebit, totalCredit, 1);
        $('#scaleDebit').css('width', ((totalDebit / scaleTotal) * 100).toFixed(1) + '%');
        $('#scaleCredit').css('width', ((totalCredit / scaleTotal) * 100).toFixed(1) + '%');

        $('#totalDebitLabel').text(formatAmount(totalDebit));
        $('#totalCreditLabel').text(formatAmount(totalCredit));
        $('#footerDebit').text(formatAmount(totalDebit));
        $('#footerCredit').text(formatAmount(totalCredit));

        const hasAmount = totalDebit > 0 || totalCredit > 0;
        $submit.prop('disabled', !balanced || !hasAmount);
    }

    function updateTotals() {
        let totalDebit = 0;
        let totalCredit = 0;
        let activeLines = 0;

        $tbody.find('tr').each(function () {
            const debit = parseAmount($(this).find('.debit-field').val());
            const credit = parseAmount($(this).find('.credit-field').val());
            totalDebit += debit;
            totalCredit += credit;
            if (debit > 0 || credit > 0 || $(this).find('.account-select').val()) {
                activeLines++;
            }
        });

        totalDebit = Math.round(totalDebit * 100) / 100;
        totalCredit = Math.round(totalCredit * 100) / 100;
        const difference = Math.abs(totalDebit - totalCredit);
        const balanced = difference < 0.005;

        setBalanceState(balanced, totalDebit, totalCredit, difference);
        $('#lineCountHint').text(`${activeLines} active line${activeLines === 1 ? '' : 's'}`);
    }

    function sanitizeAmountInput(input) {
        let cleaned = String(input.value).replace(/[^0-9.]/g, '');
        const parts = cleaned.split('.');
        if (parts.length > 2) {
            cleaned = parts.shift() + '.' + parts.join('');
        }
        if (parts[1]?.length > 2) {
            cleaned = parts[0] + '.' + parts[1].slice(0, 2);
        }
        input.value = cleaned;
    }

    $('#addLineBtn').on('click', function () {
        const number = rowIndex + 1;
        const html = $('#line-template').html()
            .replace(/__INDEX__/g, rowIndex)
            .replace(/__NUMBER__/g, number);
        const $row = $(html);
        $tbody.append($row);
        initSelect2($row);
        rowIndex++;
        bindRemoveButtons();
        updateTotals();
    });

    $tbody.on('input', '.debit-field', function () {
        sanitizeAmountInput(this);
        if (parseAmount(this.value) > 0) {
            $(this).closest('tr').find('.credit-field').val('0.00');
        }
        updateTotals();
    });

    $tbody.on('input', '.credit-field', function () {
        sanitizeAmountInput(this);
        if (parseAmount(this.value) > 0) {
            $(this).closest('tr').find('.debit-field').val('0.00');
        }
        updateTotals();
    });

    $tbody.on('blur', '.debit-field, .credit-field', function () {
        const $field = $(this);
        $field.val(formatAmount($field.val()));
        updateTotals();
    });

    $tbody.on('change', '.account-select', updateTotals);

    $form.on('submit', function (e) {
        $tbody.find('tr').each(function () {
            $(this).find('.debit-field, .credit-field').each(function () {
                this.value = formatAmount(this.value);
            });
        });

        $tbody.find('tr').each(function () {
            const $row = $(this);
            const accountId = $row.find('.account-select').val();
            const debit = parseAmount($row.find('.debit-field').val());
            const credit = parseAmount($row.find('.credit-field').val());
            const memo = ($row.find('[name$="[memo]"]').val() || '').trim();

            if (!accountId && debit === 0 && credit === 0 && memo === '') {
                $row.find('.account-select').select2('destroy');
                $row.remove();
            }
        });

        renumberRows();
        bindRemoveButtons();
        updateTotals();

        if ($('#submitBtn').prop('disabled')) {
            e.preventDefault();
            return false;
        }

        if ($tbody.children().length === 0) {
            e.preventDefault();
            alert('Add at least one journal line.');
            return false;
        }
    });

    initSelect2($tbody);
    bindRemoveButtons();
    $tbody.find('.debit-field, .credit-field').each(function () {
        $(this).val(formatAmount($(this).val()));
    });
    updateTotals();
>>>>>>> origin/main
});
</script>

@endsection