@extends('app')
@section('content')
    <div class="container-fluid px-4">
        <h5 class="mt-4">Tambah Anak</h5>
        <div class="row">
            <div class="col-md-12">
                <div class="card mb-4">
                    <div class="card-header">
                        <i class="fas fa-plus me-1"></i>
                        Form Tambah Anak
                    </div>
                    <div class="card-body">
                        <form action="{{ route('anak.store') }}" method="POST">
                            @csrf
                            <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') }}">
                                    @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') }}">
                                    @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') }}">
                                    @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') == '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') == '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') }}</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') == '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') == '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') }}">
                                    @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') }}">
                                    @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