@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-12">
                    <form class="form-inline d-flex flex-wrap align-items-end gap-3">
                        <input type="date" class="form-control mb-2" id="tanggal_awal" name="tanggal_awal" value="{{ request('tanggal_awal') }}">

                        <input type="date" class="form-control mb-2" id="tanggal_akhir" name="tanggal_akhir" value="{{ request('tanggal_akhir') }}">

                        <select class="form-control mb-2" id="cluster" name="cluster">
                            <option value="">-- Pilih Cluster --</option>
                            <option value="SUMATERA 1" {{ request('cluster') == 'SUMATERA 1' ? 'selected' : '' }}>SUMATERA 1</option>
                            <option value="SUMATERA 2" {{ request('cluster') == 'SUMATERA 2' ? 'selected' : '' }}>SUMATERA 2</option>
                            <option value="JATENG" {{ request('cluster') == 'JATENG' ? 'selected' : '' }}>JATENG</option>
                            <option value="JATIM 1" {{ request('cluster') == 'JATIM 1' ? 'selected' : '' }}>JATIM 1</option>
                            <option value="JATIM 2" {{ request('cluster') == 'JATIM 2' ? 'selected' : '' }}>JATIM 2</option>
                            <option value="SULAWESI" {{ request('cluster') == 'SULAWESI' ? 'selected' : '' }}>SULAWESI</option>
                        </select>

                        <select class="form-control mb-2" id="kebun" name="kebun">
                            <option value="">-- Pilih Kebun --</option>
                            <option value="Kwala madu" {{ request('kebun') == 'Kwala madu' ? 'selected' : '' }}>Kwala madu</option>
                            <option value="Sei Semayang" {{ request('kebun') == 'Sei Semayang' ? 'selected' : '' }}>Sei Semayang</option>
                            <option value="Bungamayang" {{ request('kebun') == 'Bungamayang' ? 'selected' : '' }}>Bungamayang</option>
                            <option value="Cinta Manis 1" {{ request('kebun') == 'Cinta Manis 1' ? 'selected' : '' }}>Cinta Manis 1</option>
                            <option value="Cinta Manis 2" {{ request('kebun') == 'Cinta Manis 2' ? 'selected' : '' }}>Cinta Manis 2</option>
                            <option value="Jateng" {{ request('kebun') == 'Jateng' ? 'selected' : '' }}>Jateng</option>
                            <option value="Agroforestry" {{ request('kebun') == 'Agroforestry' ? 'selected' : '' }}>Agroforestry</option>
                            <option value="Dhoho" {{ request('kebun') == 'Dhoho' ? 'selected' : '' }}>Dhoho</option>
                            <option value="Lumajang Raya" {{ request('kebun') == 'Lumajang Raya' ? 'selected' : '' }}>Lumajang Raya</option>
                            <option value="Banyuwangi Raya" {{ request('kebun') == 'Banyuwangi Raya' ? 'selected' : '' }}>Banyuwangi Raya</option>
                            <option value="Kalitelepak" {{ request('kebun') == 'Kalitelepak' ? 'selected' : '' }}>Kalitelepak</option>
                            <option value="Mumbul" {{ request('kebun') == 'Mumbul' ? 'selected' : '' }}>Mumbul</option>
                            <option value="Bone" {{ request('kebun') == 'Bone' ? 'selected' : '' }}>Bone</option>
                            <option value="Camming" {{ request('kebun') == 'Camming' ? 'selected' : '' }}>Camming</option>
                            <option value="Takalar" {{ request('kebun') == 'Takalar' ? 'selected' : '' }}>Takalar</option>
                        </select>

                        

                        <button type="submit" class="btn btn-primary mb-2">Filter</button>
                    </form>
                </div>
			</div>
		<div >

	


		 <div class="table-responsive" style="min-height:300px;">
	    
		<input type="hidden" name="md" value="" />
		</div>
		
		<script>
        $(document).ready(function() {
            function fetchTable() {
                var tanggal_awal = $('#tanggal_awal').val();
                var tanggal_akhir = $('#tanggal_akhir').val();
                var cluster = $('#cluster').val();
                var kebun = $('#kebun').val();

                $.ajax({
                    url: '{{ url("rekapconsoleharianafdeling/getTable") }}',
                    type: 'GET',
                    data: {
                        tanggal_awal: tanggal_awal,
                        tanggal_akhir: tanggal_akhir,
                        cluster: cluster,
                        kebun: kebun
                    },
                    headers: {
                        'X-Requested-With': 'XMLHttpRequest'
                    },
                    success: function(html) {
                        $('.table-responsive').html(html);
                    }
                });
            }

            $('.btn.btn-primary').on('click', function(e) {
                e.preventDefault();
                fetchTable();
            });

            // Optionally, fetch table on page load
            fetchTable();
        });
        </script>
		@include('footer')
	</div>  
</div>
@stop