@php
    $isEdit = isset($entry);
    $lines = old('account_id') ? null : ($entry->lines ?? collect());
@endphp

<div class="row">
    <div class="col-md-3">
        <label class="form-label">{{ __('reports.fields.date') }}</label>
        <input type="date" name="entry_date" class="form-control" value="{{ old('entry_date', $entry->entry_date ?? date('Y-m-d')) }}" required>
    </div>
    <div class="col-md-9">
        <label class="form-label">{{ __('reports.gl_manage.columns.description') }}</label>
        <input type="text" name="description" class="form-control" value="{{ old('description', $entry->description ?? '') }}" placeholder="{{ __('reports.gl_manage.placeholders.description') }}">
    </div>
</div>

<div class="mt-3">
    <div class="d-flex justify-content-between align-items-center">
        <h5 class="mb-2">{{ __('reports.gl_manage.journal.lines') }}</h5>
        <button type="button" class="btn btn-sm btn-outline-primary" id="addLineBtn">
            <i class="bi bi-plus"></i> {{ __('reports.gl_manage.actions.add_line') }}
        </button>
    </div>

    @if($errors->has('lines'))
        <div class="alert alert-danger">{{ $errors->first('lines') }}</div>
    @endif

    <div class="table-responsive">
        <table class="table table-bordered" id="linesTable">
            <thead>
                <tr>
                    <th style="min-width: 280px">{{ __('reports.columns.account') }}</th>
                    <th style="min-width: 220px">{{ __('reports.gl_manage.columns.memo') }}</th>
                    <th style="width: 140px">{{ __('reports.columns.debit') }}</th>
                    <th style="width: 140px">{{ __('reports.columns.credit') }}</th>
                    <th style="width: 70px"></th>
                </tr>
            </thead>
            <tbody>
                @php
                    $rowsCount = 0;
                @endphp

                @if(old('account_id'))
                    @foreach(old('account_id') as $i => $accId)
                        @php $rowsCount++; @endphp
                        @include('admin.gl.journal._line_row', [
                            'i' => $i,
                            'accounts' => $accounts,
                            'accountId' => $accId,
                            'memo' => old('memo.' . $i),
                            'debit' => old('debit.' . $i),
                            'credit' => old('credit.' . $i),
                        ])
                    @endforeach
                @else
                    @foreach(($entry->lines ?? collect()) as $i => $line)
                        @php $rowsCount++; @endphp
                        @include('admin.gl.journal._line_row', [
                            'i' => $i,
                            'accounts' => $accounts,
                            'accountId' => $line->account_id,
                            'memo' => $line->description,
                            'debit' => $line->debit,
                            'credit' => $line->credit,
                        ])
                    @endforeach
                @endif

                @for($i = $rowsCount; $i < max(2, $rowsCount); $i++)
                    @include('admin.gl.journal._line_row', [
                        'i' => $i,
                        'accounts' => $accounts,
                        'accountId' => null,
                        'memo' => null,
                        'debit' => null,
                        'credit' => null,
                    ])
                @endfor
            </tbody>
            <tfoot>
                <tr>
                    <th colspan="2" class="text-end">{{ __('reports.labels.totals') }}</th>
                    <th><span id="totalDebit">0.00</span></th>
                    <th><span id="totalCredit">0.00</span></th>
                    <th></th>
                </tr>
            </tfoot>
        </table>
    </div>

    @if(!$isEdit)
        <div class="form-check mt-2">
            <input class="form-check-input" type="checkbox" name="post_now" id="post_now" value="1" @checked(old('post_now'))>
            <label class="form-check-label" for="post_now">
                {{ __('reports.gl_manage.actions.post_now') }}
            </label>
        </div>
    @endif
</div>

<script>
    (function() {
        function recalcTotals() {
            let td = 0, tc = 0;
            document.querySelectorAll('input[name="debit[]"]').forEach(i => td += parseFloat(i.value || 0));
            document.querySelectorAll('input[name="credit[]"]').forEach(i => tc += parseFloat(i.value || 0));
            document.getElementById('totalDebit').textContent = td.toFixed(2);
            document.getElementById('totalCredit').textContent = tc.toFixed(2);
        }

        function addRow() {
            const tbody = document.querySelector('#linesTable tbody');
            const idx = tbody.querySelectorAll('tr').length;
            const template = document.getElementById('lineRowTemplate');
            const clone = template.content.cloneNode(true);
            clone.querySelectorAll('[data-name]').forEach(el => {
                el.setAttribute('name', el.getAttribute('data-name'));
                el.removeAttribute('data-name');
            });
            // fix array names are already [] so ok
            tbody.appendChild(clone);
            recalcTotals();
        }

        document.addEventListener('input', function(e) {
            if (e.target && (e.target.name === 'debit[]' || e.target.name === 'credit[]')) {
                recalcTotals();
            }
        });

        document.addEventListener('click', function(e) {
            const btn = e.target.closest('.removeLineBtn');
            if (btn) {
                const tr = btn.closest('tr');
                tr.parentNode.removeChild(tr);
                recalcTotals();
            }
        });

        document.getElementById('addLineBtn')?.addEventListener('click', addRow);
        recalcTotals();
    })();
</script>

<template id="lineRowTemplate">
    @include('admin.gl.journal._line_row', [
        'i' => 999999,
        'accounts' => $accounts,
        'accountId' => null,
        'memo' => null,
        'debit' => null,
        'credit' => null,
        'template' => true,
    ])
</template>