{{-- resources/views/yayasan/master/akun/create.blade.php --}}

@extends('layouts.app')

@section('title', 'Tambah Akun Baru')

@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">
                <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 page-title">Tambah Akun Baru</h3>
                            <div class="nk-block-des text-soft">
                                <p>Formulir untuk menambahkan akun baru dalam Chart of Accounts (COA).</p>
                            </div>
                        </div>
                        <div class="nk-block-head-content">
                            <a href="{{ route('yayasan.master.akun.index') }}" class="btn btn-outline-light bg-white d-sm-inline-flex">
                                <em class="icon ni ni-arrow-left"></em>
                                <span>Kembali ke Daftar Akun</span>
                            </a>
                            <a href="{{ route('yayasan.master.akun.index') }}" class="btn btn-icon btn-outline-light bg-white d-inline-flex d-sm-none">
                                <em class="icon ni ni-arrow-left"></em>
                            </a>
                        </div>
                    </div>
                </div>

                <div class="nk-block">
                    <div class="card card-bordered">
                        <div class="card-inner">
                            {{-- Form untuk Menambah Akun --}}
                            <form action="{{ route('yayasan.master.akun.store') }}" method="POST">
                                @csrf

                                <div class="row g-gs">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="form-label" for="nama_akun">Nama Akun <span class="text-danger">*</span></label>
                                            <div class="form-control-wrap">
                                                <input type="text" class="form-control @error('nama_akun') is-invalid @enderror" id="nama_akun" name="nama_akun" value="{{ old('nama_akun') }}" required placeholder="Contoh: Kas Umum">
                                            </div>
                                            @error('nama_akun')
                                            <span class="invalid-feedback d-block" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror
                                        </div>
                                    </div>
                                    <!-- count units  -->
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="form-label" for="unit_id">Unit Yayasan <span class="text-danger">*</span></label> {{-- Field Unit --}}
                                            <div class="form-control-wrap">
                                                <select class="form-control @error('unit_id') is-invalid @enderror" id="unit_id" name="unit_id" required>
                                                    <option value="" {{ old('unit_id') == '' ? 'selected' : '' }}>-- Pilih Unit --</option>
                                                    @foreach ($units as $unit)
                                                    @if(Auth::user()->role_id == '1')
                                                    <option value="{{ $unit->id }}" 
                                                        {{ old('unit_id') == $unit->id ? 'selected' : '' }}>
                                                        {{ $unit->nama_unit }}
                                                    </option>
                                                    @else
                                                    <option value="{{ $unit->id }}" 
                                                        {{ old('unit_id') == $unit->id ? 'selected' : '' }} 
                                                        {{ Auth::user()->unit_id && Auth::user()->unit_id != $unit->id ? 'disabled' : '' }}>
                                                        {{ $unit->nama_unit }}
                                                    </option>
                                                    @endif
                                                    @endforeach
                                                </select>

                                                {{-- Jika select disabled, tambahkan input hidden agar nilai unit_id tetap terkirim --}}
                                                @if(Auth::user()->unit_id)
                                                <input type="hidden" name="unit_id" value="{{ Auth::user()->unit_id }}">
                                                @endif
                                            </div>
                                            @error('unit_id')
                                            <span class="invalid-feedback d-block" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="form-label" for="tipe_akun">Tipe Akun <span class="text-danger">*</span></label>
                                            <div class="form-control-wrap">
                                               {{-- Dropdown untuk Tipe Akun --}}
                                               <select class="form-control @error('tipe_akun') is-invalid @enderror" id="tipe_akun" name="tipe_akun" required>
                                                <option value="">-- Pilih Tipe Akun --</option>
                                                <option value="Aset" {{ old('tipe_akun') == 'Aset' ? 'selected' : '' }}>Aset</option>
                                                <option value="Liabilitas" {{ old('tipe_akun') == 'Liabilitas' ? 'selected' : '' }}>Liabilitas</option>
                                                <option value="Ekuitas" {{ old('tipe_akun') == 'Ekuitas' ? 'selected' : '' }}>Ekuitas</option>
                                                <option value="Pendapatan" {{ old('tipe_akun') == 'Pendapatan' ? 'selected' : '' }}>Pendapatan</option>
                                                <option value="Beban" {{ old('tipe_akun') == 'Beban' ? 'selected' : '' }}>Beban</option>
                                                {{-- Tambahkan tipe akun lain jika diperlukan --}}
                                            </select>
                                        </div>
                                        @error('tipe_akun')
                                        <span class="invalid-feedback d-block" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="form-label" for="saldo_normal">Saldo Normal <span class="text-danger">*</span></label>
                                        <div class="form-control-wrap">
                                           <select class="form-control @error('saldo_normal') is-invalid @enderror" id="saldo_normal" name="saldo_normal" required>
                                            <option value="">-- Pilih Saldo Normal --</option>
                                            <option value="Debit" {{ old('saldo_normal') == 'Debit' ? 'selected' : '' }}>Debit</option>
                                            <option value="Kredit" {{ old('saldo_normal') == 'Kredit' ? 'selected' : '' }}>Kredit</option>
                                        </select>
                                    </div>
                                    @error('saldo_normal')
                                    <span class="invalid-feedback d-block" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>
                            </div>  
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label class="form-label" for="parent_id">Akun Induk</label> {{-- Field Akun Induk --}}
                                    <div class="form-control-wrap">
                                       <select class="form-control @error('parent_id') is-invalid @enderror" id="parent_id" name="parent_id">
                                        <option value="">-- Tidak Ada Induk --</option> 
                                        @foreach ($indukAkun as $item)
                                        <option value="{{ $item->id }}" 
                                            data-level="{{ $item->level }}" 
                                            data-tipe="{{ $item->tipe_akun }}"
                                            {{ old('parent_id') == $item->id ? 'selected' : '' }}>
                                            {{ $item->kode_akun }} - {{ $item->nama_akun }} (Level {{ $item->level }})
                                        </option>
                                        @endforeach

                                    </select>
                                </div>
                                @error('parent_id')
                                <span class="invalid-feedback d-block" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group">
                                <label class="form-label" for="deskripsi">Deskripsi</label>
                                <div class="form-control-wrap">
                                    <textarea class="form-control @error('deskripsi') is-invalid @enderror" id="deskripsi" name="deskripsi" placeholder="Tulis deskripsi akun (opsional)">{{ old('deskripsi') }}</textarea>
                                </div>
                                @error('deskripsi')
                                <span class="invalid-feedback d-block" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                        </div>
                        <hr>
                        <div class="col-12">
                            <div class="form-group float-end">
                                <button type="submit" class="btn btn-lg btn-primary">
                                    <em class="icon ni ni-save"></em> 
                                    <span>Simpan</span>
                                </button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
