solve praktik budidaya

2026-07-22 13:27:35 +07:00
parent e02a34a527
commit 4c66d72dc5
4 changed files with 238 additions and 24 deletions
@@ -517,6 +517,57 @@
    $(document).ready(function () {

        $('#tenaga-kerja, #frekuensi-pemangkasan-komoditas-utama, #frekuensi-pemangkasan-pohon-penaung, #penyerbukan-manual, #pemberian-pupuk, #jenis-pupuk').select2();
+
+        function syncTeknikPemangkasanState() {
+            const tidakPernahMemangkas = $('#frekuensi-pemangkasan-komoditas-utama').val() === '{{ \App\Enums\PraktikBudidaya\FrekuensiPemangkasanUtama::TIDAK_PERNAH->value }}';
+            const $teknikInputs = $('input[name="teknik_pemangkasan[]"]');
+            const $lainnyaInput = $('#input-teknik-pemangkasan-lainnya');
+
+            $teknikInputs
+                .prop('disabled', tidakPernahMemangkas)
+                .closest('.form-check')
+                .toggleClass('opacity-50', tidakPernahMemangkas);
+
+            if (tidakPernahMemangkas) {
+                $teknikInputs.prop('checked', false);
+                $lainnyaInput.val('');
+            }
+
+            $lainnyaInput.prop('disabled', tidakPernahMemangkas || !$('#teknik-pemangkasan-lainnya').is(':checked'));
+        }
+
+        $('#frekuensi-pemangkasan-komoditas-utama, #teknik-pemangkasan-lainnya').on('change select2:select select2:clear', syncTeknikPemangkasanState);
+        syncTeknikPemangkasanState();
+
+        function syncPemupukanState() {
+            const tidakPernahMemberiPupuk = $('#pemberian-pupuk').val() === '{{ \App\Enums\PraktikBudidaya\PemberianPupuk::TIDAK_PERNAH->value }}';
+            const $pemupukanFields = $(
+                '#jenis-pupuk, ' +
+                'input[name="frekuensi_pemupukan"], #input-frekuensi-pemupukan-lainnya, ' +
+                '#estimasi-dosis-pupuk-organik, #estimasi-dosis-pupuk-anorganik, ' +
+                'input[name="waktu_pemberian_pupuk"], #input-waktu-pemberian-pupuk-lainnya, ' +
+                'input[name="cara_pemberian_pupuk"], #input-cara-pemberian-pupuk-lainnya'
+            );
+
+            $pemupukanFields
+                .prop('disabled', tidakPernahMemberiPupuk)
+                .closest('.form-check, .form-control-validation')
+                .toggleClass('opacity-50', tidakPernahMemberiPupuk);
+
+            if (tidakPernahMemberiPupuk) {
+                $('#jenis-pupuk').val('').trigger('change.select2');
+                $('input[name="frekuensi_pemupukan"], input[name="waktu_pemberian_pupuk"], input[name="cara_pemberian_pupuk"]').prop('checked', false);
+                $('#input-frekuensi-pemupukan-lainnya, #estimasi-dosis-pupuk-organik, #estimasi-dosis-pupuk-anorganik, #input-waktu-pemberian-pupuk-lainnya, #input-cara-pemberian-pupuk-lainnya').val('');
+            } else {
+                $('#input-frekuensi-pemupukan-lainnya').prop('disabled', !$('input[data-target="#input-frekuensi-pemupukan-lainnya"]').is(':checked'));
+                $('#input-waktu-pemberian-pupuk-lainnya').prop('disabled', !$('input[data-target="#input-waktu-pemberian-pupuk-lainnya"]').is(':checked'));
+                $('#input-cara-pemberian-pupuk-lainnya').prop('disabled', !$('input[data-target="#input-cara-pemberian-pupuk-lainnya"]').is(':checked'));
+            }
+        }
+
+        $('#pemberian-pupuk').on('change select2:select select2:clear', syncPemupukanState);
+        syncPemupukanState();
+        setTimeout(syncPemupukanState, 0);
    
        const $switch = $('input[name="disimpan_untuk_diri_sendiri"]');
        const $text = $('#switch-text');
@@ -636,6 +687,35 @@
            trigger.addEventListener('change', toggleInput);
            toggleInput();
        });
