@extends('layouts.admin')
@section('title', 'Create Journal Entry')
@section('content')
<x-page-header title="Create Journal Entry"/>
<div class="hp-card"><div class="hp-card-body"><form method="POST" action="{{ route('admin.accounting.journals.store') }}" id="journalForm">@csrf
<div class="row g-3 mb-3">
<div class="col-md-4"><label class="form-label">Entry Date</label><input type="date" name="entry_date" class="form-control" value="{{ old('entry_date', now()->format('Y-m-d')) }}" required></div>
<div class="col-md-4"><label class="form-label">Reference</label><input name="reference" class="form-control" value="{{ old('reference') }}"></div>
<div class="col-12"><label class="form-label">Narration</label><textarea name="narration" class="form-control" rows="2">{{ old('narration') }}</textarea></div>
</div>
<h6 class="fw-bold mb-2">Lines (debits must equal credits)</h6>
<div id="journalLines">@php $oldLines = old('lines', [['account_id'=>'','debit'=>'','credit'=>'','memo'=>''],['account_id'=>'','debit'=>'','credit'=>'','memo'=>'']]); @endphp
@foreach($oldLines as $i => $line)<div class="row g-2 mb-2 journal-line">
<div class="col-md-4"><select name="lines[{{ $i }}][account_id]" class="form-select" required><option value="">Account</option>@foreach($accounts as $a)<option value="{{ $a->id }}" @selected(($line['account_id']??'')==$a->id)>{{ $a->code }} — {{ $a->name }}</option>@endforeach</select></div>
<div class="col-md-2"><input type="number" step="0.01" name="lines[{{ $i }}][debit]" class="form-control" placeholder="Debit" value="{{ $line['debit'] ?? '' }}" min="0"></div>
<div class="col-md-2"><input type="number" step="0.01" name="lines[{{ $i }}][credit]" class="form-control" placeholder="Credit" value="{{ $line['credit'] ?? '' }}" min="0"></div>
<div class="col-md-4"><input name="lines[{{ $i }}][memo]" class="form-control" placeholder="Memo" value="{{ $line['memo'] ?? '' }}"></div></div>@endforeach</div>
<button type="button" class="btn btn-sm btn-hp-outline mb-3" id="addJournalLine">+ Add Line</button>
<div class="d-flex gap-2"><a href="{{ route('admin.accounting.journals.index') }}" class="btn btn-hp-outline">Cancel</a><button class="btn btn-hp-primary">Post Entry</button></div>
</form></div></div>
@push('scripts')<script>
document.getElementById('addJournalLine')?.addEventListener('click', function() {
    const c = document.getElementById('journalLines'), i = c.querySelectorAll('.journal-line').length, t = c.querySelector('.journal-line').cloneNode(true);
    t.querySelectorAll('[name]').forEach(el => { el.name = el.name.replace(/\[\d+\]/, '[' + i + ']'); if (el.tagName === 'SELECT') el.selectedIndex = 0; else el.value = ''; });
    c.appendChild(t);
});
</script>@endpush
@endsection