@extends('partials.master')
@section ('content')
<style>
	.form-control{
		font-size: 14px;
	}
</style>

<form action="{{ route('/admin.guru.update',['id'=>$guru->id]) }}" method="POST">
	@method('PATCH')
	@csrf
	<!--begin::details View-->
	<div class="card mb-5 mb-xl-10" id="kt_profile_details_view">
		<!--begin::Card header-->
		<div class="card-header cursor-pointer">
			<!--begin::Card title-->
			<div class="card-title m-0">
				<h3 class="fw-bold m-0">Profile Details</h3>
			</div>
			<!--end::Card title-->
			<!-- <a href="" class="btn btn-sm btn-primary align-self-center">Edit Profile</a> -->
		</div>
		<!--begin::Card header-->
		<!--begin::Card body-->
		<div class="card-body p-9">
			<div class="row mb-7">
				<label class="col-lg-4 fw-semibold text-muted">Nama Lengkap
				<span class="ms-1" data-bs-toggle="tooltip" title="Wajib Di Isi">
					<i class="ki-outline ki-information fs-7" style="color: red;"></i>
				</span>
				</label>
				<div class="col-lg-8">
					<input type="text" class="form-control form-control-sm @error('nama_guru') is-invalid @enderror" placeholder="" name="nama_guru" value="{{ old('nama_guru') ?? $guru->nama_guru }}"/>
				</div>
			</div>

			<div class="row mb-7">
				<label class="col-lg-4 fw-semibold text-muted">Panggilan
				<span class="ms-1" data-bs-toggle="tooltip" title="Wajib Di Isi">
					<i class="ki-outline ki-information fs-7" style="color: red;"></i>
				</span>
				</label>
				<div class="col-lg-8">
					<input type="text" class="form-control form-control-sm @error('nick_name') is-invalid @enderror" placeholder="" name="nick_name" value="{{ old('nick_name') ?? $guru->user->nick_name }}"/>
				</div>
			</div>

			<div class="row mb-7">
				<label class="col-lg-4 fw-semibold text-muted">Jenis Kelamin
				<span class="ms-1" data-bs-toggle="tooltip" title="Wajib Di Isi">
					<i class="ki-outline ki-information fs-7" style="color: red;"></i>
				</span>
				</label>
				<div class="col-lg-8 fv-row">
				<select class="form-control @error('jenis_kelamin') is-invalid @enderror" name="jenis_kelamin" id="jenis_kelamin">
					<option value="">
						=== Pilih jenis Kelamin ===
					</option>
					<option value="Laki-Laki"
						{{(old('jenis_kelamin') ?? $guru->jenis_kelamin)=='Laki-Laki'?'selected': ''}}>
						Laki-Laki
					</option>
					<option value="Perempuan"
						{{(old('jenis_kelamin') ?? $guru->jenis_kelamin)=='Perempuan'?'selected': ''}}>
						Perempuan
					</option>    
			</select>
				</div>
			</div>

			<div class="row mb-7">
				<label class="col-lg-4 fw-semibold text-muted">Tempat lahir
				<span class="ms-1" data-bs-toggle="tooltip" title="Wajib Di Isi">
					<i class="ki-outline ki-information fs-7" style="color: red;"></i>
				</span>
				</label>
				<div class="col-lg-8 d-flex align-items-center">
					<input type="text" class="form-control form-control-sm @error('tempat_lahir') is-invalid @enderror" placeholder="" name="tempat_lahir" value="{{ old('tempat_lahir') ?? $guru->tempat_lahir }}"/>
				</div>
			</div>
			<div class="row mb-7">
				<label class="col-lg-4 fw-semibold text-muted">Tangga Lahir
				<span class="ms-1" data-bs-toggle="tooltip" title="Wajib Diisi">
                	<i class="ki-outline ki-information fs-7" style="color: red;"></i>
            	</span>
				</label>
				<div class="col-lg-8">
				<input type="date" class="form-control form-control-sm @error('tanggal_lahir') is-invalid @enderror" placeholder="" name="tanggal_lahir" value="{{ old('tanggal_lahir') ?? $guru->tanggal_lahir }}"/>
				</div>
			</div>
			<div class="row mb-7">
				<label class="col-lg-4 fw-semibold text-muted">Agama
				<span class="ms-1" data-bs-toggle="tooltip" title="Wajib Diisi">
                	<i class="ki-outline ki-information fs-7" style="color: red;"></i>
            	</span>
				</label>
				<div class="col-lg-8">
				<div class="form-group">
					<select class="form-control @error('agama') is-invalid @enderror" name="agama" id="agama">
						<option value="">
							=== Pilih Agama ===
						</option>
						<option value="Islam"
							{{(old('agama') ?? $guru->agama)=='Islam'?'selected': ''}} selected>
							Islam
						</option>
						<option value="Kristen"
							{{(old('agama') ?? $guru->agama)=='Kristen'?'selected': ''}}>
							Kristen
						</option>
						<option value="Katholik"
							{{(old('agama') ?? $guru->agama)=='Katholik'?'selected': ''}}>
							Katholik
						</option>
						<option value="Hindu"
							{{(old('agama') ?? $guru->agama)=='Hindu'?'selected': ''}}>
							Hindu
						</option>
						<option value="Budha"
							{{(old('agama') ?? $guru->agama)=='Budha'?'selected': ''}}>
							Budha
						</option>
						<option value="Konghucu"
							{{(old('agama') ?? $guru->agama)=='Konghucu'?'selected': ''}}>
							Konghucu
						</option>
					</select>
					@error('agama') <div class="text-danger">{{ $message }} </div> @enderror
				</div>
				</div>
			</div>
			<div class="row mb-7">
				<label class="col-lg-4 fw-semibold text-muted">Kewarganegaraan
				<span class="ms-1" data-bs-toggle="tooltip" title="Wajib Diisi">
                	<i class="ki-outline ki-information fs-7" style="color: red;"></i>
            	</span>
				</label>
				<div class="col-lg-8">
					<input type="text" class="form-control form-control-sm @error('kewarganegaraan') is-invalid @enderror" placeholder="" name="kewarganegaraan" value="{{ old('kewarganegaraan') ?? $guru->kewarganegaraan }}"/>
				</div>
			</div>
			<div class="row mb-7">
				<label class="col-lg-4 fw-semibold text-muted">Status
				<span class="ms-1" data-bs-toggle="tooltip" title="Wajib Diisi">
                	<i class="ki-outline ki-information fs-7" style="color: red;"></i>
            	</span>
				</label>
				<div class="col-lg-8">
                <div class="form-group">
					<select class="form-control @error('status') is-invalid @enderror" name="status">
						<option value="">
							=== Pilih Status ===
						</option>
						<option value="Belum Menikah"
							{{(old('Belum Menikah') ?? $guru->status)=='Belum Menikah'?'selected': ''}} selected>
							Belum Menikah
						</option>
                        <option value="Sudah Menikah"
							{{(old('Sudah Menikah') ?? $guru->status)=='Sudah Menikah'?'selected': ''}}>
							Sudah Menikah
						</option>
					</select>
					@error('status') <div class="text-danger">{{ $message }} </div> @enderror
				</div>
				</div>
			</div>
		</div>
		<!--end::Card body-->
	</div>
	<!--end::details View-->

	<!--begin::Nomor Identitas-->
	<div class="card mb-5 mb-xl-10" id="kt_profile_details_view">
		<!--begin::Card header-->
		<div class="card-header cursor-pointer">
			<!--begin::Card title-->
			<div class="card-title m-0">
				<h3 class="fw-bold m-0">Nomor Identitas</h3>
			</div>
			<!--end::Card title-->
			<!-- <a href="#" class="btn btn-sm btn-primary align-self-center">Edit Profile</a> -->
		</div>
		<!--begin::Card header-->
		<!--begin::Card body-->
		<div class="card-body p-9">
			<div class="row mb-7">
				<label class="col-lg-4 fw-semibold text-muted">Nomor Kartu Keluarga
					<span class="ms-1" data-bs-toggle="tooltip" title="Wajib Diisi">
						<i class="ki-outline ki-information fs-7" style="color: red;"></i>
					</span>
				</label>
				<div class="col-lg-8">
				<input type="text" class="form-control form-control-sm @error('no_kk') is-invalid @enderror" placeholder="" name="no_kk" value="{{ old('no_kk') ?? $guru->no_kk }}"/>
				</div>
			</div>
			<div class="row mb-7">
				<label class="col-lg-4 fw-semibold text-muted">Nomor Induk Kependudukan
					<span class="ms-1" data-bs-toggle="tooltip" title="Wajib Diisi">
						<i class="ki-outline ki-information fs-7" style="color: red;"></i>
					</span>
				</label>
				<div class="col-lg-8 fv-row">
				<input type="text" class="form-control form-control-sm @error('nik') is-invalid @enderror" placeholder="" name="nik" value="{{ old('nik') ?? $guru->nik }}"/>
				</div>
			</div>

			<div class="row mb-7">
				<label class="col-lg-4 fw-semibold text-muted">NPWP
					<span class="ms-1" data-bs-toggle="tooltip" title="Wajib Diisi">
						<i class="ki-outline ki-information fs-7" style="color: red;"></i>
					</span>
				</label>
				<div class="col-lg-8 d-flex align-items-center">
				<input type="text" class="form-control form-control-sm @error('npwp') is-invalid @enderror" placeholder="" name="npwp" value="{{ old('npwp') ?? $guru->npwp }}"/>
					<!-- <span class="badge badge-success">Verified</span> -->
				</div>
			</div>
			<div class="row mb-7">
				<label class="col-lg-4 fw-semibold text-muted">NIY</label>
				<div class="col-lg-8">
					<input type="text" class="form-control form-control-sm @error('niy') is-invalid @enderror" placeholder="" name="niy" value="{{ old('niy') ?? $guru->niy }}"/>
				</div>
			</div>
		</div>
		<!--end::Card body-->
	</div>
	<!--end::Nomor Identitas-->

	<!--begin :: Alamat-->
	<div class="card mb-5 mb-xl-10" id="kt_profile_details_view">
		<!--begin::Card header-->
		<div class="card-header cursor-pointer">
			<!--begin::Card title-->
			<div class="card-title m-0">
				<h3 class="fw-bold m-0">Alamat</h3>
			</div>
			<!--end::Card title-->
			<!-- <a href="#" class="btn btn-sm btn-primary align-self-center">Edit Profile</a> -->
		</div>
		<!--begin::Card header-->
		<!--begin::Card body-->
		<div class="card-body p-9">
			<div class="row mb-7">
				<label class="col-lg-4 fw-semibold text-muted">Provinsi
					<span class="ms-1" data-bs-toggle="tooltip" title="Wajib Diisi">
						<i class="ki-outline ki-information fs-7" style="color: red;"></i>
					</span>
				</label>
				<div class="col-lg-8">
					<input type="text" class="form-control form-control-sm @error('provinsi') is-invalid @enderror" placeholder="" name="provinsi" value="{{ old('provinsi') ?? $guru->provinsi }}"/>
				</div>
			</div>
			<div class="row mb-7">
				<label class="col-lg-4 fw-semibold text-muted">Kabupaten
					<span class="ms-1" data-bs-toggle="tooltip" title="Wajib Diisi">
						<i class="ki-outline ki-information fs-7" style="color: red;"></i>
					</span>
				</label>
				<div class="col-lg-8 fv-row">
					<input type="text" class="form-control form-control-sm @error('kabupaten') is-invalid @enderror" placeholder="" name="kabupaten" value="{{ old('kabupaten') ?? $guru->kabupaten }}"/>
				</div>
			</div>

			<div class="row mb-7">
				<label class="col-lg-4 fw-semibold text-muted">Kecamatan
					<span class="ms-1" data-bs-toggle="tooltip" title="Wajib Diisi">
						<i class="ki-outline ki-information fs-7" style="color: red;"></i>
					</span>
				</label>
				<div class="col-lg-8 d-flex align-items-center">
					<input type="text" class="form-control form-control-sm @error('kecamatan') is-invalid @enderror" placeholder="" name="kecamatan" value="{{ old('kecamatan') ?? $guru->kecamatan }}"/>
					<!-- <span class="badge badge-success">Verified</span> -->
				</div>
			</div>
			<div class="row mb-7">
				<label class="col-lg-4 fw-semibold text-muted">Desa
					<span class="ms-1" data-bs-toggle="tooltip" title="Wajib Diisi">
						<i class="ki-outline ki-information fs-7" style="color: red;"></i>
					</span>
				</label>
				<div class="col-lg-8">
					<input type="text" class="form-control form-control-sm @error('desa') is-invalid @enderror" placeholder="" name="desa" value="{{ old('desa') ?? $guru->desa }}"/>
				</div>
			</div>
			<div class="row mb-7">
				<label class="col-lg-4 fw-semibold text-muted">Kp/Perum/Jalan
					<span class="ms-1" data-bs-toggle="tooltip" title="Wajib Diisi">
						<i class="ki-outline ki-information fs-7" style="color: red;"></i>
					</span>
				</label>
				<div class="col-lg-8">
					<input type="text" class="form-control form-control-sm @error('alamat_jalan') is-invalid @enderror" placeholder="" name="alamat_jalan" value="{{ old('alamat_jalan') ?? $guru->alamat_jalan }}"/>
				</div>
			</div>
			<div class="row mb-7">
				<label class="col-lg-4 fw-semibold text-muted">RW
					<span class="ms-1" data-bs-toggle="tooltip" title="Wajib Diisi">
						<i class="ki-outline ki-information fs-7" style="color: red;"></i>
					</span>
				</label>
				<div class="col-lg-8">
					<input type="text" class="form-control form-control-sm @error('rw') is-invalid @enderror" placeholder="" name="rw" value="{{ old('rw') ?? $guru->rw }}"/>
				</div>
			</div>
			<div class="row mb-7">
				<label class="col-lg-4 fw-semibold text-muted">RT
					<span class="ms-1" data-bs-toggle="tooltip" title="Wajib Diisi">
						<i class="ki-outline ki-information fs-7" style="color: red;"></i>
					</span>
				</label>
				<div class="col-lg-8">
					<input type="number" class="form-control form-control-sm @error('rt') is-invalid @enderror" placeholder="" name="rt" value="{{ old('rt') ?? $guru->rt }}"/>
				</div>
			</div>
		</div>
		<!--end::Card body-->
	</div>
	<!--end::Alamat-->

	<!--begin::Kontak-->
	<div class="card mb-5 mb-xl-10" id="kt_profile_details_view">
		<!--begin::Card header-->
		<div class="card-header cursor-pointer">
			<!--begin::Card title-->
			<div class="card-title m-0">
				<h3 class="fw-bold m-0">Kontak & Sosial Media</h3>
			</div>
			<!--end::Card title-->
			<!-- <a href="#" class="btn btn-sm btn-primary align-self-center">Edit Profile</a> -->
		</div>
		<!--begin::Card header-->
		<!--begin::Card body-->
		<div class="card-body p-9">
			<div class="row mb-7">
				<label class="col-lg-4 fw-semibold text-muted">No Hp
					<span class="ms-1" data-bs-toggle="tooltip" title="Wajib Diisi">
						<i class="ki-outline ki-information fs-7" style="color: red;"></i>
					</span>
				</label>
				<div class="col-lg-8">
					<input type="number" class="form-control form-control-sm @error('no_hp') is-invalid @enderror" placeholder="" name="no_hp" value="{{ old('no_hp') ?? $guru->no_hp }}"/>
				</div>
			</div>
			<div class="row mb-7">
				<label class="col-lg-4 fw-semibold text-muted">No Whatsapp
					<span class="ms-1" data-bs-toggle="tooltip" title="Wajib Diisi">
						<i class="ki-outline ki-information fs-7" style="color: red;"></i>
					</span>
				</label>
				<div class="col-lg-8 fv-row">
					<input type="number" class="form-control form-control-sm @error('no_wa') is-invalid @enderror" placeholder="" name="no_wa" value="{{ old('no_wa') ?? $guru->no_wa }}"/>
				</div>
			</div>

			<div class="row mb-7">
				<label class="col-lg-4 fw-semibold text-muted">Email</label>
				<div class="col-lg-8 d-flex align-items-center">
					<input type="email" class="form-control form-control-sm" placeholder="" name="email" value="{{ old('email') ?? $guru->email }}"/>
					<!-- <span class="badge badge-success">Verified</span> -->
				</div>
			</div>
			<div class="row mb-7">
				<label class="col-lg-4 fw-semibold text-muted">Instagram</label>
				<div class="col-lg-8">
					<input type="text" class="form-control form-control-sm" placeholder="" name="instagram" value="{{ old('instagram') ?? $guru->instagram }}"/>
				</div>
			</div>
			<div class="row mb-7">
				<label class="col-lg-4 fw-semibold text-muted">Facebook</label>
				<div class="col-lg-8">
					<input type="text" class="form-control form-control-sm" placeholder="" name="facebook" value="{{ old('facebook') ?? $guru->facebook }}"/>
				</div>
			</div>
			<div class="row mb-7">
				<label class="col-lg-4 fw-semibold text-muted">Tiktok</label>
				<div class="col-lg-8">
					<input type="text" class="form-control form-control-sm" placeholder="" name="tiktok" value="{{ old('tiktok') ?? $guru->tiktok }}"/>
				</div>
			</div>
		</div>
		<!--end::Card body-->
	</div>
	<!--end::Kontak-->
	<input type="submit" class="btn btn-primary" value="Update">
</form>
			
@endsection