@extends('layouts.master')
@section('title')
    @lang('translation.profile')
@endsection
@section('content')
<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-body">
                pegawais Id {{$pegawais_id}}
                <form id="myForm" action="{{ route('staff.keluarga.update') }}" method="POST">
                    @csrf
                    @method('PUT')
                    <input type="hidden" name="id" value="{{ $prods->id }}">
                    <input type="hidden" name="nomer_kk" id="nomer_kk" class="form-control" value="{{ $prods->no_kk}}">
                    <div class="mb-3">
                        <label>Nama</label>
                        <input type="text" autocomplete="off" class="form-control" name="nama" id="nama" value="{{ $prods->nama }}">
                        @error('nama') <span class="text-danger">{{ $message }}</span> @enderror
                    </div>
                
                    <div class="mb-3">
                        <label>Nomor Kontak</label>
                        <input type="text" autocomplete="off" class="form-control" name="no_kontak" id="no_kontak" value="{{ $prods->no_kontak }}">
                        @error('no_kontak') <span class="text-danger">{{ $message }}</span> @enderror
                    </div>
                
                    <div class="mb-3">
                        <div class="mb-3">
                            <label>Hubungan </label>
                            <select name="hubungan" id="hubungan" class="form-control" data-choices>
                                <option value="-">Pilih</option>
                                @foreach($hubungan as $p) 
                                    <option value="{{$p->id}}"
                                        @if ($prods->hubungan==$p->id)
                                            selected
                                        @endif>{{$p->nama}}</option> 
                                @endforeach
                            </select>
                        </div>
                    </div>
                
                    <div class="mb-3">
                        <label>Tempat Lahir</label>
                        <input type="text" autocomplete="off" class="form-control" id="tempat_lahir" name="tempat_lahir" value="{{ $prods->tempat_lahir }}">
                        @error('tempat_lahir') <span class="text-danger">{{ $message }}</span> @enderror
                    </div>
                
                    <div class="mb-3">
                        <label>Tanggal Lahir</label>
                        <input type="date" name="tanggal_lahir" class="form-control" id="tanggal_lahirs" value="{{ $prods->tanggal_lahir }}" data-provider="flatpickr" data-date-format="Y-m-d">
                        @error('tanggal_lahir') <span class="text-danger">{{ $message }}</span> @enderror
                    </div>
                
                    <div class="mb-3">
                        <label>Pendidikan</label>
                        <select name="pendidikan" class="form-control" id="pendidikan" data-choices>
                             <option value="-">Pilih</option>
                             @foreach($pendidikan as $p) 
                             <option value="{{$p->id}}"
                                @if ($p->id==$prods->pendidikan_id)
                                    selected
                                @endif>{{$p->singkatan}}</option> 
                             @endforeach
                         </select>
                        @error('pendidikan') <span class="text-danger">{{ $message }}</span> @enderror
                    </div>
                
                    <div class="mb-3">
                        <label>Kontak Darurat ?</label>
                        <select name="kontak_darurat" id="kontak_darurat" class="form-control">
                             <option value="1"
                             @if ($prods->kontak_darurat==1)
                                 selected
                             @endif>Tidak</option>
                             <option value="2"
                             @if ($prods->kontak_darurat==2)
                                 selected
                             @endif>Ya</option>
                         </select>
                        @error('kontak_darurat') <span class="text-danger">{{ $message }}</span> @enderror
                    </div>

                    <div class="mb-3">
                        <button type="submit" form="myForm" class="btn btn-primary">Save Changes</button>
                    </div>
                  </form>
            </div>
        </div>
    </div>
</div>
@endsection
@section('script')
<script src="{{ URL::asset('build/js/app.js') }}"></script>
<script src="{{ URL::asset('build/js/external/jquery364.min.js')}}"></script>
<script>
    $(document).ready(function(){
        $("#sideManPegs").attr('aria-expanded',true);
        $("#sideManPeg").addClass('show');
        $("#pegawai").addClass('active');
        $("#myprofile").addClass('active');
        $("#visimisi").removeClass('active');
    });
</script>
@endsection