Anons79 Mini Shell

@extends('template')

@section('content')
    <div class="card">
        <div class="card-body">
            <h4 class="card-title">Edit Timbang Balita</h4>
            <form class="forms-sample" action="{{ route('timbangBalita.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 }}" {{ $q->id == $item->id_kecamatan ? '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="jumlah">Jumlah Balita</label>
                    <input type="number" class="form-control" name="jumlah" id="jumlah"
                        value="{{ $item->jumlah_balita }}" required>
                </div>
                <div class="form-group">
                    <label for="berat_badan_naik">Berat Badan Naik</label>
                    <input type="number" class="form-control" name="berat_badan_naik" id="berat_badan_naik"
                        value="{{ $item->berat_badan_naik }}">
                </div>
                <div class="form-group">
                    <label for="berat_badan_tidak_naik">Berat Badan Tidak Naik</label>
                    <input type="number" class="form-control" name="berat_badan_tidak_naik" id="berat_badan_tidak_naik"
                        value="{{ $item->berat_badan_tidak_naik }}">
                </div>
                <div class="form-group">
                    <label for="dibawah_garis_merah">Dibawah Garis Merah</label>
                    <input type="number" class="form-control" name="dibawah_garis_merah" id="dibawah_garis_merah"
                        value="{{ $item->dibawah_garis_merah }}">
                </div>
                <div class="form-group">
                    <label for="kasus_gizi_buruk">Kasus Gizi Buruk</label>
                    <input type="number" class="form-control" name="kasus_gizi_buruk" id="kasus_gizi_buruk"
                        value="{{ $item->kasus_gizi_buruk }}">
                </div>
                <button type="submit" class="btn btn-primary mr-2">Kirim</button>
                <a href="{{ route('timbangBalita.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