+
+        const frekuensiPemangkasan = document.getElementById('frekuensi-pemangkasan-komoditas-utama');
+        const teknikPemangkasanInputs = document.querySelectorAll('input[name="teknik_pemangkasan[]"]');
+        const teknikPemangkasanLainnya = document.getElementById('input-teknik-pemangkasan-lainnya');
+
+        function toggleTeknikPemangkasan() {
+            const tidakPernahMemangkas = frekuensiPemangkasan && frekuensiPemangkasan.value === '{{ \App\Enums\PraktikBudidaya\FrekuensiPemangkasanUtama::TIDAK_PERNAH->value }}';
+
+            teknikPemangkasanInputs.forEach(function (input) {
+                input.disabled = tidakPernahMemangkas;
+                input.closest('.form-check')?.classList.toggle('opacity-50', tidakPernahMemangkas);
+
+                if (tidakPernahMemangkas) {
+                    input.checked = false;
+                }
+            });
+
+            if (teknikPemangkasanLainnya) {
+                teknikPemangkasanLainnya.disabled = tidakPernahMemangkas || !document.getElementById('teknik-pemangkasan-lainnya')?.checked;
+
+                if (tidakPernahMemangkas) {
+                    teknikPemangkasanLainnya.value = '';
+                }
+            }
+        }
+
+        frekuensiPemangkasan?.addEventListener('change', toggleTeknikPemangkasan);
+        document.getElementById('teknik-pemangkasan-lainnya')?.addEventListener('change', toggleTeknikPemangkasan);
+        toggleTeknikPemangkasan();
    });
 </script>
-@endpush
+@endpush
@@ -39,7 +39,8 @@
            <form id="praktikBudidayaForm" action="{{ route('petani.praktik-budidaya.update', [$petani->id, $praktikBudidaya->id]) }}" method="POST">
            @csrf
            @method('PUT')
-                <div class="card mb-6">
+            <input type="hidden" name="redirect_fragment" value="section-opt">
+                <div class="card mb-6" id="section-praktik-pemupukan">
                    <div class="card-body pt-12">
                        <h5 class="pb-4 border-bottom mb-4">Persiapan Lahan & Tanaman</h5>
                        <div class="row">
@@ -541,8 +542,9 @@
            <form id="praktikBudidayaForm" action="{{ route('petani.praktik-budidaya.update', [$petani->id, $praktikBudidaya->id]) }}" method="POST">
            @csrf
            @method('PUT')
+            <input type="hidden" name="redirect_fragment" value="section-biaya-produksi">

-                <div class="card mb-6">
+                <div class="card mb-6" id="section-opt">
                    <div class="card-body pt-12">
                        <!-- INFORMASI PETANI -->
                        <h5 class="pb-4 border-bottom mb-4">Pengendalian Organisme Pengganggu Tumbuhan (OPT)</h5>
@@ -1048,7 +1050,8 @@
            <form id="praktikBudidayaForm" action="{{ route('petani.praktik-budidaya.update', [$petani->id, $praktikBudidaya->id]) }}" method="POST">
            @csrf
            @method('PUT')
-                <div class="card mb-6">
+            <input type="hidden" name="redirect_fragment" value="section-penanganan-panen">
+                <div class="card mb-6" id="section-biaya-produksi">
                    <div class="card-body pt-12">
                        <h5 class="pb-4 border-bottom mb-4">Struktur Biaya Produksi Permusim</h5>
                        <div class="row">
@@ -1360,7 +1363,8 @@
            <form id="praktikBudidayaForm" action="{{ route('petani.praktik-budidaya.update', [$petani->id, $praktikBudidaya->id]) }}" method="POST">
            @csrf
            @method('PUT')
-                <div class="card mb-6">
+            <input type="hidden" name="redirect_fragment" value="section-produktivitas">
+                <div class="card mb-6" id="section-penanganan-panen">
                    <div class="card-body pt-12">
                        <h5 class="pb-4 border-bottom mb-4">Penanganan Awal Setelah Panen</h5>
                        <div class="row">
@@ -1546,7 +1550,7 @@
                    </div>
                </div>
            </form>