</div>
</div>
</div>
@endsection

{{-- @push('styles')
{{-- CSS spesifik halaman jika ada --}}
{{-- @endpush --}}

@push('scripts')
<!-- select2  -->
<script src="{{ asset('dashlite/assets/js/libs/select2.full.min.js') }}"></script>
<script>

    document.getElementById('tipe_akun').addEventListener('change', function() {
        let tipe = this.value;
        let parentSelect = document.getElementById('parent_id');
        Array.from(parentSelect.options).forEach(option => {
        if(option.value === "") return; // selalu tampilkan opsi kosong
        option.style.display = option.getAttribute('data-tipe') === tipe ? '' : 'none';
    });
    parentSelect.value = ""; // reset pilihan saat tipe_akun berubah
});



    $(document).ready(function() {
            // Inisialisasi Select2 untuk dropdown
            $('#parent_id, #level, #tipe_akun, #saldo_normal, #unit_id').select2({
                placeholder: "-- Pilih --",
                allowClear: true,
                width: '100%' // Atur lebar dropdown
            });
        });
    document.addEventListener('DOMContentLoaded', function() {
        const indukAkunSelect = document.getElementById('parent_id');
        const levelSelect = document.getElementById('level');

        const tipeAkunSelect = document.getElementById('tipe_akun');
        const saldoNormalSelect = document.getElementById('saldo_normal');

        Array.from(indukAkunSelect.options).forEach(option => {
            if (option.value) option.style.display = 'none';
        });

        tipeAkunSelect.addEventListener('change', function() {
            const selectedTipe = this.value;

            Array.from(indukAkunSelect.options).forEach(option => {
                if (!option.value) return;
                option.style.display = option.dataset.tipe === selectedTipe ? 'block' : 'none';
            });

            indukAkunSelect.value = "";
        });

            // Mapping Tipe Akun ke Saldo Normal
            const saldoNormalMapping = {
                'Aset': 'Debit',
                'Beban': 'Debit',
                'Liabilitas': 'Kredit',
                'Ekuitas': 'Kredit',
                'Pendapatan': 'Kredit'
                // Tambahkan mapping lain jika ada tipe akun tambahan
            };

            // Fungsi untuk memperbarui opsi Level berdasarkan Akun Induk yang dipilih
            function updateLevelOptions() {
                const selectedOption = indukAkunSelect.options[indukAkunSelect.selectedIndex];
                const indukLevel = selectedOption.dataset.level ? parseInt(selectedOption.dataset.level) : 0; // Level induk, 0 jika tidak ada induk

                // Hitung level minimum yang diizinkan
                const minLevel = indukLevel + 1;

                // Kosongkan opsi Level saat ini (kecuali placeholder)
                levelSelect.innerHTML = '<option value="">-- Pilih Level --</option>';

                // Isi opsi Level mulai dari level minimum
                // Kita bisa batasi sampai level tertentu, misal Level 5
                for (let i = minLevel; i <= minLevel + 4; i++) { // Contoh: tampilkan 5 level di bawah induk
                     // Jika tidak ada induk, hanya tampilkan Level 1
                     if (indukLevel === 0 && i > 1) break;

                     const option = document.createElement('option');
                     option.value = i;
                     option.textContent = 'Level ' + i;
                    // Jika ada nilai level lama (dari old input), pilih opsi tersebut
                    if ("{{ old('level') }}" && parseInt("{{ old('level') }}") === i) {
                       option.selected = true;
                   }
                   levelSelect.appendChild(option);
               }

                 // Jika tidak ada induk, set Level ke 1
                 if (indukLevel === 0) {
                    levelSelect.value = 1;
                    // Hapus disabled
                    levelSelect.disabled = false; // <-- Hapus disabled
                } else {
                    // Hapus disabled
                    levelSelect.disabled = false; // <-- Hapus disabled
                }
            }

            // Fungsi untuk mengatur Saldo Normal berdasarkan Tipe Akun
            function updateSaldoNormal() {
                const selectedTipe = tipeAkunSelect.value;
                const normalBalance = saldoNormalMapping[selectedTipe] || ''; // Ambil saldo normal dari mapping, default '' jika tidak ditemukan

                saldoNormalSelect.value = normalBalance; // Set nilai dropdown saldo normal

                // Hapus disabled
                saldoNormalSelect.disabled = false; // <-- Hapus disabled
            }


            // Panggil fungsi saat halaman dimuat dan saat pilihan Akun Induk/Tipe Akun berubah
            updateLevelOptions(); // Panggil saat awal untuk Level
            updateSaldoNormal(); // Panggil saat awal untuk Saldo Normal (berdasarkan old('tipe_akun'))

            indukAkunSelect.addEventListener('change', updateLevelOptions); // Listener untuk Akun Induk
            tipeAkunSelect.addEventListener('change', updateSaldoNormal); // Listener untuk Tipe Akun
        });
    </script>
    @endpush