<?php 
 $thntnm = Session::get('tahuntanam');
        if($thntnm == '2425'){
            $tahunprod = '2025';
        }else if($thntnm == '2526'){
            $tahunprod = '2026';
        }else if($thntnm == '2627'){
            $tahunprod = '2027';
        }
?>

    <div class="">
        <div style="text-align:right;">
            <input id="filter-tgl-sisa" class="form-option" type="date" value="{{ date('Y-m-d') }}"></input>
            <button id="btnSisaTebang" class="btn btn-sm btn-primary">Filter</button>
        </div>
<!-- Include Bootstrap CSS & JS -->



        <div class="card" style="background: none;">
            <div class="card-body" style="padding: 0;">
                <ul class="nav nav-tabs" id="sisaTertebangTabs" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link active" id="map-tab" data-toggle="tab" href="#tab-map" role="tab" aria-controls="tab-map" aria-selected="true">MAP</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" id="table-tab" data-toggle="tab" href="#tab-table" role="tab" aria-controls="tab-table" aria-selected="false">VS TAKMAR</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" id="table-tab2" data-toggle="tab" href="#tab-table2" role="tab" aria-controls="tab-table2" aria-selected="false">VS RKAP</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" id="table-tab3" data-toggle="tab" href="#tab-table3" role="tab" aria-controls="tab-table3" aria-selected="false">VS <?php echo $tahunprod-1; ?></a>
                    </li>
                </ul>
                <div class="tab-content" id="sisaTertebangTabsContent">
                    <div class="tab-pane fade show active" id="tab-map" role="tabpanel" aria-labelledby="map-tab">
                        <div id="sisa_tertebang_tebu_map" class="w-100"></div>
                    </div>
                    <div class="tab-pane fade" id="tab-table" role="tabpanel" aria-labelledby="table-tab">
                        <div id="sisa_tertebang_tebu" class="w-100"></div>
                    </div>
                    <div class="tab-pane fade" id="tab-table2" role="tabpanel" aria-labelledby="table-tab2">
                        <div id="sisa_tertebang_tebu_rkap" class="w-100">tes</div>
                    </div>
                    <div class="tab-pane fade" id="tab-table3" role="tabpanel" aria-labelledby="table-tab3">
                        <div id="sisa_tertebang_tebu_2024" class="w-100"></div>
                    </div>
                </div>
            </div>
        </div>

        </div>

<script>
    loadSisaTertebangTebuMap();
    loadSisaTertebangTebuRkap();  
    loadSisaTertebangTebu();
    loadSisaTertebangTebu2024();



   function loadSisaTertebangTebu() {
                $('#sisa_tertebang_tebu').html('<div class="text-center py-5"><span class="spinner-border text-primary"><img src="https://prodis.ksotebu.com/assets/images/goku.png" width="20"></span><div>Memuat data tebu...</div></div>');
                var tgl = $('#filter-tgl-sisa').val();
                $.ajax({
                    url: "{{ url('/dashboard/sisa_tertebang_tebu') }}",
                    type: "GET",
                    data: { tgl: tgl },
                    success: function(response) {
                        $('#sisa_tertebang_tebu').html(response);
                    },
                    error: function(xhr, status, error) {
                        $('#sisa_tertebang_tebu').html('<div class="text-danger">Gagal memuat data tebu.</div>');
                    }
                });
            }

            function loadSisaTertebangTebuRkap() {
                $('#sisa_tertebang_tebu_rkap').html('<div class="text-center py-5"><span class="spinner-border text-primary"><img src="https://prodis.ksotebu.com/assets/images/goku.png" width="20"></span><div>Memuat data tebu...</div></div>');
                var tgl = $('#filter-tgl-sisa').val();
                $.ajax({
                    url: "{{ url('/dashboard/sisa_tertebang_tebu_rkap') }}",
                    type: "GET",
                    data: { tgl: tgl },
                    success: function(response) {
                        $('#sisa_tertebang_tebu_rkap').html(response);
                    },
                    error: function(xhr, status, error) {
                        $('#sisa_tertebang_tebu_rkap').html('<div class="text-danger">Gagal memuat data tebu.</div>');
                    }
                });
            }

            function loadSisaTertebangTebu2024() {
                $('#sisa_tertebang_tebu_2024').html('<div class="text-center py-5"><span class="spinner-border text-primary"><img src="https://prodis.ksotebu.com/assets/images/goku.png" width="20"></span><div>Memuat data tebu...</div></div>');
                var tgl = $('#filter-tgl-sisa').val();
                $.ajax({
                    url: "{{ url('/dashboard/sisa_tertebang_tebu_2024') }}",
                    type: "GET",
                    data: { tgl: tgl },
                    success: function(response) {
                        $('#sisa_tertebang_tebu_2024').html(response);
                    },
                    error: function(xhr, status, error) {
                        $('#sisa_tertebang_tebu_2024').html('<div class="text-danger">Gagal memuat data tebu.</div>');
                    }
                });
            }

            $('#btnSisaTebang').click(function() {
                loadSisaTertebangTebu();
                loadSisaTertebangTebuRkap();
                loadSisaTertebangTebu2024();
            });
            
            function loadSisaTertebangTebuMap() {
                $('#sisa_tertebang_tebu_map').html('<div class="text-center py-5"><span class="spinner-border text-primary"><img src="https://prodis.ksotebu.com/assets/images/goku.png" width="20"></span><div>Memuat data sisa tertebang tebu...</div></div>');
                var tgl = $('#filter-tgl-sisa').val();
                $.ajax({
                    url: "{{ url('/dashboard/mapdashboard') }}",
                    type: "GET",
                    data: { tgl: tgl },
                    success: function(response) {
                        $('#sisa_tertebang_tebu_map').html(response);
                    },
                    error: function(xhr, status, error) {
                        $('#sisa_tertebang_tebu_map').html('<div class="text-danger">Gagal memuat data sisa tertebang tebu.</div>');
                    }
                });
            }
  
  
           
</script>