-            <div class="card mb-6">
+            <div class="card mb-6" id="section-produktivitas">
                <div class="card-body pt-12">
                    <h5 class="pb-4 border-bottom mb-4">
                        Produktivitas Rata-rata 3 Musim Panen Terakhir per Komoditas
@@ -1579,6 +1583,7 @@
                                    <form method="POST" action="{{ route('petani.survey-produktivitas.destroy', [$petani->id, $row->id]) }}">
                                        @csrf
                                        @method('DELETE')
+                                        <input type="hidden" name="redirect_fragment" value="section-produktivitas">
                                        <button type="submit" class="btn btn-outline-danger">
                                            <i class="icon-base ti tabler-trash icon-sm"></i>
                                        </button>
@@ -1593,6 +1598,7 @@
                        action="{{ route('petani.survey-produktivitas.store', $petani->id) }}"
                        class="form-repeater">
                        @csrf
+                        <input type="hidden" name="redirect_fragment" value="section-kehilangan-hasil">

                        <div data-repeater-list="produktivitas_komoditas">
                            <div data-repeater-item>
@@ -1657,7 +1663,8 @@
            <form id="praktikBudidayaForm" action="{{ route('petani.praktik-budidaya.update', [$petani->id, $praktikBudidaya->id]) }}" method="POST">
            @csrf
            @method('PUT')
-                <div class="card mb-6">
+            <input type="hidden" name="redirect_fragment" value="section-kehilangan-hasil">
+                <div class="card mb-6" id="section-kehilangan-hasil">
                    <div class="card-body pt-12">
                        <h5 class="pb-4 border-bottom mb-4">Kehilangan Hasil Akibat Organisme Pengganggu Tumbuhan (OPT)</h5>
                        <div class="row">
@@ -1706,12 +1713,76 @@
 </div>
@endsection

+@push('scripts-head')
+<style>
+    #section-praktik-pemupukan,
+    #section-opt,
+    #section-biaya-produksi,
+    #section-penanganan-panen,
+    #section-produktivitas,
+    #section-kehilangan-hasil {
+        scroll-margin-top: 96px;
+    }
+</style>
+@endpush
+
@push('scripts')
 <script>
    'use strict';
    $(document).ready(function () {

        $('#tenaga-kerja, #frekuensi-pemangkasan-komoditas-utama, #frekuensi-pemangkasan-pohon-penaung, #penyerbukan-manual, #pemberian-pupuk, #jenis-pupuk, #metode-penanganan-hama-penyakit, #intensitas-serangan, #waktu-kemunculan-terparah, #frekuensi-sanitasi-lahan, #penanganan-sisa-buah-ranting, #penanganan-gulma, #kondisi-pengelolaan-air-irigasi, #kebutuhan-air-permusim, #pemahaman-manfaat-konservasi, #dasar-penentuan-panen, #praktik-sortasi, #bentuk-sortasi, #estimasi-kehilangan-akibat-opt, #tingkat-reject, #tindakan-hasil-reject, #estimasi-kehilangan-akibat-hama, #komoditas-id').select2();
+
+        function syncTeknikPemangkasanState() {
+            const tidakPernahMemangkas = $('#frekuensi-pemangkasan-komoditas-utama').val() === '{{ \App\Enums\PraktikBudidaya\FrekuensiPemangkasanUtama::TIDAK_PERNAH->value }}';
+            const $teknikInputs = $('input[name="teknik_pemangkasan[]"]');
+            const $lainnyaInput = $('#input-teknik-pemangkasan-lainnya');
+
+            $teknikInputs
+                .prop('disabled', tidakPernahMemangkas)
+                .closest('.form-check')
+                .toggleClass('opacity-50', tidakPernahMemangkas);
+
+            if (tidakPernahMemangkas) {
+                $teknikInputs.prop('checked', false);
+                $lainnyaInput.val('');
+            }
+
+            $lainnyaInput.prop('disabled', tidakPernahMemangkas || !$('#teknik-pemangkasan-lainnya').is(':checked'));
+        }
+
+        $('#frekuensi-pemangkasan-komoditas-utama, #teknik-pemangkasan-lainnya').on('change select2:select select2:clear', syncTeknikPemangkasanState);
+        syncTeknikPemangkasanState();
+
+        function syncPemupukanState() {
+            const tidakPernahMemberiPupuk = $('#pemberian-pupuk').val() === '{{ \App\Enums\PraktikBudidaya\PemberianPupuk::TIDAK_PERNAH->value }}';
+            const $pemupukanFields = $(
+                '#jenis-pupuk, ' +
+                'input[name="frekuensi_pemupukan"], #input-frekuensi-pemupukan-lainnya, ' +
+                '#estimasi-dosis-pupuk-organik, #estimasi-dosis-pupuk-anorganik, ' +
+                'input[name="waktu_pemberian_pupuk"], #input-waktu-pemberian-pupuk-lainnya, ' +
+                'input[name="cara_pemberian_pupuk"], #input-cara-pemberian-pupuk-lainnya'
+            );
+
+            $pemupukanFields
+                .prop('disabled', tidakPernahMemberiPupuk)
+                .closest('.form-check, .form-control-validation')
+                .toggleClass('opacity-50', tidakPernahMemberiPupuk);
+
+            if (tidakPernahMemberiPupuk) {
+                $('#jenis-pupuk').val('').trigger('change.select2');
+                $('input[name="frekuensi_pemupukan"], input[name="waktu_pemberian_pupuk"], input[name="cara_pemberian_pupuk"]').prop('checked', false);
+                $('#input-frekuensi-pemupukan-lainnya, #estimasi-dosis-pupuk-organik, #estimasi-dosis-pupuk-anorganik, #input-waktu-pemberian-pupuk-lainnya, #input-cara-pemberian-pupuk-lainnya').val('');
+            } else {
+                $('#input-frekuensi-pemupukan-lainnya').prop('disabled', !$('input[data-target="#input-frekuensi-pemupukan-lainnya"]').is(':checked'));
+                $('#input-waktu-pemberian-pupuk-lainnya').prop('disabled', !$('input[data-target="#input-waktu-pemberian-pupuk-lainnya"]').is(':checked'));
+                $('#input-cara-pemberian-pupuk-lainnya').prop('disabled', !$('input[data-target="#input-cara-pemberian-pupuk-lainnya"]').is(':checked'));
+            }
+        }
+
+        $('#pemberian-pupuk').on('change select2:select select2:clear', syncPemupukanState);
+        syncPemupukanState();
+        setTimeout(syncPemupukanState, 0);
    
        const $switch = $('input[name="disimpan_untuk_diri_sendiri"]');
        const $text = $('#switch-text');
@@ -1822,6 +1893,35 @@
            toggleInput();
        });

