@extends('layouts.main')
@section('container')
    <div class="card shadow mb-4">
        <div class="card-header py-3 text-center">
            <h5 class="m-0 font-weight-bold text-primary ">{{ $heading }}</h5>
        </div>

        <div class="card-body">
            <form action ="/status_periksa_balita/{{ $data->id }}/update" method="post">
                @method('patch')
                @csrf

                <div class="form-group">
                    <label>Tanggal Kunjungan</label>
                    <input type="date" name="tanggal_kunjungan"
                        class="form-control @error('tanggal_kunjungan')is-invalid @enderror"
                        value="{{ old('tanggal_kunjungan', $data->tanggal_kunjungan) }}">
                    @error('tanggal_kunjungan')
                        <div class="invalid-feedback">
                            {{ $message }}
                        </div>
                    @enderror
                </div>
                {{-- <div class="form-row">
                    <div class="form-group col-md-6">
                        <label>Usia Balita (Tahun)</label>
                        <input type="number" name="usia_balita_tahun"
                            class="form-control @error('usia_balita_tahun') is-invalid @enderror"
                            value="{{ old('usia_balita_tahun', $data->usia_balita_tahun) }}" min="0" max="5">
                        @error('usia_balita_tahun')
                            <div class="invalid-feedback">
                                {{ $message }}
                            </div>
                        @enderror
                    </div>
                    <div class="form-group col-md-6">
                        <label>Usia Balita (Bulan)</label>
                        <input type="number" name="usia_balita_bulan"
                            class="form-control @error('usia_balita_bulan') is-invalid @enderror"
                            value="{{ old('usia_balita_bulan', $data->usia_balita_bulan) }}" min="0" max="11">
                        @error('usia_balita_bulan')
                            <div class="invalid-feedback">
                                {{ $message }}
                            </div>
                        @enderror
                    </div>
                </div> --}}
                <div class="form-group">
                    <label>Tinggi Badan (Cm)</label>
                    <input type="number" name="tinggi_badan"
                        class="form-control @error('tinggi_badan')is-invalid @enderror"
                        value="{{ old('tinggi_badan', $data->tinggi_badan) }}">
                    @error('tinggi_badan')
                        <div class="invalid-feedback">
                            {{ $message }}
                        </div>
                    @enderror
                </div>
                <div class="form-group">
                    <label>Berat Badan</label>
                    <input type="number" name="berat_badan" class="form-control @error('berat_badan')is-invalid @enderror"
                        value="{{ old('berat_badan', $data->berat_badan) }}">
                    @error('berat_badan')
                        <div class="invalid-feedback">
                            {{ $message }}
                        </div>
                    @enderror
                </div>
                <div class="form-group">
                    <label>Lingkar Kepala Balita (cm)</label>
                    <input type="number" name="lingkar_kepala_balita"
                        class="form-control @error('lingkar_kepala_balita')is-invalid @enderror"
                        value="{{ old('lingkar_kepala_balita', $data->lingkar_kepala_balita) }}">
                    @error('lingkar_kepala_balita')
                        <div class="invalid-feedback">
                            {{ $message }}
                        </div>
                    @enderror
                </div>
                <div class="form-group">
                    <label>Jenis Vitamin</label>
                    <select class="form-control @error('vitamin_id') is-invalid @enderror" name="vitamin_id"
                        id="vitamin_id">
                        <option value="" {{ old('vitamin_id') == '' ? 'selected' : '' }}>---
                            Pilih ---
                        </option>
                        @foreach ($data_vitamin->where('jenis_obat', 'Vitamin') as $dv)
                            <option value="{{ $dv->id }}"
                                {{ old('vitamin_id', $data->vitamin_id) == $dv->id ? 'selected' : '' }}>
                                {{ $dv->nama_obat }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group">
                    <label for="imunisasi_id">Jenis Imunisasi</label>
                    <select class="form-control @error('imunisasi_id') is-invalid @enderror" name="imunisasi_id"
                        id="imunisasi_id">
                        <option value="" {{ old('imunisasi_id') == '' ? 'selected' : '' }}>---
                            Pilih ---
                        </option>
                        @foreach ($data_vitamin->where('jenis_obat', 'Imunisasi') as $dv)
                            <option value="{{ $dv->id }}"
                                {{ old('imunisasi_id', $data->imunisasi_id) == $dv->id ? 'selected' : '' }}>
                                {{ $dv->nama_obat }}
                            </option>
                        @endforeach
                    </select>

                    @error('imunisasi_id')
                        <div class="invalid-feedback">
                            {{ $message }}
                        </div>
                    @enderror
                </div>


                <div class="modal-footer">
                    <button class="btn btn-primary" type="submit">Update</button>
                </div>
                <hr>

            </form>
        </div>
    </div>
    <script>
        document.addEventListener('DOMContentLoaded', function() {

            var inputs = document.querySelectorAll('.form-control');
            inputs.forEach(function(input) {
                input.addEventListener('focus', function() {
                    this.classList.remove('is-invalid');
                    var feedback = this.parentNode.querySelector('.invalid-feedback');
                    if (feedback) {
                        feedback.style.display = 'none';
                    }
                });
            });
        });
    </script>
@endsection
