@if($setting['form-method'] == 'native')
<div class="card">
	<div class="card-body">
@endif

<div class="form-ajax-box">
	{!! Form::open([
		'url' => 'upahtebangtma?return=' . $return,
		'class' => 'form-vertical sximo-form validated',
		'files' => true,
		'parsley-validate' => '',
		'novalidate' => ' ',
		'id' => 'upahtebangtmaFormAjax'
	]) !!}

	<div class="toolbar-nav">
		<div class="row">
			<div class="col-md-6">
				<a href="javascript://ajax" onclick="ajaxViewClose('#{{ $pageModule }}')" class="tips btn btn-sm btn-danger" title="{{ __('core.btn_back') }}">
					<i class="fa fa-times"></i>
				</a>
			</div>
			<div class="col-sm-6 text-right">
				<div class="btn-group">
					<button type="submit" class="btn btn-sm btn-primary" name="apply">{{ Lang::get('core.sb_apply') }}</button>
					<button type="submit" class="btn btn-sm btn-success" name="save">{{ Lang::get('core.sb_save') }}</button>
				</div>
			</div>
		</div>
	</div>

	<div class="row">
		<!-- Form Kiri (2 kolom) -->
		<div class="col-md-2">
			<fieldset>
				{!! Form::hidden('id', $row['id']) !!}
				<div class="form-group">
					<label class="control-label mr-2">
						<i class="fa fa-file-alt"></i> No Dokumen
					</label>
					<div class="d-flex align-items-center">
						<input type="text" name="no_dokumen" id="no_dokumen" value="{{ $row['no_dokumen'] ? $row['no_dokumen'] : $no_dokumen }}" class="form-control form-control-sm" readonly />
						<button type="button" class="btn btn-sm btn-secondary ml-2 mb-2" id="refreshNoDokumen" title="Refresh No Dokumen">
							<i class="fa fa-sync"></i>
						</button>
					</div>
				</div>
		
				
				<div class="form-group">
					<label class="control-label">
						<i class="fa fa-calendar"></i> Tanggal
					</label>
					{!! Form::text('tanggal', $row['tanggal'] ? $row['tanggal'] : $tanggal, ['class' => 'form-control form-control-sm date', 'readonly' => true]) !!}
				</div>
				<div class="form-group">
					<label class="control-label">
						<i class="fa fa-user"></i> Mandor
					</label>
					<select name="mandor" id="mandor" class="select2"></select>
				</div>
				<div class="form-group">
					<label class="control-label">
						<i class="fa fa-cogs"></i> Jenis Tebang
					</label>
					<?php
						$jenis_tebang_opt = [
							'Manual' => 'Manual',
							'Semi Mekanis' => 'Semi Mekanis',
							'Mekanis' => 'Mekanis',
						];
					?>
					<select name="jenis_tebang" id="jenis_tebang" class="select2">
						<?php
						foreach ($jenis_tebang_opt as $key => $val) {
							echo "<option value='$key'" . ($row['jenis_tebang'] == $key ? " selected='selected'" : '') . ">$val</option>";
						}
						?>
					</select>
				</div>
				<div class="form-group">
					<label class="control-label">
						<i class="fa fa-calendar-day"></i> Tgl Timbang Awal
					</label>
					{!! Form::text('tgl_timbang_awal', $row['tgl_timbang_awal'], ['class' => 'form-control form-control-sm date', 'id' => 'tgl_timbang_awal']) !!}
				</div>
				<div class="form-group">
					<label class="control-label">
						<i class="fa fa-calendar-check"></i> Tgl Timbang Akhir
					</label>
					{!! Form::text('tgl_timbang_akhir', $row['tgl_timbang_akhir'], ['class' => 'form-control form-control-sm date', 'id' => 'tgl_timbang_akhir']) !!}
				</div>
				<div class="form-group text-right">
					<button type="button" onclick="tarikDataTimbangan()" id="btntarikDataTimbangan" class="btn btn-sm btn-info w-100">
						<i class="fa fa-download"></i> Tarik Data Timbangan
					</button>
					<br><br>
					<button type="button" onclick="aturUpahPotongan()" id="btnaturUpahPotongan" class="btn btn-sm btn-warning w-100">
						<i class="fa fa-cogs"></i> Atur Upah Potongan
					</button>
				</div>
				{!! Form::hidden('pta_by', $row['pta_by'] ?? '') !!}
				{!! Form::hidden('tma_by', $row['tma_by'] ?? '') !!}
				{!! Form::hidden('keu_by', $row['keu_by'] ?? '') !!}
				{!! Form::hidden('periode_bayar', $row['periode_bayar'] ?? '') !!}
				{!! Form::hidden('approve_bayar', $row['approve_bayar'] ?? '') !!}
				{!! Form::hidden('status', $row['status'] ?? '') !!}
				{!! Form::hidden('createdOn', $row['createdOn'] ?? '') !!}
				{!! Form::hidden('updatedOn', $row['updatedOn'] ?? '') !!}
			</fieldset>
		</div>

		<!-- Table Kanan (4 kolom) -->
		<div class="col-md-10">
			<div id="dataTimbanganContainer" style="margin-top:10px;">
				<!-- Data timbangan akan ditampilkan di sini -->
				<div class="text-center text-muted" style="padding:40px 0;">
					<i class="fa fa-database fa-5x mb-2"></i>
					<div>Data timbangan belum tersedia. Silakan tarik data terlebih dahulu.</div>
				</div>
			</div>
		</div>
	</div>

	<input type="hidden" name="action_task" value="save" />

	{!! Form::close() !!}
