@extends('layouts.app')
@section('title', $transaction ? 'Edit Transaksi' : 'Tambah Transaksi')
@section('content')
<div class="page-heading"><div><span class="eyebrow">TRANSAKSI HARIAN</span><h1>{{ $transaction ? 'Edit transaksi' : 'Tambah transaksi' }}</h1><p class="muted">{{ $transaction ? 'Memperbarui baris '.$transaction['row'].' tanpa menggeser baris lain.' : 'Mengisi slot kosong pertama, termasuk baris template yang baru memiliki tanggal.' }}</p></div><a class="btn" href="{{ route('transactions.index') }}">← Kembali</a></div>
@include('partials.warnings')
<div class="form-layout">
<div class="panel form-panel">
    <form method="post" action="{{ $transaction ? route('transactions.update',$transaction['row']) : route('transactions.store') }}" data-submit-once>
        @csrf
        @if($transaction) @method('PUT')<input type="hidden" name="version" value="{{ old('version',$transaction['version']) }}">@endif
        <div class="form-grid">
            <label>Tanggal<input type="date" name="date" value="{{ old('date',$transaction['date'] ?? now()->format('Y-m-d')) }}" min="1900-01-01" max="2100-12-31" required></label>
            <label>Nama<select name="name" required>@foreach(config('sheets.names') as $n)<option value="{{ $n }}" @selected(old('name',$transaction['name'] ?? 'Iqbal') === $n)>{{ $n }}</option>@endforeach</select></label>
            <label>Kategori<select id="category" name="category" required><option value="">Pilih kategori</option>@foreach($snapshot['parameters'] as $p)
            <option value="{{ $p['category'] }}" data-type="{{ $p['type'] }}" data-description="{{ $p['description'] }}" data-unit="{{ \App\Services\LedgerMath::key($p['category']) === 'investasi' ? 'gr' : 'Rp' }}" @selected(old('category',$transaction['category'] ?? '') === $p['category'])>{{ $p['category'] }}</option>@endforeach</select></label>
            <label>Jenis (otomatis)<input id="type-display" readonly value="{{ $transaction['type'] ?? '' }}" tabindex="-1"></label>
            <label><span id="amount-label">Nilai (Rp / gr)</span><input id="amount" type="number" name="amount" min="0.00000001" max="999999999999" step="0.00000001" value="{{ old('amount',$transaction['amount'] ?? '') }}" placeholder="Contoh: 30000 atau 0.25" required><small class="muted">Angka saja. Desimal menggunakan titik; tanpa pemisah ribuan.</small></label>
            <label>Metode<select name="method" required>@foreach(config('sheets.methods') as $m)<option value="{{ $m }}" @selected(old('method',$transaction['method'] ?? 'Transfer') === $m)>{{ $m }}</option>@endforeach</select></label>
            <label class="span-two">Keterangan<textarea name="description" rows="3" maxlength="1000" placeholder="Opsional">{{ old('description',$transaction['description'] ?? '') }}</textarea></label>
        </div>
        <div class="form-bottom"><button class="btn primary" type="submit" @disabled(config('sheets.demo'))>{{ $transaction ? 'Simpan perubahan' : 'Simpan ke Google Sheets' }}</button><a class="btn" href="{{ route('transactions.index') }}">Batal</a></div>
    </form>
</div>
<aside class="panel guidance">
    <h2>Aturan pencatatan</h2>
    <p id="category-help" class="muted">Pilih kategori untuk melihat keterangannya.</p>
    <hr><p><strong>Investasi = gram</strong><br>Masukkan berat langsung, misalnya <strong>0.25</strong> untuk 0,25 gr. Jangan memasukkan biaya pembelian emas di kolom yang sama.</p>
    <p><strong>Kategori lainnya = Rupiah</strong><br>Masukkan 30000 untuk Rp 30.000.</p>
    <p class="small muted">Jenis berasal dari Parameter. Aplikasi mempertahankan rumus VLOOKUP di kolom D. Mengubah spreadsheet di tab lain saat formulir terbuka bisa membuat penyimpanan ditolak sampai halaman dimuat ulang.</p>
</aside>
</div>
@endsection