@extends('guru.guru_show')
@section('title','Data Diri')
@section('data_guru')

<!--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">
        <div class="card-title m-0">
            <h3 class="fw-bold m-0">Profile Details</h3>
        </div>
        <div class="d-flex justify-content-end">
        <a href="{{ route('/admin.guru.view') }}" class="btn btn-sm btn-primary align-self-center m-2">Kembali</a>
        <a href="{{ route('/admin.guru.edit',['id'=>$guru->id]) }}" class="btn btn-sm btn-primary align-self-center">Edit Profile</a>

        </div>
        
    </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 Diisi">
                <i class="ki-outline ki-information fs-7" style="color: red;"></i>
            </span>
            </label>
            <div class="col-lg-8">
                <span class="fw-bold fs-6 text-gray-800">{{ $guru->nama_guru }}</span>
            </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 Diisi">
                <i class="ki-outline ki-information fs-7" style="color: red;"></i>
            </span>
            </label>
            <div class="col-lg-8">
                <span class="fw-bold fs-6 text-gray-800">{{ $guru->user->nick_name }}</span>
            </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 Diisi">
                <i class="ki-outline ki-information fs-7" style="color: red;"></i>
            </span>
            </label>
            <div class="col-lg-8 fv-row">
                <span class="fw-semibold text-gray-800 fs-6">{{ $guru->jenis_kelamin }}</span>
            </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 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">
                <span class="fw-bold fs-6 text-gray-800 me-2">{{ $guru->tempat_lahir }}</span>
                <!-- <span class="badge badge-success">Verified</span> -->
            </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">
                <a href="#" class="fw-semibold fs-6 text-gray-800 text-hover-primary">{{ $guru->tanggal_lahir }}</a>
            </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">
                <span class="fw-bold fs-6 text-gray-800">{{ $guru->agama }}</span>
            </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">
                <span class="fw-bold fs-6 text-gray-800">{{ $guru->kewarganegaraan }}</span>
            </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">
                <span class="fw-bold fs-6 text-gray-800">{{ $guru->status }}</span>
            </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">
                <span class="fw-bold fs-6 text-gray-800">{{ $guru->no_kk }}</span>
            </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">
                <span class="fw-semibold text-gray-800 fs-6">{{ $guru->nik }}</span>
            </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">
                <span class="fw-bold fs-6 text-gray-800 me-2">{{ $guru->npwp }}</span>
                <!-- <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">
                <a href="#" class="fw-semibold fs-6 text-gray-800 text-hover-primary">{{ $guru->niy }}</a>
            </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">
                <span class="fw-bold fs-6 text-gray-800">{{ $guru->provinsi }}</span>
            </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">
                <span class="fw-semibold text-gray-800 fs-6">{{ $guru->kabupaten }}</span>
            </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">
                <span class="fw-bold fs-6 text-gray-800 me-2">{{ $guru->kecamatan }}</span>
                <!-- <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">
                <a href="#" class="fw-semibold fs-6 text-gray-800 text-hover-primary">{{ $guru->desa }}</a>
            </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">
                <span class="fw-bold fs-6 text-gray-800">{{ $guru->alamat_jalan }}</span>
            </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">
                <span class="fw-bold fs-6 text-gray-800">{{ $guru->rw }}</span>
            </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">
                <span class="fw-bold fs-6 text-gray-800">{{ $guru->rt }}</span>
            </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">
                <span class="fw-bold fs-6 text-gray-800">{{ $guru->no_hp }}</span>
            </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">
                <span class="fw-semibold text-gray-800 fs-6">{{ $guru->no_wa }}</span>
            </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">
                <span class="fw-bold fs-6 text-gray-800 me-2">{{ $guru->email }}</span>
                <!-- <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">
                <a href="#" class="fw-semibold fs-6 text-gray-800 text-hover-primary">{{ $guru->instagram }}</a>
            </div>
        </div>
        <div class="row mb-7">
            <label class="col-lg-4 fw-semibold text-muted">Facebook</label>
            <div class="col-lg-8">
                <span class="fw-bold fs-6 text-gray-800">{{ $guru->facebook }}</span>
            </div>
        </div>
        <div class="row mb-7">
            <label class="col-lg-4 fw-semibold text-muted">Tiktok</label>
            <div class="col-lg-8">
                <span class="fw-bold fs-6 text-gray-800">{{ $guru->tiktok }}</span>
            </div>
        </div>
    </div>
    <!--end::Card body-->
</div>
<!--end::Kontak-->

@endsection