@extends('app')
@section('content')
    <div class="container-fluid px-4">
        <h5 class="mt-4">Ubah Anak</h5>
        <div class="row">
            <div class="col-md-12">
                <div class="card mb-4">
                    <div class="card-header">
                        <i class="fas fa-edit me-1"></i>
                        Form Ubah Anak
                    </div>
                    <div class="card-body">
                        <form action="{{ route('anak.update', $anak->id) }}" method="POST">
                            @csrf
                            @method('PUT')
                            <div class="row mb-3">
                                <div class="col-md-6">
                                    <label for="nama_anak" class="form-label">Nama Anak</label>
                                    <input type="text" class="form-control @error('nama_anak') is-invalid @enderror"
                                        id="nama_anak" name="nama_anak" value="{{ old('nama_anak', $anak->nama_anak) }}">
                                    @error('nama_anak')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="col-md-3">
                                    <label for="tempat_lahir" class="form-label">Tempat Lahir</label>
                                    <input type="text" class="form-control @error('tempat_lahir') is-invalid @enderror"
                                        id="tempat_lahir" name="tempat_lahir"
                                        value="{{ old('tempat_lahir', $anak->tempat_lahir) }}">
                                    @error('tempat_lahir')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="col-md-3">
                                    <label for="tanggal_lahir" class="form-label">Tanggal Lahir</label>
                                    <input type="date" class="form-control @error('tanggal_lahir') is-invalid @enderror"
                                        id="tanggal_lahir" name="tanggal_lahir"
                                        value="{{ old('tanggal_lahir', $anak->tanggal_lahir) }}">
                                    @error('tanggal_lahir')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-md-5">
                                    <label class="form-label">Jenis Kelamin</label>
                                    <div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input @error('jenis_kelamin') is-invalid @enderror"
                                                type="radio" name="jenis_kelamin" id="jk_laki" value="Laki-laki"
                                                {{ old('jenis_kelamin', $anak->jenis_kelamin) == 'Laki-laki' ? 'checked' : '' }}>
                                            <label class="form-check-label" for="jk_laki">Laki-laki</label>
                                        </div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input @error('jenis_kelamin') is-invalid @enderror"
                                                type="radio" name="jenis_kelamin" id="jk_perempuan" value="Perempuan"
                                                {{ old('jenis_kelamin', $anak->jenis_kelamin) == 'Perempuan' ? 'checked' : '' }}>
                                            <label class="form-check-label" for="jk_perempuan">Perempuan</label>
                                        </div>
                                        @error('jenis_kelamin')
                                            <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-7">
                                    <label for="alamat" class="form-label">Alamat</label>
                                    <textarea class="form-control @error('alamat') is-invalid @enderror" id="alamat" name="alamat" rows="1">{{ old('alamat', $anak->alamat) }}</textarea>
                                    @error('alamat')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-md-2">
                                    <label class="form-label">Memiliki Akta Kelahiran</label>
                                    <div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input @error('akta') is-invalid @enderror"
                                                type="radio" name="akta" id="akta_ya" value="Ya"
                                                {{ old('akta', $anak->akta) == 'Ya' ? 'checked' : '' }}>
                                            <label class="form-check-label" for="akta_ya">Ya</label>
                                        </div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input @error('akta') is-invalid @enderror"
                                                type="radio" name="akta" id="akta_tidak" value="Tidak"
                                                {{ old('akta', $anak->akta) == 'Tidak' ? 'checked' : '' }}>
                                            <label class="form-check-label" for="akta_tidak">Tidak</label>
                                        </div>
                                        @error('akta')
                                            <div class="invalid-feedback d-block">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-5">
                                    <label for="nama_ayah" class="form-label">Nama Ayah/Wali</label>
                                    <input type="text" class="form-control @error('nama_ayah') is-invalid @enderror"
                                        id="nama_ayah" name="nama_ayah"
                                        value="{{ old('nama_ayah', $anak->nama_ayah) }}">
                                    @error('nama_ayah')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="col-md-5">
                                    <label for="nama_ibu" class="form-label">Nama Ibu/Wali</label>
                                    <input type="text" class="form-control @error('nama_ibu') is-invalid @enderror"
                                        id="nama_ibu" name="nama_ibu" value="{{ old('nama_ibu', $anak->nama_ibu) }}">
                                    @error('nama_ibu')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <a href="{{ route('anak.index') }}" class="btn btn-danger">Batal</a>
                            <button type="submit" class="btn btn-kriteria">Simpan</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection