@extends('layout')

@section('content')
<style type="text/css">
.table_td_align_top > tbody > tr > td{
	vertical-align : top;
}
</style>
<div class="page-header page-header-default">
	<div class="breadcrumb-line">
		<ul class="breadcrumb">
			<li><a href="{{ url('upahproduksi_kemasan') }}"><i class="icon-home2 position-left"></i> Upah Produksi</a></li>
			<li class="active"></li>
		</ul>
	</div>
</div>

<div class="content">
	<div class="panel panel-flat">
		<div class="panel-heading">
			<h5 class="panel-title">Pembayaran Upah</h5>
			<div class="heading-elements">
				<ul class="icons-list">
		      		<li><a href="{{ url('upahproduksi_kemasan') }}" class="text-warning"><i class="icon-circle-left2 warning"></i> Kembali</a></li>
		      	</ul>
	       	</div>
	    </div>

    	<form class="" method="post" action="{{ url('upahproduksi_kemasan/simpan_multi_bayar_upah') }}" id="form_bayar_upah">
    		{{ csrf_field() }}

	    <div class="panel-body">
	    	<div class="row">
	    		<div class="col-sm-12 col-md-4">
	    			<div class="form-group">
	    				<label class="control-label">Pegawai/Rekanan</label>
	    				<input type="text" name="pegawai_rekanan" class="form-control" readonly="" value="{{ $jenis=='id_pegawai' ? $pegawai_rekanan->nomor_pegawai.' - '.$pegawai_rekanan->nama_pegawai : $pegawai_rekanan->nama }}">
	    			</div>
	    		</div>
	    	</div>
	    	<div class="row">
	    		<div class="col-sm-12 col-md-4">
	                <div class="form-group">
	                    <label class="control-label">Akun Bayar</label>
                        <select class="form-control select-search" name="akun_bayar" required>
                            <?php foreach ($akun as $key => $value) { ?>
                                <option value="<?= $key ?>"><?= $value ?></option>
                            <?php } ?>
                        </select>
	                </div>
	    		</div>
	    		<div class="col-sm-12 col-md-4">
	                <div class="form-group">
	                    <label class="control-label">Tanggal Bayar</label>
        				<input class="form-control set_datepicker" type="text" name="tanggal_bayar" placeholder="Tanggal" value="<?= date('d/m/Y') ?>" required="" readonly="">
	                </div>
	    		</div>
	    	</div>
	    	<div class="row alert alert-info">
	    		<div class="col-sm-12 col-md-4">
	    			<div class="form-group">
	    				<label class="control-label red">Pilih Tanggal Upah *</label>
        				<input class="form-control set_datepicker" type="text" name="tanggal_awal" placeholder="Tanggal" value="<?= date('d/m/Y') ?>" required="" readonly="">
	    			</div>
	    		</div>
	    		<div class="col-sm-12 col-md-4">
	    			<div class="form-group">
	    				<label class="control-label red">s/d</label>
        				<input class="form-control set_datepicker" type="text" name="tanggal_akhir" placeholder="Tanggal" value="<?= date('d/m/Y') ?>" required="" readonly="">
	    			</div>
	    		</div>
	    	</div>
	    </div>

    	<table class="table" id="tabel_list_upah">
			<thead>
				<tr>
					<th>Laporan Hasil</th>
					<th>No. Upah</th>
					<th>Tanggal</th>
					<th>Total</th>
				</tr>
			</thead>
			<tbody>

			</tbody>
		</table>
		
		<div class="panel-footer">
			<div class="col-sm-12 col-md-12 text-right">
				<div class="form-group">
					Total Upah Produksi : <p class="form-control-static" style="font-size: 25px" id="total_upah_produksi">Rp 0</p>
				</div>
			</div>
			<div class="col-sm-12 col-md-12 text-right">
				<a href="{{ url('upahproduksi_kemasan') }}" class="btn btn-md btn-default">Batal</a>
				<button type="submit" class="btn btn-md btn-success">Simpan</button>
			</div>
		</div>

	    </form>
	</div>
</div> <!-- end : .content -->

<!----Modal---->
<script type="text/javascript">
	var tabelListUpah = "";
$(document).ready(function () {
	$(".set_selected").select2();
	$(".set_datepicker").datepicker({
		format : "dd/mm/yyyy",
		autoclose : true,
		zOfIndex : 9999,
	});

	tabelListUpah = $("#tabel_list_upah").DataTable({
		filter : false,
		ordering : false,
		paging : false,

	});

	// tanggal_upah_produksi($("input[name=tanggal_bayar]"));
	tanggal_upah_produksi();

	// $("input[name=tanggal_bayar]").on("changeDate", function(ev) {
	// 	tanggal_upah_produksi($(this));
	// });

	$("input[name=tanggal_awal], input[name=tanggal_akhir]").on("changeDate", function(ev) {
		tanggal_upah_produksi();
	});


});

function tanggal_upah_produksi() {
	// var tanggal_bayar = this_.val();
	var tanggal_awal = $("input[name=tanggal_awal]").val();
	var tanggal_akhir = $("input[name=tanggal_akhir]").val();
	$.ajax({
		type : "get",
		url : "{{ url('upahproduksi_kemasan/get_multi_upah_produksi') }}",
		// data : { '{{$jenis}}':'{{ $pegawai_rekanan->{$jenis} }}', 'tanggal_bayar': tanggal_bayar},
		data : { '{{$jenis}}':'{{ $pegawai_rekanan->{$jenis} }}', 'tanggal_awal': tanggal_awal, 'tanggal_akhir': tanggal_akhir},
		dataType : "json",
		success : function (result) {
			var total_upah = 0;
			tabelListUpah.clear().draw();
			$.each(result, function(id, item) {
				var upah_bayar = parseFloat(item.total_upah)+parseFloat(item.total_lain);
				tabelListUpah.row.add([
						item.noAuto+""+item.noAuto_ext,
						"<input type='hidden' name='id_upahproduksi[]' value='"+item.id+"'>"+item.nomor,
						moment(item.tanggal).format("DD-MM-YYYY"),
						"<input type='hidden' name='jumlah_bayar[]' value='"+upah_bayar+"'>"+accounting.formatMoney(upah_bayar)
					]).draw().node();
				total_upah += upah_bayar;
			});
			$("#total_upah_produksi").html(accounting.formatMoney(total_upah));
		}
	})
}

</script>

@endsection