{{-- resources/views/yayasan/transaksi/jurnal-umum/create.blade.php --}}

@extends('layouts.app')
@section('title', 'Add Jurnal Umum')

@section('content')
<div class="nk-content nk-content-fluid">
    <div class="container-xl wide-xl">
        <div class="nk-content-inner">
            <div class="nk-content-body">

                {{-- Header --}}
                <div class="nk-block-head nk-block-head-sm">
                    <div class="nk-block-between">
                        <div class="nk-block-head-content">
                            <h3 class="nk-block-title">Add Jurnal Umum</h3>
                            <p class="text-soft">Formulir untuk menambah transaksi jurnal umum.</p>
                        </div>
                        <div class="nk-block-head-content">
                            <a href="{{ route('yayasan.transaksi.jurnal-umum.index') }}" class="btn btn-outline-light bg-white">
                                <em class="icon ni ni-arrow-left"></em> Kembali
                            </a>
                        </div>
                    </div>
                </div>

                {{-- Form --}}
                <div class="nk-block">
                    <div class="card card-bordered">
                        <div class="card-inner">
                            <form action="{{ route('yayasan.transaksi.jurnal-umum.store') }}" method="POST">
                                @csrf

                                {{-- Header --}}
                                <div class="row g-gs">
                                    <div class="col-md-4">
                                        <label>Tanggal <span class="text-danger">*</span></label>
                                        <input type="date" name="tanggal" class="form-control" required>
                                    </div>

                                    <div class="col-md-4">
                                        <label>No Referensi</label>
                                        <input type="text" name="no_referensi" class="form-control" readonly>
                                    </div>

                                    <div class="col-md-4">
                                        <label>Unit</label>
                                        <select name="unit_id" class="form-control select2">
                                            <option value="">-- Pilih Unit --</option>
                                            @foreach ($units as $unit)
                                                <option value="{{ $unit->id }}">{{ $unit->nama_unit }}</option>
                                            @endforeach
                                        </select>
                                    </div>

                                    <div class="col-md-12">
                                        <label>Deskripsi <span class="text-danger">*</span></label>
                                        <textarea name="deskripsi" class="form-control" required>{{ old('deskripsi') }}</textarea>
                                    </div>
                                </div>

                                <hr>

                                {{-- Detail --}}
                                <h5 class="mb-3">Detail Transaksi</h5>
                                <div id="detail-container">
                                    @include('yayasan.transaksi.jurnal-umum._detail_row', [
                                        'index' => 0,
                                        'detail' => null,
                                        'akuns' => $akuns,
                                        'units' => $units,
                                        'programKegiatans' => $programKegiatans,
                                        'jenisPendanaans' => $jenisPendanaans,
                                        'is_edit' => false,
                                    ])
                                </div>

                                <button type="button" id="add-detail-row" class="btn btn-outline-primary mt-2 float-end">
                                    <em class="icon ni ni-plus"></em> Tambah Baris
                                </button>

                                <div class="clearfix"></div>
                                <hr>

                                {{-- Total --}}
                                <div class="row g-gs">
                                    <div class="col-md-6"></div>
                                    <div class="col-md-3">
                                        <label>Total Debit</label>
                                        <input id="total_debit" class="form-control" readonly>
                                    </div>
                                    <div class="col-md-3">
                                        <label>Total Kredit</label>
                                        <input id="total_kredit" class="form-control" readonly>
                                    </div>
                                </div>

                                <hr>

                                <button type="submit" class="btn btn-primary float-end">
                                    <em class="icon ni ni-telegram"></em> Simpan Jurnal
                                </button>
                                <div class="clearfix"></div>

                            </form>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
@endsection


@push('scripts')
<script>
let indexRow = $('#detail-container .detail-row').length;

// Format ke IDR (ribuan)
function formatIDR(n) {
    return parseFloat(n).toLocaleString('id-ID', {
        minimumFractionDigits: 2,
        maximumFractionDigits: 2
    });
}

// Hitung total
function hitungTotal() {
    let debit = 0, kredit = 0;

    $('.input-debit').each(function () {
        debit += parseFloat($(this).val().replace(/\./g,'').replace(',','.')) || 0;
    });

    $('.input-kredit').each(function () {
        kredit += parseFloat($(this).val().replace(/\./g,'').replace(',','.')) || 0;
    });

    $('#total_debit').val(formatIDR(debit));
    $('#total_kredit').val(formatIDR(kredit));
}

// Tambah baris
$('#add-detail-row').click(function () {
    let html = `@include('yayasan.transaksi.jurnal-umum._detail_row', [
        'index' => 'ROW_INDEX',
        'detail' => null,
        'akuns' => $akuns,
        'units' => $units,
        'programKegiatans' => $programKegiatans,
        'jenisPendanaans' => $jenisPendanaans,
        'is_edit' => true,
    ])`;

    html = html.replace(/ROW_INDEX/g, indexRow);
    $('#detail-container').append(html);
    indexRow++;

    $('.select2').select2();
});

// Realtime update
$(document).on('input blur', '.input-debit, .input-kredit', function () {
    let v = $(this).val().replace(/[^0-9,\.]/g, '');
    $(this).val(v);
    hitungTotal();
});

// Hapus baris
$(document).on('click', '.remove-detail-row', function () {
    $(this).closest('.detail-row').remove();
    hitungTotal();
});

// Select2
$('.select2').select2();

// Hitung awal
hitungTotal();
</script>
@endpush