@extends('layouts.layout')
@section('body_class', 'nav-md')
@section('css')
	<style>
		.control-label {
			font-weight: bold !important;
			font-size: 13px;
		}
	</style>
@endsection()
@section('body_content')
<div class="container body">
    <div class="main_container">
        @include('includes.sidebar')
        <div class="right_col" role="main">
            <div class="page-title">
                <div class="title_left">
                    <h3><i class="fa fa-file-text"></i> Kurs Form</h3>
                </div>
                <div class="clearfix"></div>
            </div>
            
            <div class="row">
                <div class="col-xs-12">
                    <ol class="breadcrumb">
                        <li><a href="{{ url('/dashboard') }}">Home</a></li>
                        <li><a href="{{ url('/kurs') }}">Kurs</a></li>
                        <li class="active">New</li>
                    </ol>
                </div>
				
                <form id="form_harga">
                    <div class="col-xs-12">
                        <div class="alert alert-info" style="display: none;"><center><b>UPDATE RATE</b></center></div>
                        <div class="x_panel" style="padding: 0 !important; margin-top: 10px;">
                            <div class="x_content">
                                <div class="col-xs-12 col-md-3">
                                    <div style="border: 2px solid #888; padding: 15px; padding-top: 0;">
										<h4 style="padding-bottom: 7px; border-bottom: 1px solid #000;">
											<div class="row">
												<div class="col-sm-12 col-md-7">
													XAUUSD
													<small></small>
												</div>
												<div class="col-sm-12 col-md-5 text-left" style="border: 0px solid #f00;">
													<small style="font-size: 10px;">
														<i class="fa fa-refresh"></i> <span id="last_updated_1">{{ date('Y-m-d H:i') }}</span>
													</small>
												</div>
											</div>
										</h4>
										<div class="text-center" style="padding: 5px;">
											<h1 id="xau_usd" class="loading">{{ $data['xau_data'] }}</h1>
											<label style="font-size: 19px;">USD/oz</label>
										</div>
                                    </div>
                                </div>
                                <div class="col-xs-12 col-md-3">
                                    <div style="border: 2px solid #888; padding: 15px; padding-top: 0;">
										<h4 style="padding-bottom: 7px; border-bottom: 1px solid #000;">
											<div class="row">
												<div class="col-xs-12 col-sm-12">
													XAUUSDG
													<small>31.1034768</small>
												</div>
											</div>
										</h4>
										<div class="text-center" style="padding: 5px;">
											<h1 id="xau_usdg" class="loading">{{ $data['xau_usdg'] }}</h1>
											<label style="font-size: 19px;">USD/Gr</label>
										</div>
                                    </div>
                                </div>
                                <div class="col-xs-12 col-md-3">
                                    <div style="border: 2px solid #888; padding: 15px; padding-top: 0;">
										<h4 style="padding-bottom: 7px; border-bottom: 1px solid #000;">
											<div class="row">
												<div class="col-sm-12 col-md-7">
													USD <i class="fa fa-arrow-right"></i> IDR
													<small>(E-Rate)</small>
												</div>
												<div class="col-sm-12 col-md-5 text-left" style="border: 0px solid #f00;">
													<small style="font-size: 10px;">
														<i class="fa fa-refresh"></i> <span id="last_updated_2">{{ date('Y-m-d H:i') }}</span>
													</small>
												</div>
											</div>
										</h4>
										<div class="text-center" style="padding: 5px;">
											<div class="row">
												<div class="col-xs-12 col-sm-12 col-md-12" style="border-right: 0px solid #000;">
													<h1 id="usd_rate" class="loading">{{ $data['usd'] }}</h1>
													<label style="font-size: 19px;">Kurs US GLOBAL</label>
												</div>
											</div>
										</div>
                                    </div>
                                </div>
                                <div class="col-xs-12 col-md-3">
                                    <div style="border: 2px solid #888; padding: 15px; padding-top: 0;">
										<h4 style="padding-bottom: 7px; border-bottom: 1px solid #000;">
											<div class="row">
												<div class="col-xs-12 col-sm-12">
													XAUIDRG
													<small>(XAUUSDG x USD <i class="fa fa-arrow-right"></i> IDR)</small>
												</div>
											</div>
										</h4>
										<div class="text-center" style="padding: 5px;">
											<h1 id="xau_idrg" class="loading">{{ $data['xau_idrg'] }}</h1>
											<label style="font-size: 19px;">IDR/Gr</label>
										</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="x_panel" style="padding: 0 !important; margin-top: 10px;">
							<div class="col-xs-12 col-md-6">
								<div class="x_content" style="border: 2px solid #888; padding: 15px; padding-top: 0;">
									<div style="border: 0px solid #888; padding: 0px; padding-top: 0;">
										<h4 style="padding-bottom: 7px; border-bottom: 1px solid #000;">
											{{-- <div class="row">
												<div class="col-sm-12 col-md-6" style="font-size: 20px;">
													PERUBAHAN KURS
												</div>
												<div class="col-sm-12 col-md-6" style="font-size: 20px; display: ;">
													<small>(*) Spread Active : Rp. {{ number_format($spread_active) }}</small>
												</div>
												<div class="col-sm-12 col-md-6" style="font-size: 20px; display: ;">
													<small>(*) Net Change : <span id="netChange"></span></small>
												</div>
											</div> --}}
											<div class="row">
												<div class="col-sm-12 col-md-4" style="font-size: 20px;">
													PERUBAHAN KURS
												</div>
												<div class="col-sm-12 col-md-4" style="font-size: 20px;">
													<small>(*) Spread Active : Rp. {{ number_format($spread_active) }}</small>
												</div>
												<div class="col-sm-12 col-md-4" style="font-size: 20px;">
													<small>(*) Net Change : <span id="netChange"></span></small>
													<input type="hidden" id="netChangeValue" value="">
													<input type="hidden" id="currentNetChange" value="{{$net_change ? $net_change->net_change : 0}}">
												</div>
											</div>
										</h4>
									</div>
									
									@if(auth()->user()->id_users_team == 2)
										<div class="form-group" style="height: 40px; margin-bottom: 10px; border: 0px solid #f00;">
											<div class="col-xs-4 col-sm-4 control-label" style="padding-top: 7px;">Jenis Perubahan</div>
											<div class="col-xs-8 col-sm-8">
												<select class="form-control" id="jenis_perubahan" onchange="act_jenis_perubahan()">
													<option value="0">-- Pilih --</option>
													<option value="naik">Naik</option>
													<option value="turun">Turun</option>
												</select>
											</div>
										</div>
										<div class="form-group" style="height: 40px; margin-bottom: 10px; border: 0px solid #f00;">
											<div class="col-xs-4 col-sm-4 control-label" style="padding-top: 7px;">Perubahan Harga</div>
											<div class="col-xs-8 col-sm-8">
												<input type="text" class="form-control" id="perubahan_harga" value="0" disabled="true">
											</div>
										</div>
									@endif
									{{-- <div class="row">
										<div class="col-xs-6 col-sm-6">
											<div class="form-group" style="height: 40px; margin-bottom: 10px; border: 0px solid #f00;">
												<div class="col-xs-12 col-sm-12 control-label">
													Harga Beli/Gram
													<div style="padding-top: 3px; padding-bottom: 3px; font-size: 10px; font-weight: normal; color: #f00;">
														Kurs saat ini : {{ number_format($rate_lei['harga_beli']) }}
													</div>
												</div>
												<div class="col-xs-12 col-sm-12">
													<input type="text" id="harga_beli" class="form-control" value="0" placeholder="Harga Beli" disabled="true">
												</div>
											</div>
										</div>
										<div class="col-xs-6 col-sm-6">
											<div class="form-group" style="height: 40px; margin-bottom: 10px; border: 0px solid #f00;">
												<div class="col-xs-12 col-sm-12 control-label">
													Harga Jual/Gram
													<div style="padding-top: 3px; padding-bottom: 3px; font-size: 10px; font-weight: normal; color: #f00;">
														Kurs saat ini : {{ number_format($rate_lei['harga_jual']) }}
													</div>
													<div style="padding-top: 3px; padding-bottom: 3px; font-size: 10px; font-weight: normal; color: rgb(255, 166, 0);">
														Elite Saat Ini : {{ number_format($rate_lei['harga_jual'] - $rate_lei['selisih_harga_lakuemas_elite']) }}
													</div>
												</div>
												<div class="col-xs-12 col-sm-12">
													<input type="text" id="harga_jual" class="form-control input-qty" value="0" placeholder="Harga Jual" disabled="true">
												</div>
											</div>
										</div>
									</div> --}}
									<div class="row">
										<div class="col-xs-6 col-sm-6">
											<div class="form-group" style="margin-bottom: 10px;">
												<div class="col-xs-12 col-sm-12 control-label">
													Harga Beli/Gram
													<div style="padding-top: 3px; padding-bottom: 3px; font-size: 10px; font-weight: normal; color: #f00; min-height: 32px;">
														Kurs saat ini : {{ number_format($rate_lei['harga_beli']) }}
													</div>
												</div>
												<div class="col-xs-12 col-sm-12">
													<input type="text" id="harga_beli" class="form-control" value="0" placeholder="Harga Beli" disabled="true">
												</div>
											</div>
										</div>
										<div class="col-xs-6 col-sm-6">
											<div class="form-group" style="margin-bottom: 10px;">
												<div class="col-xs-12 col-sm-12 control-label">
													Harga Jual/Gram
													<div style="padding-top: 3px; padding-bottom: 3px; font-size: 10px; font-weight: normal; color: #f00; min-height: 32px;">
														Kurs saat ini : {{ number_format($rate_lei['harga_jual']) }}
														<br>
														<span style="color: rgb(255, 166, 0);">Elite Saat Ini : {{ number_format($rate_lei['harga_beli'] + $rate_lei['selisih_harga_lakuemas_elite']) }}</span>
													</div>
												</div>
												<div class="col-xs-12 col-sm-12">
													<input type="text" id="harga_jual" class="form-control input-qty" value="0" placeholder="Harga Jual" disabled="true">
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
                        </div>
                    </div>

                    <div class="col-xs-12">
                        <div class="x_panel">
                            <div class="x_content">
								@if(auth()->user()->id_users_team == 2)
									<button type="button" class="btn btn-warning btn-form" disabled="disabled" onclick="resetForm()"><i class="fa fa-trash" aria-hidden="true"></i> Reset</button>
									<button type="button" class="btn btn-primary btn-form" disabled="disabled" onclick="submitPreview()"><i class="fa fa-floppy-o" aria-hidden="true"></i> Simpan</button>
								@endif
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
		
		<div class="modal fade" id="confirmModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
			<div class="modal-dialog modal-lg" role="document">
				<div class="modal-content">
				<div class="modal-header">
					<h3 class="modal-title" id="exampleModalLabel"><i class="fa fa-line-chart"></i> Simpan Kurs</h3>
				</div>
				<form id="form-confirm" method="POST">
					{{ csrf_field() }}
					<div class="modal-body">
						<input type="hidden" id="new_harga_beli_input">
						<input type="hidden" id="new_harga_jual_input">
						<div class="row">
							<div class="col-sm-12 col-md-5">
								<div class="x_panel" style="padding: 0 !important; margin-top: 10px; background: #EEE;">
									<div class="x_content">
										<div style="border: 0px solid #888; padding: 15px; padding-top: 0;">
											<h4 style="padding-bottom: 7px; border-bottom: 0px solid #000;">
												<div class="row">
													<div class="col-sm-12 col-md-12 text-center">
														<b>Kurs Saat Ini</b>
													</div>
												</div>
											</h4>
											<div class="text-left" style="padding-top: 5px;">
												<table width="100%" class="table">
													<tr>
														<td>Harga Beli/Gram</td>
														<td>Rp. <span id="current_harga_beli">0</span></td>
													</tr>
													<tr>
														<td>Harga Jual/Gram</td>
														<td>Rp. <span id="current_harga_jual">0</span></td>
													</tr>
													<tr>
														<td>Spread</td>
														<td>Rp. <span id="current_spread">0</span></td>
													</tr>
												</table>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="col-sm-12 col-md-7">
								<div class="x_panel" style="padding: 0 !important; margin-top: 10px; background: #FFFDE7;">
									<div class="x_content">
										<div style="border: 0px solid #888; padding: 15px; padding-top: 0;">
											<h4 style="padding-bottom: 7px; border-bottom: 0px solid #000;">
												<div class="row">
													<div class="col-sm-12 col-md-12 text-center">
														<b>Kurs Baru</b>
													</div>
												</div>
											</h4>
											<div class="text-left" style="padding-top: 5px;">
												<table width="100%" class="table">
													<tr>
														<td>Harga Beli/Gram</td>
														<td>Rp. <span id="new_harga_beli">0</span></td>
														<td><span id="new_different_beli"><span class="text-success"><i class="fa fa-arrow-up"><i> 2.000</span></span></td>
													</tr>
													<tr>
														<td>Harga Jual/Gram</td>
														<td>Rp. <span id="new_harga_jual">0</span></td>
														<td><span id="new_different_jual"><span class="text-success"><i class="fa fa-arrow-up"><i> 2.000</span></span></td>
													</tr>
													<tr>
														<td>Spread</td>
														<td>Rp. <span id="new_spread">0</span></td>
														<td></td>
													</tr>
												</table>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					@if(auth()->user()->id_users_team == 2)
						<div class="modal-footer">
							<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
							<button type="button" class="btn btn-primary btn-submit" onclick="submitNewPrice()">Post Sekarang</button>
						</div>
					@endif
				</form>
				</div>
			</div>
		</div>
        @include('includes.footer')
    </div>
