Anons79 Mini Shell

@extends('template')

@section('content')
    <div class="card">
        <div class="card-body">
            <h4 class="card-title">Edit Luas Tanam & Puso</h4>
            <form class="forms-sample" action="{{ route('luasTanamPuso.update', $item->id) }}" method="post">
                @csrf
                @method('put')
                <div class="form-group">
                    <label for="bulan">Bulan</label>
                    <input type="month" class="form-control" name="bulan" id="bulan" value="{{ $item->bulan }}">
                </div>
                <div class="form-group">
                    <label for="kecamatan">Kecamatan</label>
                    <select name="kecamatan" id="kecamatan" class="form-control">
                        <option value="">- Pilih -</option>
                        @foreach ($kecamatan as $q)
                            <option value="{{ $q->id }}" {{ $item->id_kecamatan == $q->id ? 'selected' : '' }}>
                                {{ $q->nama }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group">
                    <label for="kampung">Kampung</label>
                    <select name="kampung" id="kampung" class="form-control">
                        <option value="">- Pilih Kecamatan Terlebih Dahulu -</option>
                    </select>
                </div>
                <div class="form-group">
                    <label for="komoditas">Komoditas</label>
                    <select name="komoditas" id="komoditas" class="form-control">
                        <option value="Padi" {{ $item->komoditas == 'Padi' ? 'selected' : '' }}>Padi</option>
                        <option value="Jagung" {{ $item->komoditas == 'Jagung' ? 'selected' : '' }}>Jagung</option>
                        <option value="Ubi Kayu" {{ $item->komoditas == 'Ubi Kayu' ? 'selected' : '' }}>Ubi Kayu</option>
                        <option value="Ubi Jalar" {{ $item->komoditas == 'Ubi Jalar' ? 'selected' : '' }}>Ubi Jalar</option>
                    </select>
                </div>
                <div class="form-group">
                    <label for="luas_tanam">Luas Tanam</label>
                    <input type="number" class="form-control" name="luas_tanam" id="luas_tanam"
                        value="{{ $item->luas_tanam }}" required>
                </div>
                <div class="form-group">
                    <label for="luas_puso">Luas Puso</label>
                    <input type="number" class="form-control" name="luas_puso" id="luas_puso"
                        value="{{ $item->luas_puso }}">
                </div>
                <button type="submit" class="btn btn-primary mr-2">Kirim</button>
                <a href="{{ route('luasTanamPuso.index') }}" class="btn btn-light">Kembali</a>
            </form>
        </div>
    </div>
@endsection

@push('scripts')
    <script src="{{ asset('template') }}/jquery/jquery-3.4.1.min.js"></script>
    <script>
        $(document).ready(function() {
            var kecamatan_id = $('#kecamatan').val();

            if (kecamatan_id) {
                $.ajax({
                    url: '{{ url('get-kampung-list') }}/' + kecamatan_id,
                    type: 'get',
                    dataType: 'json',
                    success: function(data) {
                        if (!$.isEmptyObject(data)) {
                            $('#kampung').empty().append(
                                '<option value="">- Pilih Kampung -</option>');
                            $('#kampung').prop('required', true);
                            $.each(data, function(key, value) {
                                $('#kampung').append('<option value="' + key + '">' + value +
                                    '</option>');
                            });
                            var kampung_id = '{{ $item->id_kampung }}';
                            $('#kampung').val(kampung_id);
                        } else {
                            $('#kampung').empty().append(
                                '<option value="">- Kampung tidak tersedia -</option>');
                        }
                    }
                });
            } else {
                $('#kampung').empty().append(
                    '<option value="">- Pilih Terlebih Kecamatan Dahulu -</option>');
            }

            $('#kecamatan').change(function() {
                var kecamatan_id = $(this).val();
                if (kecamatan_id) {
                    $.ajax({
                        url: '{{ url('get-kampung-list') }}/' + kecamatan_id,
                        type: 'get',
                        dataType: 'json',
                        success: function(data) {
                            if (!$.isEmptyObject(data)) {
                                $('#kampung').empty().append(
                                    '<option value="">- Pilih Kampung -</option>');
                                $('#kampung').prop('required', true);
                                $.each(data, function(key, value) {
                                    $('#kampung').append('<option value="' + key +
                                        '">' + value +
                                        '</option>');
                                });
                            } else {
                                $('#kampung').empty().append(
                                    '<option value="">- Kampung tidak tersedia -</option>');
                            }
                        }
                    });
                } else {
                    $('#kampung').empty().append(
                        '<option value="">- Pilih Terlebih Kecamatan Dahulu -</option>');
                }
            });
        });
    </script>
@endpush