@extends('siswa.siswa_show')
@section('title','Data Diri')
@section('data_siswa')

<!--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="{{ route('/admin.siswa.edit',['id'=>$siswa->id]) }}" 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 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">{{ $siswa->fullname }}</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">{{ $siswa->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">{{ $siswa->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">{{ $siswa->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">{{ $siswa->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">{{ $siswa->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">{{ $siswa->kewarganegaraan }}</span>
            </div>
        </div>
        <div class="row mb-7">
            <label class="col-lg-4 fw-semibold text-muted">Anak Ke
            <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">{{ $siswa->anak_ke }}</span>
            </div>
        </div>
        <div class="row mb-7">
            <label class="col-lg-4 fw-semibold text-muted">Jumlah Saudara Kandung
            <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">{{ $siswa->jml_saudara_kandung }}</span>
            </div>
        </div>
        <div class="row mb-7">
            <label class="col-lg-4 fw-semibold text-muted">Asal Sekolah
            <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">{{ $siswa->asal_sekolah }}</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">{{ $siswa->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">{{ $siswa->nik }}</span>
            </div>
        </div>

        <div class="row mb-7">
            <label class="col-lg-4 fw-semibold text-muted">NISN
            <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">{{ $siswa->nisn }}</span>
                <!-- <span class="badge badge-success">Verified</span> -->
            </div>
        </div>
        <div class="row mb-7">
            <label class="col-lg-4 fw-semibold text-muted">NIS</label>
            <div class="col-lg-8">
                <a href="#" class="fw-semibold fs-6 text-gray-800 text-hover-primary">{{ $siswa->nipd }}</a>
            </div>
        </div>
    </div>
    <!--end::Card body-->
</div>
<!--end::Nomor Identitas-->

<!--begin::Data Rinci-->
<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">Data Rinci</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">Tinggi Badan
            <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">{{ ($siswa->tinggi_badan == NULL)  ? '0 cm' : $siswa->tinggi_badan.' cm' }}</span>
            </div>
        </div>
        <div class="row mb-7">
            <label class="col-lg-4 fw-semibold text-muted">Berat Badan
            <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-bold fs-6 text-gray-800">{{ ($siswa->berat_badan == NULL) ? '0 kg' : $siswa->berat_badan.' kg' }}</span>
            </div>
        </div>

        <div class="row mb-7">
            <label class="col-lg-4 fw-semibold text-muted">Lingkar Kepala
            <!-- <span class="ms-1" data-bs-toggle="tooltip" title="Phone number must be active"> -->
                <i class="ki-outline ki-information fs-7"></i>
            </span></label>
            <div class="col-lg-8 d-flex align-items-center">
                <span class="fw-bold fs-6 text-gray-800 me-2">{{ ($siswa->lingkar_kepala == NULL) ? '0 cm' : $siswa->lingkar_kepala.'cm' }}</span>
                <!-- <span class="badge badge-success">Verified</span> -->
            </div>
        </div>
        <div class="row mb-7">
            <label class="col-lg-4 fw-semibold text-muted">Golongan Darah</label>
            <div class="col-lg-8">
                <a href="#" class="fw-semibold fs-6 text-gray-800 text-hover-primary">{{ $siswa->golongan_darah }}</a>
            </div>
        </div>
        <div class="row mb-7">
            <label class="col-lg-4 fw-semibold text-muted">Hobi
            <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">{{ $siswa->hobi }}</a>
            </div>
        </div>
        <div class="row mb-7">
            <label class="col-lg-4 fw-semibold text-muted">Cita-Cita
            <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">{{ $siswa->cita_cita }}</a>
            </div>
        </div>
    </div>
    <!--end::Card body-->
</div>
<!--end::Data Rinci-->

<!--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">{{ $siswa->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">{{ $siswa->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">{{ $siswa->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">{{ $siswa->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">{{ $siswa->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">{{ $siswa->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">{{ $siswa->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">{{ $siswa->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">{{ $siswa->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">{{ $siswa->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">{{ $siswa->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">{{ $siswa->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">{{ $siswa->tiktok }}</span>
            </div>
        </div>
    </div>
    <!--end::Card body-->
</div>
<!--end::Kontak-->

<!--KARTU SOSIAL-->
<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">Kartu Sosial</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-2 fw-semibold text-muted">Penerima KPS
            <span class="ms-1" data-bs-toggle="tooltip" title="Kartu Perlindungan Sosial">
                <i class="ki-outline ki-information fs-7" style="color: green;"></i> :
            </span>
            </label>
            <div class="col-lg-1">
                <span class="fw-bold fs-6 text-gray-800">{{ $siswa->penerima_kps }}</span>
            </div>
            <label class="col-lg-1 fw-semibold text-muted">No KPS
            <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-2">
                <span class="fw-bold fs-6 text-gray-800">{{ $siswa->no_kps }}</span>
            </div>
            <label class="col-lg-1 fw-semibold text-muted">File KPS
            <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-1">
                @if($siswa->scan_kps == NULL)
                    <span class="badge badge-danger badge-sm">Belum Upload</span>
                @else
                    <a href="{{asset('storage/'.$siswa->scan_kps)}}" target="_blank" span class="badge badge-success badge-sm">Lihat Berkas</a>
                @endif
            </div>
        </div>

        <div class="row mb-7">
            <label class="col-lg-2 fw-semibold text-muted">Penerima PKH
            <span class="ms-1" data-bs-toggle="tooltip" title="Program Keluarga Harapan">
                <i class="ki-outline ki-information fs-7" style="color: green;"></i> :
            </span>
            </label>
            <div class="col-lg-1">
                <span class="fw-bold fs-6 text-gray-800">{{ $siswa->penerima_pkh }}</span>
            </div>
            <label class="col-lg-1 fw-semibold text-muted">No PKH
            <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-2">
                <span class="fw-bold fs-6 text-gray-800">{{ $siswa->no_pkh }}</span>
            </div>
            <label class="col-lg-1 fw-semibold text-muted">File PKH
            <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-1">
                @if($siswa->scan_pkh == NULL)
                    <span class="badge badge-danger badge-sm">Belum Upload</span>
                @else
                    <a href="{{asset('storage/'.$siswa->scan_pkh)}}" target="_blank" span class="badge badge-success badge-sm">Lihat Berkas</a>
                @endif
            </div>
        </div>

        <div class="row mb-7">
            <label class="col-lg-2 fw-semibold text-muted">Penerima KIP
            <span class="ms-1" data-bs-toggle="tooltip" title="Kartu Indonesia Pintar">
                <i class="ki-outline ki-information fs-7" style="color: green;"></i> :
            </span>
            </label>
            <div class="col-lg-1">
                <span class="fw-bold fs-6 text-gray-800">{{ $siswa->penerima_kip }}</span>
            </div>
            <label class="col-lg-1 fw-semibold text-muted">No KIP
            <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-2">
                <span class="fw-bold fs-6 text-gray-800">{{ $siswa->no_kip }}</span>
            </div>
            <label class="col-lg-1 fw-semibold text-muted">File KIP
            <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-1">
                @if($siswa->scan_kip == NULL)
                    <span class="badge badge-danger badge-sm">Belum Upload</span>
                @else
                    <a href="{{asset('storage/'.$siswa->scan_kip)}}" target="_blank" span class="badge badge-success badge-sm">Lihat Berkas</a>
                @endif
            </div>
        </div>
        
    </div>
    <!--end::Card body-->
</div>
<!--/KARTU SOSIAL-->

@endsection