</div>

@endsection

@section('scripts')
	<script type="text/javascript">
		
			
		let harga_beli = "{{ $rate_lei['harga_beli'] }}";
		let harga_jual = "{{ $rate_lei['harga_beli'] + $spread_active }}";
		let current_spread = "{{ $spread_active }}";

		$('#harga_beli').val(formatRibuan(harga_beli));
		$('#harga_jual').val(formatRibuan(harga_jual));
		
		$('#current_harga_beli').html(formatRibuan(harga_beli));
		$('#current_harga_jual').html(formatRibuan("{{ $rate_lei['harga_jual'] }}"));
		$('#current_spread').html(formatRibuan("{{ $rate_lei['harga_beli'] - $rate_lei['harga_jual'] }}"));
		
		$('#new_harga_beli').html(formatRibuan(harga_beli));
		$('#new_harga_jual').html(formatRibuan(harga_jual));
		$('#new_spread').html(formatRibuan(current_spread));

		function renderNetChange(value) {
			let sign = value > 0 ? '+' : (value < 0 ? '-' : '');
			let color = value > 0 ? 'green' : (value < 0 ? 'red' : 'black');

			$('#netChange')
				.css({ color: color, fontWeight: 'bold' })
				.html(sign + formatRibuan(String(Math.abs(value))));

			$('#netChangeValue').val(value);
		}

		// Tampilkan akumulasi net change dari DB (baseline hari ini) begitu halaman dimuat, tanpa perlu input dulu
		renderNetChange(parseInt($('#currentNetChange').val()) || 0);

		$(document).ready(function() {
			$(".fa-bars").trigger("click");
			
			setTimeout(function() { headerVal() }, 5000);
			
			const input_harga_perubahan = document.getElementById('perubahan_harga');

			// input_harga_perubahan.addEventListener('input', function (e) {
			// 	let value_0 = e.target.value.replace(/\D/g, '');
			// 	let value = value_0; // Hapus semua karakter non-angka
			// 	if (value) {
			// 		// Format dengan separator ribuan (titik)
			// 		value = value.replace(/\B(?=(\d{3})+(?!\d))/g, '.');
			// 	}
			// 	e.target.value = value;

			// 	value_0 = Math.floor(value_0/1000)*1000;

			// 	let total_harga_beli = '' + getNilaiAsli(harga_beli);
			// 	let total_harga_jual = '' + getNilaiAsli(harga_jual);
			// 	let jenis_perubahan = $('#jenis_perubahan').val();
			// 	let net_change = 0;
			// 	let net_change_current = parseInt($('#currentNetChange').val()) || 0;

			// 	if(parseInt(value_0) > 999 && jenis_perubahan == 'naik') {
			// 		total_harga_beli = '' + (parseInt(getNilaiAsli(harga_beli)) + parseInt(value_0)) + '';
			// 		total_harga_jual = '' + (parseInt(getNilaiAsli(harga_jual)) + parseInt(value_0)) + '';
			// 		net_change = parseInt(value_0);
			// 	}
			// 	else if(parseInt(value_0) > 999 && jenis_perubahan == 'turun') {
			// 		total_harga_beli = '' + (parseInt(getNilaiAsli(harga_beli)) - parseInt(value_0)) + '';
			// 		total_harga_jual = '' + (parseInt(getNilaiAsli(harga_jual)) - parseInt(value_0)) + '';
			// 		net_change = -parseInt(value_0); // dibuat negatif supaya penjumlahan konsisten
			// 	}

			// 	$('#harga_beli').val(formatRibuan(total_harga_beli));
			// 	$('#harga_jual').val(formatRibuan(total_harga_jual));

			// 	$('#new_harga_beli').html(formatRibuan(total_harga_beli));
			// 	$('#new_harga_jual').html(formatRibuan(total_harga_jual));
			// 	$('#new_spread').html(formatRibuan(current_spread));

			// 	// Jumlahkan net_change dengan net_change_current
			// 	let total_net_change = net_change_current + net_change;

			// 	let sign = total_net_change > 0 ? '+' : (total_net_change < 0 ? '-' : '');
			// 	$('#netChange').html(sign + formatRibuan(String(Math.abs(total_net_change))));
			// 	$('#netChangeValue').val(total_net_change);
			// });

			let lastValueThousand = 0; // simpan nilai ribuan terakhir yang sudah diproses

			input_harga_perubahan.addEventListener('input', function (e) {
			let value_0 = e.target.value.replace(/\D/g, '');
			let value = value_0; // Hapus semua karakter non-angka
			if (value) {
				// Format dengan separator ribuan (titik)
				value = value.replace(/\B(?=(\d{3})+(?!\d))/g, '.');
			}
			e.target.value = value;

			value_0 = Math.floor(value_0/1000)*1000;

			// Hanya jalankan kalkulasi kalau nilai ribuan berubah dari sebelumnya
			if (value_0 === lastValueThousand) {
				return; // belum ada ribuan baru, skip kalkulasi
			}
			lastValueThousand = value_0;

			let jenis_perubahan = $('#jenis_perubahan').val();
			let total_net_change = 0;
			let total_harga_beli = '' + getNilaiAsli(harga_beli);
			let total_harga_jual = '' + getNilaiAsli(harga_jual);

			// Net change = akumulasi dari DB (baseline hari ini) + nilai perubahan harga yang diinput saat ini.
			// Nilai input itu sendiri TIDAK diakumulasi (selalu dihitung ulang dari nilai penuh field, bukan ditambah tiap keystroke).
			let net_change_current = parseInt($('#currentNetChange').val()) || 0;

			if(parseInt(value_0) > 999 && jenis_perubahan == 'naik') {
				total_harga_beli = '' + (parseInt(getNilaiAsli(harga_beli)) + parseInt(value_0)) + '';
				total_harga_jual = '' + (parseInt(getNilaiAsli(harga_jual)) + parseInt(value_0)) + '';
				total_net_change = net_change_current + parseInt(value_0);
			}
			else if(parseInt(value_0) > 999 && jenis_perubahan == 'turun') {
				total_harga_beli = '' + (parseInt(getNilaiAsli(harga_beli)) - parseInt(value_0)) + '';
				total_harga_jual = '' + (parseInt(getNilaiAsli(harga_jual)) - parseInt(value_0)) + '';
				total_net_change = net_change_current - parseInt(value_0);
			}

			$('#harga_beli').val(formatRibuan(total_harga_beli));
			$('#harga_jual').val(formatRibuan(total_harga_jual));

			$('#new_harga_beli').html(formatRibuan(total_harga_beli));
			$('#new_harga_jual').html(formatRibuan(total_harga_jual));
			$('#new_spread').html(formatRibuan(current_spread));

			// #netChange tetap menampilkan akumulasi yang sudah tersimpan di DB (tidak berubah saat mengetik).
			// total_net_change tetap dikirim lewat #netChangeValue supaya server bisa simpan total baru saat submit.
			$('#netChangeValue').val(total_net_change);
		});

	});
		
		function act_jenis_perubahan() {
			let jenisperubahan = $('#jenis_perubahan').val();
			if(jenisperubahan == 'naik' || jenisperubahan == 'turun') {
				$('#perubahan_harga').attr('disabled', false);
				$('.btn-form').attr('disabled', false);
			} 
			else {
				$('#perubahan_harga').attr('disabled', true);
				$('.btn-form').attr('disabled', true);
			}
			
			$('#perubahan_harga').val(0);
			$('#harga_beli').val(formatRibuan(harga_beli));
			$('#harga_jual').val(formatRibuan(harga_jual));
		}

		function resetForm() {
			$('#jenis_perubahan').val('0');
			$('#perubahan_harga').val(0);
			$('#harga_beli').val(formatRibuan(harga_beli));
			$('#harga_jual').val(formatRibuan(harga_jual));
		}
		
		function formatRibuan(angka) {
			angka = angka.replace(/\D/g, ''); // hanya angka
			return angka.replace(/\B(?=(\d{3})+(?!\d))/g, '.');
		}
		
		function headerVal() {
			$.ajax({
				url: '{{ url("kurs/new/get_new") }}',
				method: "GET",
				headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
				success: function(response) {
					//$('.loading').html('<i class="fa fa-spinner fa-pulse"></i>');
					setTimeout(function() {
						$('#xau_usd').html(response.xau_data);
						$('#xau_usdg').html(response.xau_usdg);
						$('#usd_rate').html(response.usd);
						$('#xau_idrg').html(response.xau_idrg);
						$('#last_updated_1').html(response.last_updated);
						$('#last_updated_2').html(response.last_updated);
					}, 200);
					
					setTimeout(function() { headerVal() }, 5000);	
				},
				error: function(response) {
					var response = response.responseJSON;
					alert(response.error);
				}
			});
		}
		
		function getNilaiAsli(value) {
			return value.replace(/\./g, '');
		}
		
		function getNilaiAsliv2(value) {
			return value.replace(/\,/g, '');
		}
		
		function submitPreview() {
			let current_harga_beli = harga_beli;
			let current_harga_jual = "{{ $rate_lei['harga_jual'] }}";
			
			let new_harga_beli = getNilaiAsli($('#harga_beli').val());
			let new_harga_jual = getNilaiAsli($('#harga_jual').val());
			
			let different_beli = current_harga_beli - new_harga_beli;
			let different_jual = current_harga_jual - new_harga_jual;
			
			let different_beli_desc = '';
			let different_jual_desc = '';
			if(different_beli < 0) {
				// HARGA BELI NAIK
				let harga_beli_preview = parseInt(different_beli + (different_beli * -2));
				
				/*
				if(new_harga_beli > parseInt(getNilaiAsliv2($('#xau_idrg').html()))) {
					iziToast.error({
						title: '',
						position: 'topRight',
						message: "Kurs tidak boleh lebih dari XAUIDRG",
					});
					return false;
				}
				*/
				
				different_beli_desc = '<span class="text-success"><i class="fa fa-arrow-up"><i> '+formatRibuan('' + harga_beli_preview)+'</span>';
			} 
			else if(different_beli == 0) {
				// HARGA BELI STAY
				different_beli_desc = '<span class="text-warning"><i class="fa fa-arrows-h"><i> '+formatRibuan('' + different_beli)+'</span>';
			}
			else {
				// HARGA BELI TURUN
				let harga_beli_preview = parseInt(different_beli);
				/*
				if(new_harga_beli < parseInt(getNilaiAsliv2($('#xau_idrg').html()))) {
					iziToast.error({
						title: '',
						position: 'topRight',
						message: "Kurs tidak boleh lebih kecil dari XAUIDRG",
					});
					return false;
				}
				*/
				
				different_beli_desc = '<span class="text-danger"><i class="fa fa-arrow-down"><i> '+formatRibuan('' + harga_beli_preview)+'</span>';
			}
			
			if(different_jual < 0) {
				// HARGA JUAL NAIK
				different_jual_desc = '<span class="text-success"><i class="fa fa-arrow-up"><i> '+formatRibuan('' + parseInt(different_jual + (different_jual * -2)))+'</span>';
			}
			else if(different_jual == 0) {
				// HARGA JUAL STAY
				different_jual_desc = '<span class="text-warning"><i class="fa fa-arrows-h"><i> '+formatRibuan('' + different_jual)+'</span>';
			}
			else {
				// HARGA JUAL TURUN
				different_jual_desc = '<span class="text-danger"><i class="fa fa-arrow-down"><i> '+formatRibuan('' + different_jual)+'</span>';
			}
			
			$('#new_different_beli').html(different_beli_desc);
			$('#new_different_jual').html(different_jual_desc);
			
			$('#new_harga_beli_input').val(new_harga_beli);
			$('#new_harga_jual_input').val(new_harga_jual);
			$('#confirmModal').modal('show');
		}
		
		function submitNewPrice() {
			$.ajax({
				url: '{{ url("kurs/new/save_v1") }}',
				method: "POST",
				headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
				data: {
					'hargabeli' : $('#new_harga_beli_input').val(),
					'hargajual' : $('#new_harga_jual_input').val(),
					'jenis_perubahan' : $('#jenis_perubahan').val(),
					'perubahan_harga' : $('#perubahan_harga').val(),
					'net_change' : $('#netChangeValue').val(),
					'xauusd' : ($('#xau_usd').html()),
					'xauusdg' : ($('#xau_usdg').html()),
					'usd_to_idr' : ($('#usd_rate').html()),
					'xauidrg' : ($('#xau_idrg').html()),
				},
				success: function(response) {
					$('#cover-spin').fadeIn();
					setTimeout(function() {
						location.reload();
					}, 1500);
					
				},
				error: function(response) {
					var response = response.responseJSON;
					iziToast.error({
						title: '',
						position: 'topRight',
						message: response.error,
					});
				}
			});
		}
		
	</script>
@endsection