@extends('layouts.app')
@section('content')
<style type="text/css">
.kasir {
font-size: 12px;
}
</style>
<div class="main-container kasir">
<div class="container-fluid">
<div class="page-breadcrumb">
<div class="row">
<div class="col-md-4">
<div class="page-breadcrumb-wrap">
<div class="page-breadcrumb-info">
<h2 class="breadcrumb-titles"><a href="{{ url($url) }}">{{ $title }}</a></h2>
<ul class="list-page-breadcrumb">
<li><a href="#">{{ $menu }}</a>
</li>
<li ><a href="{{ url($url) }}">{{ $title }}</a></li>
<li class="active-page" ><a href="{{ url($url) }}">Tambah Data {{ $title }}</a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-8 text-right">
<h1 style="font-size:60px;font-weight:bold;" id="displayHarga"></h1>
</div>
</div>
</div>
<form class="form-horizontal form-prevent" method="post" action="{{ url($url) }}" id="myForm">
<div class="row">
<div class="col-md-12">
<div class="box-widget widget-module">
<div class="widget-head clearfix">
<span class="h-icon"><i class="fa fa-table"></i></span>
<h4>Data {{ $title }}</h4>
<div class="pull-right" style="padding: 10px;position: relative;z-index: 99;">
<a href="{{ url($url.'/create') }}" target="_blank" class="btn btn-success "> <i class="fa fa-plus"></i> Buka Penjualan Baru</a>
<a href="{{ url($url) }}" class="btn btn-warning ">Kembali</a>
</div>
</div>
<div class="widget-container">
<div class="widget-block">
<div class="row">
<div class="col-md-3" >
@csrf
{{-- <div class="form-group">
<label style="text-align: left;" class="col-md-4 control-label">No : </label>
<div class=" col-md-8">
<input type="text" class="form-control" name="no_penjualan" placeholder="No Penjualaan" readonly="" value="{{ ++$kd }}">
</div>
</div> --}}
<div class="form-group">
<label style="text-align: left;" class="col-md-4 control-label">Tanggal : </label>
<div class=" col-md-8">
<input type="date" class="form-control" name="tgl_penjualan" value="{{ date('Y-m-d') }}">
</div>
</div>
<div class="form-group">
<label style="text-align: left;" class="col-md-4 control-label">Pelanggan <b>(nama pelanggan/nama pemilik/no pelanggan/no pemilik)</b> : </label>
<div class=" col-md-8">
<select class="form-control select2" required="" name="kd_pelanggan" id="id_pelanggan">
<option value="">- Pilih Pelanggan -</option>
@foreach($pelanggans as $pelanggan)
<option value="{{ $pelanggan->kd_pelanggan }}" data-member="{{ @$pelanggan->member->nm_member }}">{{ $pelanggan->nm_pelanggan }} / {{ @$pelanggan->member->nm_member }} / {{ $pelanggan->no_telepon }} </option>
@endforeach
</select>
<input type="hidden" name="limit_hutang" id="limit_hutang">
</div>
</div>
<div class="form-group">
<label style="text-align: left;" class="col-md-4 control-label">Metode Bayar : </label>
<div class=" col-md-8">
<select class="form-control" required="" name="keterangan" id="keterangan">
<option value="Cash">Cash</option>
{{-- @foreach($metode as $metodes)
<option value="{{ $metodes->metode }}">{{ $metodes->metode }} - {{$metodes->keterangan}}</option>
@endforeach --}}
</select>
</div>
</div>
<div id="optionalField">
</div>
<div class="form-group">
<label style="text-align: left;" class="col-md-4 control-label">Keterangan : </label>
<div class=" col-md-8">
<textarea class="form-control" name="ket" placeholder="Keterangan"></textarea>
</div>
</div>
{{-- <div class="form-group">
<label style="text-align: left;" class="col-md-4 control-label">Jasa Pengiriman (Boleh Kosong) : </label>
<div class=" col-md-8">
<select class="form-control" name="id_courier" id="id_courier">
<option value="">Pilih Kurir</option>
@foreach($couriers as $kurir)
<option value="{{ $kurir->id }}">{{ $kurir->title }} - {{$kurir->code}}</option>
@endforeach
</select>
</div>
</div>
<div class="form-group">
<label style="text-align: left;" class="col-md-4 control-label">Biaya Pengiriman (Boleh Kosong) </label>
<div class=" col-md-8">
<input type="number" step="100" class="form-control " name="ongkos_kirim" id="ongkos_kirim" min="0" value="0" required>
</div>
</div> --}}
<!-- <div class="form-group">
<label style="text-align: left;" class="col-md-4 control-label">Kota : </label>
<div class=" col-md-8">
<input type="text" class="form-control" name="kota" placeholder="Kota" >
</div>
</div> -->
{{-- <div class="form-group">
<label class="col-md-4 control-label">Layanan</label>
<div class=" col-md-8">
<select class="form-control select2" name="layanan" required>
<option value="reguler" selected="">Reguler</option>
<option value='cepat'>Cepat</option>
<option value='express'>Express</option>
</select>
</div>
</div>
<div class="form-group">
<label style="text-align: left;" class="col-md-4 control-label">Berat Barang: </label>
<div class=" col-md-8">
<input type="number" step="1" placeholder="Berat Barang" name="berat" class="form-control berat" required="" min="0" style="font-size: 10px;" value="0" >
</div>
</div>
<div class="form-group">
<button type="button" class="btn btn-danger" id="harga">Hitung Ongkir</button>
</div>
--}}
{{-- <div class="form-group">
<label style="text-align: left;" class="col-md-4 control-label">Ongkos Kirim : </label>
<div class=" col-md-8">
<input type="hidden" step="100" placeholder="Ongkos Kirim" name="ongkos_kirim" class="form-control ongkos_kirim" required="" min="0" style="font-size: 10px;" value="0" readonly="" >
</div>
</div> --}}
{{-- <input type="hidden" step="100" placeholder="Ongkos Kirim" name="ongkos_kirim" class="form-control ongkos_kirim" required="" min="0" style="font-size: 10px;" value="0" readonly="" > --}}
</div>
<div class="col-md-3">
<div class="form-group">
<label style="text-align: left;" class="col-md-4 control-label" style="font-size: 12px;">Scan Barang</label>
<div class=" col-md-8">
<input type="text" class="form-control" placeholder="Barcode" id="scan_barang">
</div>
</div>
<hr style="border: 0.5px solid black">
<div class="row">
<table >
<tr >
<td style="padding: 10px;" colspan="5" ><strong >Total Barang</strong></td>
<td><b>:</b></td>
<td style="padding: 10px;" align="right"><b id="total_jumlah">0</b></td>
<td > </td>
</tr>
<tr >
<td style="padding: 10px;" colspan="5" ><strong>Total</strong></td>
<td ><b>:</b></td>
<td style="padding: 10px;" align="right"><b id="total_harga">Rp.0</b></td>
<td > </td>
</tr>
{{-- <tr>
<td colspan="6"> </td>
<td >
</td>
<td> </td>
</tr> --}}
<tr>
<td colspan="5"><strong>Uang Bayar</strong></td>
<td><b>:</b></td>
<td align="right">
<input type="number" step="100" class="form-control " name="uang_bayar" id="uang_bayar" min="0" value="0" onkeyup="bayar()" onchange="bayar()" style="width: 70%;">
</td>
<td> </td>
</tr>
<tr>
<td style="padding: 10px;" colspan="5">Kembalian</td>
<td>:</td>
<td style="padding: 10px;" align="right"><input type="text" class="form-control " id="kembalian" name="kembalian" readonly="" style="width: 70%;" ></td>
<td > </td>
</tr>
<tr>
<td>
<a href="#" class="btn btn-success display" data-toggle="modal" data-target="#display">Submit</a>
</td>
</tr>
</table>
</div>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-md-5">
<label>Barang</label>
</div>
<div class="col-md-2">
<label>Jumlah</label>
</div>
<div class="col-md-2">
<label>Diskon(Rp.)</label>
</div>
<div class="col-md-2">
<label>Harga</label>
</div>
</div>
<div id="list-contain">
</div>
<br>
<div class="row">
<div class="col-md-2">
<div class="form-group">
<div class="col-md-12">
<div class="form-actions">
<button type="button" class="btn btn-danger" id="add_row">Add List Barang</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<hr style="border:1px solid black;">
{{-- <div class="row">
<div class="col-md-4">
<div class="form-group ">
<label style="text-align: left;" class="col-md-3 control-label">Uang Bayar : </label>
<div class=" col-md-6">
<input type="number" step="100" class="form-control " name="uang_bayar" id="uang_bayar" min="0" value="0" onkeyup="bayar()" onchange="bayar()">
</div>
</div>
<div class="form-group ">
<label style="text-align: left;" class="col-md-3 control-label">Kembalian : </label>
<div class=" col-md-6">
<input type="text" class="form-control " id="kembalian" readonly="" disabled="">
</div>
</div>
<div class="form-group">
<div class="col-md-12">
<div class="form-actions">
<button type="submit" class="btn btn-primary">Tambah</button>
</div>
</div>
</div>
</div>
</div> --}}
</div>
</div>
</div>
</div>
</div>
{{-- Modal Display Harga --}}
<div id="display" class="modal fade" role="dialog">
<div class="modal-dialog modal-lg">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">PEMBAYARAN KASIR</h4>
</div>
<div class="modal-body">
<table width="100%">
<tr>
<td width="35%">
<h1 style="font-size:60px;"> Total</h1>
</td>
<td width="5%">
<h1 style="font-size:60px;">:</h1>
</td>
<td align="right" width="60%">
<h1 style="font-size:60px;font-weight: bold;" id="displayTotalHarga"> Rp. 0
</h1>
</td>
</tr>
<tr>
<td width="35%">
<h1 style="font-size:60px;"> Uang</h1>
</td>
<td width="5%">
<h1 style="font-size:60px;">:</h1>
</td>
<td align="right" width="60%">
<h1 style="font-size:60px;font-weight: bold;" id="displayUang"> Rp. 0</h1>
</td>
</tr>
<tr>
<td width="35%">
<h1 style="font-size:60px;"> Sisa</h1>
</td>
<td width="5%">
<h1 style="font-size:60px;">:</h1>
</td>
<td align="right" width="60%">
<h1 style="font-size:60px;font-weight: bold;" id="displayKembalian"> Rp. 0
</h1>
</td>
</tr>
</table>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="submit" class="btn btn-primary button-prevent">Submit</button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
<!-- Add List -->
<div class="row " id="list-harga" style="display: none;" data-harga="0">
<div class="col-md-5">
<div class="input-group ex-margin">
<input type="text" class="form-control nama" placeholder="Pilih Barang" required="" disabled="" style="font-size: 15px;">
<span class="input-group-btn">
<a href="#" data-bb="html_forms" class="btn btn-success pilih-barang" type="button" data-id="list-harga" data-kode="kode"><i class="fa fa-plus"></i></a>
<input type="hidden" name="id_harga_barang[]" class="kode">
</span>
</div>
</div>
<div class="col-md-2">
<div class="form-group">
<div class=" col-md-12">
<input type="number" step="1" placeholder="Jumlah" name="jumlah[]" class="form-control jumlah" min="1" value="1" style="font-size: 13px;" onkeyup="cek_harga(this)" onchange="cek_harga(this)">
</div>
</div>
</div>
<div class="col-md-2">
<div class="form-group">
<div class=" col-md-15">
<input type="number" step="1" placeholder="Diskon" name="diskon[]" class="form-control diskon" required="" min="0" style="font-size: 13px;" value="0" >
</div>
</div>
</div>
<div class="col-md-2">
<div class="form-group">
<div class=" col-md-12">
<strong class="harga">Rp.0</strong>
</div>
</div>
</div>
<div class="col-md-1">
<div class="form-group">
<div class=" col-md-12">
<button type="button" data-id="list-harga-1" class="delete_row">X</button>
</div>
</div>
</div>
</div>
<script src="{{ asset('js/app.js') }}"></script>
<script src="{{ asset('js/bootbox.js') }}"></script>
<script src="{{ asset('js/jquery.noty.js') }}"></script>
<script src="{{ asset('js/numeral-js/numeral.js') }}"></script>
<script type="text/javascript">
$('.display').on('click', function(){
$('#displayTotalHarga').html($('#total_harga'));
$('#displayUang').html('Rp. ' + $('#uang_bayar').val().toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","));
$('#displayKembalian').html('Rp. ' + $('#kembalian').val().toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","));
});
// $("#id_pelanggan").on("change", function () {
// console.log(0);
// });
// $(document).ready(function(){
// $('#id_pelanggan').on("select2-select", function(e) {
// console.log($(this).val());
// });
// });
var n_dom = [];
n_dom[0] = '<div class="activity-item"> <i class="fa fa-tasks text-warning"></i> <div class="activity"> There are <a href="#">6 new tasks</a> waiting for you. Don\'t forget! <span>About 3 hours ago</span> </div> </div>',
n_dom[1] = '<div class="activity-item"> <i class="fa fa-check text-error"></i> <div class="activity"> Mail server was updated. See <a href="#">changelog</a> <span>About 2 hours ago</span> </div> </div>',
n_dom[2] = '<div class="activity-item"> <i class="fa fa-heart text-info"></i> <div class="activity"> Your <a href="#">latest post</a> was liked by <a href="#">Audrey Mall</a> <span>35 minutes ago</span> </div> </div>',
n_dom[3] = '<div class="activity-item"> <i class="fa fa-shopping-cart text-success"></i> <div class="activity"> <a href="#">Eugene</a> ordered 2 copies of <a href="#">OEM license</a> <span>14 minutes ago</span> </div> </div>',
n_dom[4] = '<div class="activity-item"> <i class="ico-alarm-check text-alert"></i> <div class="activity"> <a href="#">Amark</a> This is frienly notification example <a href="#">Here</a> <span>14 minutes ago</span> </div> </div>',
n_dom[5] = '<div class="activity-item"> <i class="ico-alarm-check text-alert"></i> <div class="activity"> <a href="#">Amark</a> This is frienly notification example <a href="#">Here</a> <span>14 minutes ago</span> </div> </div>';
window.anim = {};
window.anim.open = 'flipInX';
window.anim.close = 'flipOutX';
$('#anim-open').on('change', function (e) {
window.anim.open = $(this).val();
});
$('#anim-close').on('change', function (e) {
window.anim.close = $(this).val();
});
function nGen(type, text, layout) {
var n = noty({
text: text,
type: type,
dismissQueue: true,
layout: layout,
closeWith: ['click'],
theme: 'MatMixNoty',
maxVisible: 10,
animation: {
open: 'noty_animated bounceInRight',
close: 'noty_animated bounceOutRight',
easing: 'swing',
speed: 500
}
});
// setTimeout(function () {
// n.close();
// }, 3000);
}
function nGenAll() {
nGen('warning', n_dom[0], 'topRight');
nGen('error', n_dom[1], 'topRight');
nGen('information', n_dom[2], 'topRight');
nGen('success', n_dom[3], 'topRight');
nGen('alert', n_dom[4], 'topRight');
}
// setTimeout(function () {
// nGenAll();
// }, 1000);
function PreviewGen(type, text, layout) {
var n = noty({
text: text,
type: type,
dismissQueue: true,
layout: layout,
closeWith: ['click'],
theme: 'MatMixNoty',
maxVisible: 10
});
setTimeout(function () {
n.close();
}, 5000);
}
$('.ex-noty').on('click', function () {
var Dtype = $(this).data("type"),
Dlayout = $(this).data("layout");
PreviewGen(Dtype, n_dom[5], Dlayout);
});
var cur_id ="list-harga-1";
var total_jumlah = 0;
var total_harga = 0;
var list_barang = [];
var last_order = 0;
var ongkos_kirim = 0;
var DemoCallBack = (function () {
var elem,
hideHandler,
that = {};
that.init = function (options) {
elem = $(options.selector);
};
that.show = function (text) {
clearTimeout(hideHandler);
elem.find("span").html(text);
elem.delay(200).fadeIn().delay(3000).fadeOut();
};
return that;
}());
DemoCallBack.init({
"selector": ".bb-alert"
});
$('#scan_barang').keypress(function(event){
var keycode = (event.keyCode ? event.keyCode : event.which);
if(keycode == '13'){
// alert('You pressed a "enter" key in textbox');
$.ajax({
url: '{{ url("api/cari_barang/") }}/'+$(this).val(),
type: 'GET',
success: function (data) {
if(data.bool){
var result = $.grep(list_barang, function(e){ return e.kd_barang == data.barang.kd_barang.toString(); });
if(result.length == 0) {
var l = $(".list-harga").length;
var ll = l;
last_order = last_order+ll;
cur_id = "list-harga-"+last_order;
$("#list-harga .delete_row").attr('data-id','list-harga-'+last_order);
$("#list-harga .delete_row").attr('data-kode',data.barang.kd_barang);
$("#list-harga .pilih-barang").attr('data-id','list-harga-'+last_order);
$("#list-harga .harga_baru").attr('data-id','list-harga-'+last_order);
var c = $("#list-harga").clone();
c.attr('id','list-harga-'+last_order);
c.addClass('list-harga');
c.data('harga',0);
c.show();
$("#list-contain").append(c);
$("#list-harga-"+last_order+" .jumlah").data('target',cur_id);
$("#list-harga-"+last_order+" .jumlah").attr('max',data.barang.stok);
$("#list-harga-"+last_order+" .jumlah").data('kode',data.barang.kd_barang);
$("#list-harga-"+last_order+" .jumlah").addClass('jumlahnya');
// $("#"+cur_id+" .kode").val(data.barang.kd_barang);
$("#"+cur_id+" .nama").val(data.barang.nm_barang);
cek_harga_barang(data.barang.kd_barang,cur_id);
} else {
var index = 0;
index = list_barang.findIndex(x => x.kd_barang === data.barang.kd_barang);
cek_harga_barang(data.barang.kd_barang,list_barang[index].list_barang);
}
//DemoCallBack.show("Menambah Barang " + data.barang.nm_barang + "</b>");
var Dtype = 'information',
Dlayout = 'topRight';
PreviewGen(Dtype, '<div class="activity-item"> <i class="ico-alarm-check text-alert"></i> <div class="activity"> <a href="#">List Barang</a> Menambah barang '+ data.barang.nm_barang +' ke list </div> </div>', Dlayout);
$('#scan_barang').val('');
} else {
PreviewGen('error', '<div class="activity-item"> <i class="fa fa-remove text-alert"></i> <div class="activity"> <a href="#">List Barang</a> Data barang tidak ditemukan </div> </div>', 'topRight');
}
}
});
event.preventDefault();
}
});
function cek_harga_barang(kd,oo,idhb){
var xd = [];
var jb = 1;
if(list_barang.find(x => x.kd_barang === kd) == undefined) {
xd = {'kd_barang':kd,
'jumlah':1,
'list_barang':oo
};
list_barang.push(xd);
} else {
var index = 0;
index = list_barang.findIndex(x => x.kd_barang === kd);
list_barang[index].jumlah = parseFloat(list_barang[index].jumlah)+1;
jb = list_barang[index].jumlah;
oo = list_barang[index].list_barang;
}
$.ajax({
url: '{{ url("api/cek_harga/") }}/'+kd+'/'+jb+'/'+idhb,
type: 'GET',
success: function (data) {
$("#"+oo+" .jumlahnya").eq(0).val(jb);
$("#"+oo+" .kode").eq(0).val(data.id_harga_barang);
$("#"+oo+" .harga").eq(0).html("Rp."+numeral(data.harga).format('0,0'));
$("#"+oo+" .delete_row").eq(0).data("jumlah",jb);
$("#"+oo).data("harga",+data.harga);
get_total();
}
});
}
function cek_harga(e) {
var oo = $(e).data('target');
var index = 0;
if(list_barang.find(x => x.kd_barang === $(e).data('kode')) != undefined){
index = list_barang.findIndex(x => x.kd_barang === $(e).data('kode'));
list_barang[index].jumlah = $(e).val();
}
$.ajax({
url: '{{ url("api/cek_harga/") }}/'+$(e).data('kode')+'/'+$(e).val()+'/undefined',
type: 'GET',
success: function (data) {
$("#"+oo+" .jumlahnya").eq(0).val($(e).val());
$("#"+oo+" .kode").eq(0).val(data.id_harga_barang);
$("#"+oo+" .harga").eq(0).html("Rp."+numeral(data.harga).format('0,0'));
$("#"+oo+" .delete_row").eq(0).data("jumlah",$(e).val());
$("#"+oo).data("harga",+data.harga);
get_total();
}
});
}
function get_total() {
var j = $(".jumlahnya");
var h = $(".list-harga");
total_jumlah = 0;
total_harga = 0;
for (var i = 0; i < h.length; i++) {
total_jumlah += parseFloat($(".jumlahnya").eq(i).val());
total_harga += parseFloat($(".jumlahnya").eq(i).val()) * parseFloat(h.eq(i).data('harga')) - parseFloat($(".diskon").eq(i).val());
}
$("#total_jumlah").html(parseFloat(total_jumlah));
// total_harga += parseFloat($("#ongkos_kirim").val());
$("#total_harga").html("Rp."+numeral(total_harga).format('0,0'));
// if($("#keterangan").val() == "Cash"){
// $("#uang_bayar").attr('min',total_harga);
// } else {
// $("#uang_bayar").attr('min',0);
// }
}
function bayar() {
$("#kembalian").val($("#uang_bayar").val() - total_harga);
$('.button-prevent').attr('disabled', false);
}
jQuery(document).ready(function ($) {
let pettyCash = '{{ \Helper::checkPettyCash() }}';
if (!pettyCash) {
alert('Anda Belum Mengisi Saldo Petty Cash Pada Hari Ini, Anda Dapat Mengisinya Melalui Menu Transaksi -> Petty Cash');
}
$('#scan_barang').focus();
$(document).on('submit','#myForm',function (e) {
$("#kembalian").val($("#uang_bayar").val() - total_harga);
// e.preventDefault();
// alert(total_harga);
if(($("#keterangan").val() == "Cash" || $("#keterangan").val() == "Transfer Cash") && total_harga > $("#uang_bayar").val()){
e.preventDefault();
alert('Uang Pembayaran TIdak Cukup');
}
if(($("#keterangan").val() != "Cash" || $("#keterangan").val() != "Transfer Cash") && ($('#kembalian').val() * -1 ) > $('#limit_hutang').val() ){
e.preventDefault();
alert('Gagal, Limit Hutang Member Hanya Sebesar Rp. ' + $('#limit_hutang').val().toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") );
}
});
$(document).on('click','.pilih-barang',function (e) {
cur_id = $(this).data('id');
});
$(document).on('click','#add_row',function (e) {
var l = $(".list-harga").length;
var ll = l;
last_order = last_order+ll;
var xd = [];
xd = {'kd_barang':'0',
'jumlah':1,
'list_barang':'list-harga-'+last_order
};
list_barang.push(xd);
get_total();
});
$(document).on('keyup','.jumlah',function (e) {
get_total();
let harga = $(this).parent().parent().parent().parent().find('.harga').html().replace(/[^0-9]/g, '');
let diskon = $(this).parent().parent().parent().parent().find('.diskon').val().replace(/[^0-9]/g, '');
let dHarga = ($(this).val() * harga - diskon).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
$('#displayHarga').html('Rp. '+dHarga);
// parseFloat($(".jumlahnya").eq(i).val()) * parseFloat(h.eq(i).data('harga')) - parseFloat($(".diskon").eq(i).val());
});
$(document).on('change','.jumlah',function (e) {
get_total();
let harga = $(this).parent().parent().parent().parent().find('.harga').html().replace(/[^0-9]/g, '');
let diskon = $(this).parent().parent().parent().parent().find('.diskon').val().replace(/[^0-9]/g, '');
let dHarga = ($(this).val() * harga - diskon).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
$('#displayHarga').html('Rp. '+dHarga);
});
$(document).on('keyup','#ongkos_kirim',function (e) {
get_total();
});
$(document).on('keyup','.diskon',function (e) {
get_total();
});
$(document).on('change','.diskon',function (e) {
get_total();
});
$(document).on('change','#keterangan',function (e) {
$('.button-prevent').attr('disabled', false);
});
$(document).on('click','.delete_row',function (e) {
var index = 0;
index = list_barang.findIndex(x => x.kd_barang === $(this).data('kode'));
list_barang.splice(index,1);
$("#"+$(this).data('id')).remove();
console.log(list_barang);
get_total();
});
$(document).on('click','.terpilih',function (e) {
$("#"+cur_id+" .kode").val($(this).data('kode'));
$("#"+cur_id+" .nama").val($(this).data('nama'));
$("#"+cur_id+" .diskon").val($(this).data('diskon'));
$("#"+cur_id+" .jumlah").attr('max',$(this).data('stok'));
$("#"+cur_id+" .jumlah").removeAttr('disabled');
$("#"+cur_id+" .diskon").removeAttr('disabled');
$("#"+cur_id+" .jumlah").data('target',cur_id);
$("#"+cur_id+" .jumlah").data('kode',$(this).data('kd'));
$("#"+cur_id+" .harga").html("Rp."+numeral($(this).data('harga')).format('0,0'));
$("#"+cur_id+" .delete_row").data("jumlah",$(this).data('stok'));
$("#list-harga .delete_row").attr('data-kode',$(this).data('kode'));
$("#"+cur_id).data("harga",$(this).data('harga'));
cek_harga_barang($(this).data('kd'),cur_id, $(this).data('kode') );
// var index = 0;
// index = list_barang.findIndex(x => x.kd_barang === $(this).data('kd'));
// list_barang[index].list_barang = "#"+cur_id;
// alert('You pressed a "enter" key in textbox');
// $.ajax({
// url: '{{ url("api/cari_barang_kode/") }}/'+$(this).data('kd'),
// type: 'GET',
// success: function (data) {
// if(data.bool){
// var result = $.grep(list_barang, function(e){ return e.kd_barang == data.barang.kd_barang.toString(); });
// if(result.length == 0) {
// var l = $(".list-harga").length;
// var ll = l;
// last_order = last_order+ll;
// cur_id = "list-harga-"+last_order;
// $("#list-harga .delete_row").attr('data-id','list-harga-'+last_order);
// $("#list-harga .delete_row").attr('data-kode',data.barang.kd_barang);
// $("#list-harga .pilih-barang").attr('data-id','list-harga-'+last_order);
// $("#list-harga .harga_baru").attr('data-id','list-harga-'+last_order);
// var c = $("#list-harga").clone();
// c.attr('id','list-harga-'+last_order);
// c.addClass('list-harga');
// c.data('harga',0);
// c.show();
// $("#list-contain").append(c);
// $("#list-harga-"+last_order+" .jumlah").data('target',cur_id);
// $("#list-harga-"+last_order+" .jumlah").attr('max',data.barang.stok);
// $("#list-harga-"+last_order+" .jumlah").data('kode',data.barang.kd_barang);
// $("#list-harga-"+last_order+" .jumlah").addClass('jumlahnya');
// // $("#"+cur_id+" .kode").val(data.barang.kd_barang);
// $("#"+cur_id+" .nama").val(data.barang.nm_barang);
// cek_harga_barang(data.barang.kd_barang,cur_id);
// } else {
// var index = 0;
// index = list_barang.findIndex(x => x.kd_barang === data.barang.kd_barang);
// cek_harga_barang(data.barang.kd_barang,list_barang[index].list_barang);
// }
// //DemoCallBack.show("Menambah Barang " + data.barang.nm_barang + "</b>");
// var Dtype = 'information',
// Dlayout = 'topRight';
// PreviewGen(Dtype, '<div class="activity-item"> <i class="ico-alarm-check text-alert"></i> <div class="activity"> <a href="#">List Barang</a> Menambah barang '+ data.barang.nm_barang +' ke list </div> </div>', Dlayout);
// $('#scan_barang').val('');
// } else {
// PreviewGen('error', '<div class="activity-item"> <i class="fa fa-remove text-alert"></i> <div class="activity"> <a href="#">List Barang</a> Data barang tidak ditemukan </div> </div>', 'topRight');
// }
// }
// });
get_total();
});
var ss = "";
$(document).on('click', '.pagination a',function(event)
{
event.preventDefault();
$('li').removeClass('active');
$(this).parent('li').addClass('active');
var myurl = $(this).attr('href');
var page=$(this).attr('href').split('page=')[1];
get_data_barang(ss,page);
});
$(document).on('keyup', '.search',function(event)
{
console.log($("#penform").action);
get_data_barang($(this).val(),1);
});
$(document).on('click','.pilih-barang',function (e) {
get_data_barang(ss,1);
});
$(document).on('change','#select-jenis',function (e) {
get_data_barang(ss,1);
});
$(document).on('change','#select-merek',function (e) {
get_data_barang(ss,1);
});
$(document).on('change','#select-kategori',function (e) {
get_data_barang(ss,1);
});
function get_data_barang(s,p) {
ss = s;
var j = '';
var m = '';
var u = '';
if($("#select-jenis").val() != undefined){
j = $("#select-jenis").val();
}
if($("#select-merek").val() != undefined){
m = $("#select-merek").val();
}
if($("#select-kategori").val() != undefined){
u = $("#select-kategori").val();
}
$.ajax({
url: '{{ url("api/barang") }}?page='+p+'&s='+s+'&kd_jenis='+j+'&kd_merek='+m+'&kd_kategori='+u,
type: 'GET',
success: function (data) {
$("#list-data").html(data);
// $(".search")[0].focus();
}
});
}
$('input[name="kota"]').on('keyup', function(){
alert("ok");
})
$('#harga').on('click', function(){
let id = $('select[name="kd_pelanggan"]').val();
let layanan = $('select[name="layanan"]').val();
let berat = $('input[name="berat"]').val();
if(id){
$.ajax({
url: '{{ url("api/kota") }}?id='+id+'&berat='+berat+'&layanan='+layanan,
type : 'GET',
dataType: "JSON",
success: function (data){
// console.log(data.kota);
$('input[name="ongkos_kirim"]').val(data.value);
// alert(data.kota);
// alert(obj);
}
});
}
});
$('#keterangan').on('change', function(){
let val = $(this).val();
if (val != 'Cash') {
$('#optionalField').append(`
<div class="form-group">
<label style="text-align: left;" class="col-md-4 control-label">Kode Bank : </label>
<div class=" col-md-8">
<input type="text" class="form-control" name="kode_bank" placeholder="Kode Bank" required>
</div>
</div>
<div class="form-group">
<label style="text-align: left;" class="col-md-4 control-label">Bank : </label>
<div class=" col-md-8">
<select class="form-control" required name="bank_id" id="bank_id">
<option value="">- Pilih Bank -</option>
@foreach($bank as $b)
<option value="{{ $b->id }}">{{ $b->nm_bank }}</option>
@endforeach
</select>
</div>
</div>
`);
}else{
$('#optionalField').empty();
}
})
});
</script>
@endsection
Anons79 File Manager Version 1.0, Coded By Anons79
Email: [email protected]
Anons79 Mini Shell