</div>

@if($setting['form-method'] == 'native')
	</div>
</div>
@endif

@include('sximo.module.template.ajax.formjavascript')

<script type="text/javascript">
$(document).ready(function() {
@if(\Session::get('gid') == '2' || \Session::get('gid') == '1')
$("#mandor").jCombo("{!! url('upahtebangtma/comboselect?filter=master_mandor_tebang:nik:nik|nama|afdeling') !!}", {
		selected_value: '{{ $row["mandor"] }}'
	});
@else
	$("#mandor").jCombo("{!! url('upahtebangtma/comboselect?filter=master_mandor_tebang:nik:nik|nama|afdeling') !!}&parent=kebun:{{ substr(session('fid'),0,4) }}", {
		selected_value: '{{ $row["mandor"] }}'
	});
@endif
	var form = $('#upahtebangtmaFormAjax');
	form.submit(function() {
			var options = {
				dataType: 'json',
				beforeSubmit: function() {},
				success: function(data) {
					if (data.status == 'success') {
						ajaxViewClose('#{{ $pageModule }}');
						var table = $('#upahtebangtmaTable').DataTable();
						table.ajax.reload();
						notyMessage(data.message);
						$('#sximo-modal').modal('hide');
					} else {
						notyMessageError(data.message);
						return false;
					}
				}
			}
			$(this).ajaxSubmit(options);
			return false;
		
	});
});

	var edit = '{{ $row["id"] }}';

	if (edit) {
		setTimeout(function() {
			tarikDataTimbangan();
		}, 1000);

		$("#refreshNoDokumen").remove();
		$("#tgl_timbang_awal").prop('readonly', true);
		$("#tgl_timbang_akhir").prop('readonly', true);
		// Make select2 fields readonly/disabled when editing
		$('#mandor').on('select2:opening', function (e) {
			e.preventDefault();
		});
		$('#jenis_tebang').on('select2:opening', function (e) {
			e.preventDefault();
		});
		$("#btntarikDataTimbangan").remove();
		$("#btnaturUpahPotongan").remove();

	}

function tarikDataTimbangan() {
	var mandor = $('#mandor').val();
	var jenis_tebang = $('select[name="jenis_tebang"]').val();
	var tgl_awal = $('#tgl_timbang_awal').val();
	var tgl_akhir = $('#tgl_timbang_akhir').val();

	if (!mandor) {
		alert('Mandor harus diisi');
		return;
	}
	if (!jenis_tebang) {
		alert('Jenis Tebang harus diisi');
		return;
	}
	if (!tgl_awal) {
		alert('Tgl Timbang Awal harus diisi');
		return;
	}
	if (!tgl_akhir) {
		alert('Tgl Timbang Akhir harus diisi');
		return;
	}

		var edit = '{{ $row["id"] }}';

	// Tampilkan loading
	$("#dataTimbanganContainer").html(
		'<div class="text-center" style="padding:40px 0;">' +
		'<i class="fa fa-spinner fa-spin fa-3x mb-2"></i>' +
		'<div>Memuat data timbangan...</div>' +
		'</div>'
	);

	$.ajax({
		type: 'GET',
		url: '{{ url("upahtebangtma/getDataTimbangan") }}',
		data: {
			mandor: mandor,
			jenis_tebang: jenis_tebang,
			tanggal_awal: tgl_awal,
			tanggal_akhir: tgl_akhir,
			edit: edit
		},
		dataType: 'text',
		success: function(data) {
			$("#dataTimbanganContainer").empty();
			if (data.length > 0) {
				$("#dataTimbanganContainer").html(data);
			} else {
				$("#dataTimbanganContainer").html('<div class="alert alert-info">Tidak ada data timbangan ditemukan untuk kriteria yang dipilih.</div>');
			}
		},
		error: function() {
			notyMessageError('Terjadi kesalahan saat mengambil data timbangan');
		}
	});
}
function aturUpahPotongan() {
	var jenis_tebang = $('select[name="jenis_tebang"]').val().replace(/ /g, '_');
	console.log(jenis_tebang);

	SximoModal('{!! url('upahtebangtma/upahPotonganForm?jenis_tebang=') !!}' + jenis_tebang,'Atur Upah Potongan');
}
</script>

		<script>
				$(document).ready(function() {
					$('#refreshNoDokumen').on('click', function() {
						$(this).prop('disabled', true);
						$('#refreshNoDokumen i').addClass('fa-spin');
						$.ajax({
							url: '{{ url("upahtebangtma/updateNodok") }}',
							type: 'GET',
							dataType: 'json',
							success: function(response) {
								if(response.no_dokumen){
									$('#no_dokumen').val(response.no_dokumen);
								} else {
									alert('Gagal mengambil No Dokumen');
								}
							},
							error: function() {
								alert('Terjadi kesalahan saat mengambil No Dokumen');
							},
							complete: function() {
								$('#refreshNoDokumen').prop('disabled', false);
								$('#refreshNoDokumen i').removeClass('fa-spin');
							}
						});
					});
				});
				</script>