@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])

@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => ''])
    <div class="card shadow-lg mx-4">
        <div class="card-body p-3">
            <div class="row gx-4">
                <div class="col-lg">
                    <div class="nav-wrapper">
                        {{-- Tombol kembali --}}
                        <button class="btn btn-secondary mb-0" onclick="history.back()">
                            <i class="fas fa-circle-left me-1"></i>Kembali
                        </button>

                        {{-- Tombol simpan --}}
                        @if ($authorize->edit == '1')
                            <button class="btn btn-primary mb-0" id="btn-save">
                                <i class="fas fa-floppy-disk me-1"></i>Simpan
                            </button>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container-fluid py-4">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <form role="form" method="POST" action="{{ URL::to($url_menu . '/' . $idencrypt) }}" id="{{ $dmenu }}-form">
                        @csrf
                        @method('PUT')

                        {{-- STATUS --}}
                        <div class="card-body">
                            <p class="text-uppercase text-sm">Edit {{ $title_menu }}</p>
                            <hr class="horizontal dark mt-0">
                            {{-- DETAIL --}}
                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <label class="form-label fw-bold">Transaction ID</label>
                                    <input type="text" class="form-control bg-light" value="{{ $data_tagihan->transaction_id }}" readonly>
                                </div>
								<div class="col-md-6 mb-3">
                                    <label class="form-label fw-bold">NIK</label>
                                    <input type="text" class="form-control bg-light" value="{{ $data_tagihan->nik ?? '-' }}" readonly>
                                </div>
                                <div class="col-md-6 mb-3">
                                    <label class="form-label fw-bold">Nama Karyawan</label>
                                    <input type="text" class="form-control bg-light" value="{{ $data_tagihan->nama_karyawan }}" readonly>
                                </div>
                                <div class="col-md-6 mb-3">
                                    <label class="form-label fw-bold">Departemen</label>
                                    <input type="text" class="form-control bg-light" value="{{ $data_tagihan->nama_departemen }}" readonly>
                                </div>
								<div class="col-md-6 mb-3">
                                    <label class="form-label fw-bold">Nama Pemilik Rekening</label>
                                    <input type="text" class="form-control bg-light" value="{{ $data_tagihan->nama_akun_bank ?? '-' }}" readonly>
                                </div>
                                <div class="col-md-6 mb-3">
                                    <label class="form-label fw-bold">Nomor Rekening</label>
                                    <input type="text" class="form-control bg-light" value="{{ $data_tagihan->no_rekening_bank }} ({{ $data_tagihan->bank_alias }})" readonly>
                                </div>
                                <div class="col-md-6 mb-3">
                                    <label class="form-label fw-bold">Nomor Kartu Halo</label>
                                    <input type="text" class="form-control bg-light" value="{{ $data_tagihan->phone_number }}" readonly>
                                </div>
                                
                                <div class="col-md-6 mb-3">
                                    <label class="form-label fw-bold">Kategori</label>
                                    @if($data_tagihan->input_bill_status == 'draft')
                                        <select name="category" id="category" class="form-select">
                                            <option value="1" {{ $data_tagihan->category == '1' ? 'selected' : '' }}>User</option>
                                            <option value="2" {{ $data_tagihan->category == '2' ? 'selected' : '' }}>Operasional</option>
                                        </select>
                                    @else
                                        <input type="text" class="form-control bg-light" value="{{ $data_tagihan->category == '1' ? 'User' : 'Operasional' }}" readonly>
                                    @endif
                                </div>
                                <div class="col-md-6 mb-3">
									<label class="form-label fw-bold">Abodemen (Rp.)</label>
									<input type="text" id="abodemen" name="abodemen" class="form-control" 
									value="{{ number_format($data_tagihan->abodemen, 0, ',', '.') }}" readonly>
								</div>

                                <div class="col-md-6 mb-3">
                                    <label class="form-label fw-bold">Lain-lain (Rp.)</label>
                                    <input type="text" id="other_bill" name="other_bill" class="form-control"
                                        value="{{ $data_tagihan->other_bill }}">
                                </div>
                                <div class="col-md-6 mb-3">
                                    <label class="form-label fw-bold">PPN 11% (Rp.)</label>
                                    <input type="text" id="tax" class="form-control bg-light" readonly>
                                </div>
                                <div class="col-md-6 mb-3">
                                    <label class="form-label fw-bold">Total Tagihan (Rp.)</label>
                                    <input type="text" id="total_bill" class="form-control bg-light fw-bold text-primary" readonly>
                                </div>
                                <div class="col-md-6 mb-3">
                                    <label class="form-label fw-bold">Periode Tagihan</label>
                                    <input type="text" class="form-control bg-light" value="{{ $data_tagihan->desc_date }}" readonly>
                                </div>
                            </div>
                        </div>

                        {{-- hidden untuk dikirim number murni --}}
                        <input type="hidden" name="tax">
                        <input type="hidden" name="total_bill">
                    </form>
                </div>
            </div>
        </div>
    </div>

  {{-- check flag js on dmenu --}}
    @if ($jsmenu == '1')
        @if (view()->exists("js.{$dmenu}"))
            @push('addjs')
                {{-- file js in folder (resources/views/js) --}}
                @include('js.' . $dmenu);
            @endpush
        @else
            @push('addjs')
                <script>
                    Swal.fire({
                        title: 'JS Not Found!!',
                        text: 'Please Create File JS',
                        icon: 'error',
                        confirmButtonColor: '#028284'
                    });
                </script>
            @endpush
        @endif
    @endif

    @push('js')
    <script>
        $(document).ready(function() {
			// ambil format rupiah
			const formatRupiah = num => '' + num.toLocaleString('id-ID');

			function hitung() {
				// ambil abodemen dari select
				// let abodemen = parseInt($('#abodemen').val() || 0);
				
				let abodemen = $('#abodemen').val().replace(/[^0-9]/g, '');
				let abodemenVal = parseInt(abodemen || 0);

				// ambil nilai other_bill (hanya angka)
				let other = $('#other_bill').val().replace(/[^0-9]/g, '');
				let otherVal = parseInt(other || 0);

				// hitung pajak & total
				// let tax = Math.round((abodemen + otherVal) * 0.11);
				// let total = abodemen + otherVal + tax;
				let tax = Math.round((abodemenVal + otherVal) * 0.11);
				let total = abodemenVal + otherVal + tax;


				// tampilkan hasil
				$('#other_bill').val(formatRupiah(otherVal));
				$('#tax').val(formatRupiah(tax));
				$('#total_bill').val(formatRupiah(total));

				// hidden input untuk kirim ke server
				$('input[name="tax"]').val(tax);
				$('input[name="total_bill"]').val(total);
			}

			// awal load
			hitung();

			// setiap ganti abodemen
			$('#abodemen').on('change', hitung);

			// setiap edit other_bill
			$('#other_bill').on('input', hitung);

			// simpan nilai awal abodemen dari database
			const abodemenAwal = parseInt($('#abodemen').data('default'));
			// const abodemenAwal = parseInt(($('#abodemen').data('default') + '').replace(/[^0-9]/g, ''));


			$('#btn-save').click(function(e) {
				e.preventDefault();
				
				// Konfirmasi Update
				Swal.fire({
					title: 'Konfirmasi Update',
					text: 'Apakah Anda yakin ingin menyimpan perubahan tagihan?',
					icon: 'question',
					showCancelButton: true,
					confirmButtonText: 'Ya, Simpan',
					cancelButtonText: 'Batal',
					reverseButtons: true,
					confirmButtonColor: '#3085d6',
					cancelButtonColor: '#d33'
				}).then((result) => {
					if (result.isConfirmed) {
						// cek apakah abodemen berubah
						// let abodemenSekarang = parseInt($('#abodemen').val() || 0);

						// if (abodemenSekarang !== abodemenAwal) {
							// tanya lagi apakah update juga di master
						//	Swal.fire({
						//		title: 'Update Abodemen Master?',
						//		text: 'Anda mengubah nilai abodemen. Apakah juga ingin memperbarui nilai di Master Kartu Halo?',
						//		icon: 'warning',
						//		showCancelButton: true,
						//		confirmButtonText: 'Ya, Update Master',
						//		cancelButtonText: 'Tidak, Hanya Tagihan',
						//		reverseButtons: true,
						//		confirmButtonColor: '#3085d6',
						//		cancelButtonColor: '#d33'
						//	}).then((res2) => {
						//		if (res2.isConfirmed) {
						//			// tambahkan hidden input untuk flag update master
						//			$('<input>').attr({
						//				type: 'hidden',
						//				name: 'update_master',
						//				value: '1'
						//			}).appendTo('#{{ $dmenu }}-form');
						//		}

								// ubah other_bill ke number sebelum submit
						//		let other = $('#other_bill').val().replace(/[^0-9]/g, '');
						//		$('#other_bill').val(other);

						//		$('#{{ $dmenu }}-form').submit();
						//	});
						// } else {
							// kalau abodemen tidak berubah langsung submit
							let other = $('#other_bill').val().replace(/[^0-9]/g, '');
							$('#other_bill').val(other);
							
							let abodemen = $('#abodemen').val().replace(/[^0-9]/g, '');
							$('#abodemen').val(abodemen);

							$('#{{ $dmenu }}-form').submit();
						// }
					}
				});
			});
		});
    </script>
    @endpush
@endsection