+        const frekuensiPemangkasan = document.getElementById('frekuensi-pemangkasan-komoditas-utama');
+        const teknikPemangkasanInputs = document.querySelectorAll('input[name="teknik_pemangkasan[]"]');
+        const teknikPemangkasanLainnya = document.getElementById('input-teknik-pemangkasan-lainnya');
+
+        function toggleTeknikPemangkasan() {
+            const tidakPernahMemangkas = frekuensiPemangkasan && frekuensiPemangkasan.value === '{{ \App\Enums\PraktikBudidaya\FrekuensiPemangkasanUtama::TIDAK_PERNAH->value }}';
+
+            teknikPemangkasanInputs.forEach(function (input) {
+                input.disabled = tidakPernahMemangkas;
+                input.closest('.form-check')?.classList.toggle('opacity-50', tidakPernahMemangkas);
+
+                if (tidakPernahMemangkas) {
+                    input.checked = false;
+                }
+            });
+
+            if (teknikPemangkasanLainnya) {
+                teknikPemangkasanLainnya.disabled = tidakPernahMemangkas || !document.getElementById('teknik-pemangkasan-lainnya')?.checked;
+
+                if (tidakPernahMemangkas) {
+                    teknikPemangkasanLainnya.value = '';
+                }
+            }
+        }
+
+        frekuensiPemangkasan?.addEventListener('change', toggleTeknikPemangkasan);
+        document.getElementById('teknik-pemangkasan-lainnya')?.addEventListener('change', toggleTeknikPemangkasan);
+        toggleTeknikPemangkasan();
+
        const biayaProduksiFields = [
            'upah-tenaga-kerja',
            'biaya-bibit',
@@ -1991,4 +2091,4 @@ $(function () {
    });
 });
 </script>
-@endpush
+@endpush