@extends('layouts.app')

@section('content')
{{--*/ usort($tableGrid, "SiteHelpers::_sort") /*--}}
<div class="page-titles">
  <h2> {{ $pageTitle }} <small> {{ $pageNote }} </small></h2>
</div>
<div  class="card">
	<div class="card-body">
		<div class="toolbar-nav">
			<div class="row">
				<div class="col-md-6">
						<div class="form-inline">
							<label for="masa_tanam" class="mr-2">Masa Tanam:</label>
							<select id="masa_tanam" name="masa_tanam" class="form-control mr-4">
							</select>

							<label for="jenjang_bibitan" class="mr-2">Jenjang Bibitan:</label>
							<select id="jenjang_bibitan" name="jenjang_bibitan" class="form-control">
							</select>
						</div>
				</div>    
			</div>
		<div >

	


		 <div class="table-responsive" id="getdata" style="min-height:300px;">
	    
		<input type="hidden" name="md" value="" />
		</div>
		
		<script>
		function loadTable() {
			var masa_tanam = $('#masa_tanam').val();
			var jenjang_bibitan = $('#jenjang_bibitan').val();

			$.ajax({
				url: '{{ url("rekapbibitkebun/showTable") }}',
				type: 'GET',
				data: {
					masa_tanam: masa_tanam,
					jenjang_bibitan: jenjang_bibitan
				},
				success: function(response) {
					$('#getdata').html(response);
				},
				error: function(xhr) {
					$('#getdata').html('<div class="alert alert-danger">Gagal memuat data.</div>');
				}
			});
		}

		// Contoh: panggil fungsi saat halaman siap atau saat tombol diklik
		$(document).ready(function() {
			$("#masa_tanam").jCombo("{!! url('dataprodisconsole/comboselect?filter=master_masa_tanam:masa_tanam:masa_tanam') !!}",
			{  initial_text : 'Pilih Masa Tanam'});
			$("#jenjang_bibitan").jCombo("{!! url('dataprodisconsole/comboselect?filter=master_jenjang_bibit:jenjang_bibit:jenjang_bibit') !!}",
			{  initial_text : 'Pilih Jenjang Bibitan'});
			loadTable();

			// Jika ingin reload table saat select berubah
			$('#masa_tanam, #jenjang_bibitan').change(function() {
				loadTable();
			});
		});
		</script>

		@include('footer')
	</div>  
</div>
@stop