@extends('layouts.backend')

@section('content')
<div class="container">
    <div class="row">
        <div class="col-sm-12">
            <h4 class="page-title">Master Data Penduduk</h4>
            <ol class="breadcrumb">
                <li>
                    <a href="{{route('home')}}">Home</a>
                </li>
                <li>
                    <a href="{{route('backoffice-penduduk')}}">Master Penduduk</a>
                </li>
                <li class="active">
                    {{$model->nama}}
                </li>
            </ol>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
            <div class="card-box">
                <h4 class="m-t-0 header-title"><b>Form Penduduk</b></h4>
                <form id="form-penduduk" method="POST" action="{{route('backoffice-penduduk-update', $model->id)}}" class="form-horizontal" role="form" enctype="multipart/form-data">       
                    {{@csrf_field()}}                             
                    <div class="form-group">
                        <label class="col-md-2 control-label" for="noInduk">N I K</label>
                        <div class="col-md-3">
                            <input type="text" value="{{ $model->no_ktp }}" id="noInduk" name="nik" class="form-control @error('nik') parsley-error @enderror">
                            @error('nik')
                                <ul class="parsley-errors-list filled" id="parsley-id-7"><li class="parsley-required">{{ $message }}</li></ul>
                            @enderror
                        </div>
                        <label class="col-md-1 control-label" for="noKk">No. KK</label>
                        <div class="col-md-3">
                            <input type="text" value="{{ $model->no_kk }}" id="noKk" name="noKk" class="form-control @error('noKk') parsley-error @enderror">
                            @error('noKk')
                                <ul class="parsley-errors-list filled" id="parsley-id-7"><li class="parsley-required">{{ $message }}</li></ul>
                            @enderror
                        </div>
                    </div> 
                    <div class="form-group">
                        <label class="col-md-2 control-label" for="nama">Nama</label>
                        <div class="col-md-6">
                            <input type="text" value="{{ $model->nama }}" id="nama" name="nama" class="form-control @error('nama') parsley-error @enderror">
                            @error('nama')
                                <ul class="parsley-errors-list filled" id="parsley-id-7"><li class="parsley-required">{{ $message }}</li></ul>
                            @enderror
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-2 control-label" for="tempatLahir">Tempat lahir</label>
                        <div class="col-md-6">
                            <input type="text" value="{{ $model->tempat_lahir }}" id="tempatLahir" name="tempatLahir" class="form-control @error('tempatLahir') parsley-error @enderror">
                            @error('tempatLahir')
                                <ul class="parsley-errors-list filled" id="parsley-id-7"><li class="parsley-required">{{ $message }}</li></ul>
                            @enderror
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-2 control-label" for="tglLahir">Tgl Lahir</label>
                        <div class="col-md-3">
                            <input type="text" value="{{$model->tgl_lahir}}" name="tglLahir" class="form-control @error('tglLahir') parsley-error @enderror">
                            @error('tglLahir')
                                <ul class="parsley-errors-list filled" id="parsley-id-7"><li class="parsley-required">{{ $message }}</li></ul>
                            @enderror                            
                        </div>
                        <label class="col-md-2 control-label" for="jenisKelamin">Jenis kelamin</label>
                        <div class="col-md-3">
                            <select id="jenisKelamin" name="jenisKelamin" class="form-control @error('jenisKelamin') parsley-error @enderror">
                                <option value=""> -- Pilih jenis kelamin -- </option>
                                <option value="laki-laki" {{ $model->jenis_kelamin == 'laki-laki' ? 'selected' : '' }} >Laki-laki</option>
                                <option value="perempuan" {{ $model->jenis_kelamin == 'perempuan' ? 'selected' : '' }}>Perempuan</option>
                            </select>
                            @error('jenisKelamin')
                                <ul class="parsley-errors-list filled" id="parsley-id-7"><li class="parsley-required">{{ $message }}</li></ul>
                            @enderror                            
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-2 control-label" for="alamat">Alamat</label>
                        <div class="col-md-7">
                            <input type="text" id="alamat" value="{{$model->alamat}}" name="alamat" class="form-control @error('alamat') parsley-error @enderror">
                            @error('alamat')
                                <ul class="parsley-errors-list filled" id="parsley-id-7"><li class="parsley-required">{{ $message }}</li></ul>
                            @enderror
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-2 control-label" for="rt">R-T</label>
                        <div class="col-md-2">
                            <input type="number" id="rt" value="{{ $model->rt }}" name="rt" class="form-control @error('rt') parsley-error @enderror">
                            @error('rt')
                                <ul class="parsley-errors-list filled" id="parsley-id-7"><li class="parsley-required">{{ $message }}</li></ul>
                            @enderror
                        </div>
                        <label class="col-md-1 control-label" for="rw">R-W</label>
                        <div class="col-md-2">
                            <input type="number" id="rw" value="{{ $model->rw }}" name="rw" class="form-control @error('rw') parsley-error @enderror">
                            @error('rw')
                                <ul class="parsley-errors-list filled" id="parsley-id-7"><li class="parsley-required">{{ $message }}</li></ul>
                            @enderror
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-2 control-label">Dusun</label>
                        <div class="col-md-6">
                            <input type="text" name="dusun" class="form-control @error('dusun') parsley-error @enderror" value="{{$model->dusun}}">
                            @error('dusun')
                                <ul class="parsley-errors-list filled" id="parsley-id-7"><li class="parsley-required">{{ $message }}</li></ul>
                            @enderror
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-2 control-label" for="agama">Agama</label>
                        <div class="col-md-3">
                            <select id="agama" name="agama" class="form-control @error('agama') parsley-error @enderror">
                                <option value=""> -- Pilih agama -- </option>
                                <option value="islam" {{ $model->agama == 'islam' ? 'selected' : '' }} > Islam </option>
                                <option value="kristen" {{ $model->agama == 'kristen' ? 'selected' : '' }}> Kristen </option>
                                <option value="hindu" {{ $model->agama == 'hindu' ? 'selected' : '' }}> Hindu </option>
                                <option value="budha" {{ $model->agama == 'budha' ? 'selected' : '' }}> Budha </option>
                                <option value="katholik" {{ $model->agama == 'katholik' ? 'selected' : '' }}> Katholik </option>
                            </select>
                            @error('agama')
                                <ul class="parsley-errors-list filled" id="parsley-id-7"><li class="parsley-required">{{ $message }}</li></ul>
                            @enderror
                        </div>
                        <label class="col-md-2 control-label" for="statusPerkawinan">Status Perkawinan</label>
                        <div class="col-md-3">
                            <select id="statusPerkawinan" name="statusPerkawinan" class="form-control @error('statusPerkawinan') parsley-error @enderror">
                                <option value=""> -- Pilih Status -- </option>
                                <option value="1" {{ $model->status_nikah == 1 ? 'selected' : '' }}> Menikah </option>
                                <option value="0" {{ $model->status_nikah == 0 ? 'selected' : '' }}> Belumn Menikah </option>
                            </select>
                            @error('statusPerkawinan')
                                <ul class="parsley-errors-list filled" id="parsley-id-7"><li class="parsley-required">{{ $message }}</li></ul>
                            @enderror
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-2 control-label" for="pekerjaan">Pekerjaan</label>
                        <div class="col-md-5">
                            <input type="text" value="{{ $model->pekerjaan }}" id="pekerjaan" name="pekerjaan" class="form-control @error('pekerjaan') parsley-error @enderror">
                            @error('pekerjaan')
                                <ul class="parsley-errors-list filled" id="parsley-id-7"><li class="parsley-required">{{ $message }}</li></ul>
                            @enderror
                        </div>
                    </div>
                    <div class="form-group m-b-0">
                        <div class="col-sm-offset-2 col-sm-9">
                            <button type="submit" class="btn btn-default btn-custom waves-effect waves-light">
                                <i class="fa fa-save"></i>
                                Simpan data
                            </button>
                        </div>
                    </div>                                                                  
                </form>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        jQuery(function($) {  
            $('input[name=tglLahir]').datepicker({
                format : 'yyyy-mm-dd'
            });
        });
    </script>
</div> 
@endsection