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

<!--begin::data ayah-->
<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 Ayah</h3>
        </div>
        <!--end::Card title-->
        @if(auth()->user()->level == 'superadmin')
        <a href="{{ route('/admin.orangTua.edit',['id'=>$siswa->id]) }}" class="btn btn-sm btn-primary align-self-center">Edit Data Orang Tua</a>
        @elseif(auth()->user()->level == 'siswa' || 'Siswa Baru')
        <a href="{{ route('/siswa.orangTua.edit',['id'=>$siswa->id]) }}" class="btn btn-sm btn-primary align-self-center">Edit Data Orang Tua</a>
        @endif
    </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 Ayah
            <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->nama_ayah }}</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 fv-row">
                <span class="fw-bold fs-6 text-gray-800">{{ $siswa->tempatlahir_ayah }}</span>
            </div>
        </div>

        <div class="row mb-7">
            <label class="col-lg-4 fw-semibold text-muted">TanggaL 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">
                <span class="fw-bold fs-6 text-gray-800">{{ $siswa->tanggallahir_ayah }}</span>
            </div>
        </div>

        <div class="row mb-7">
            <label class="col-lg-4 fw-semibold text-muted">NIK
            <!-- <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->nik_ayah }}</span>
            </div>
        </div>
        <div class="row mb-7">
            <label class="col-lg-4 fw-semibold text-muted">Pendidikan Terakhir
            <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->pendidikan_ayah }}</span>
            </div>
        </div>
        <div class="row mb-7">
            <label class="col-lg-4 fw-semibold text-muted">Pekerjaan
            <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->pekerjaan_ayah }}</span>
            </div>
        </div>

        <div class="row mb-7">
            <label class="col-lg-4 fw-semibold text-muted">Penghasilan
            <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->penghasilan_ayah }}</span>
            </div>
        </div>

        <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->notlp_ayah }}</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">
                <span class="fw-bold fs-6 text-gray-800">{{ $siswa->wa_ayah }}</span>
            </div>
        </div>
    </div>
    <!--end::Card body-->
</div>
<!--end::data ayah-->

<!--begin::data ibu-->
<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 Ibu</h3>
        </div>
        <!--end::Card title-->
        <!-- <a href="{{ route('/admin.siswa.edit',['id'=>$siswa->id]) }}" class="btn btn-sm btn-primary align-self-center">Edit Data Orang Tua</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 Ibu
            <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->nama_ibu }}</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 fv-row">
                <span class="fw-bold fs-6 text-gray-800">{{ $siswa->tempatlahir_ibu }}</span>
            </div>
        </div>

        <div class="row mb-7">
            <label class="col-lg-4 fw-semibold text-muted">Tanggal 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-bold fs-6 text-gray-800">{{ $siswa->tanggallahir_ibu }}</a>
            </div>
        </div>

        <div class="row mb-7">
            <label class="col-lg-4 fw-semibold text-muted">NIK
            <!-- <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->nik_ibu }}</span>
            </div>
        </div>
        <div class="row mb-7">
            <label class="col-lg-4 fw-semibold text-muted">Pendidikan Terakhir
            <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->pendidikan_ibu }}</span>
            </div>
        </div>
        <div class="row mb-7">
            <label class="col-lg-4 fw-semibold text-muted">Pekerjaan Ibu
            <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->pekerjaan_ibu }}</span>
            </div>
        </div>

        <div class="row mb-7">
            <label class="col-lg-4 fw-semibold text-muted">Penghasilan
            <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->penghasilan_ibu }}</span>
            </div>
        </div>

        <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->notlp_ibu }}</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">
                <span class="fw-bold fs-6 text-gray-800">{{ $siswa->wa_ibu }}</span>
            </div>
        </div>
    </div>
    <!--end::Card body-->
</div>
<!--end::data ibu-->

<!--begin::data wali-->
<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 Wali</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 Wali
            <!-- <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->nama_wali }}</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 fv-row">
                <span class="fw-bold fs-6 text-gray-800">{{ $siswa->tempatlahir_wali }}</span>
            </div>
        </div>

        <div class="row mb-7">
            <label class="col-lg-4 fw-semibold text-muted">Tanggal 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">
                <span  class="fw-bold fs-6 text-gray-800">{{ $siswa->tanggallahir_wali }}</span>
            </div>
        </div>

        <div class="row mb-7">
            <label class="col-lg-4 fw-semibold text-muted">NIK
            <!-- <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->nik_wali }}</span>
            </div>
        </div>
        <div class="row mb-7">
            <label class="col-lg-4 fw-semibold text-muted">Pendidikan Terakhir
            <!-- <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->pendidikan_wali }}</span>
            </div>
        </div>
        <div class="row mb-7">
            <label class="col-lg-4 fw-semibold text-muted">Pekerjaan
            <!-- <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->pekerjaan_wali }}</span>
            </div>
        </div>

        <div class="row mb-7">
            <label class="col-lg-4 fw-semibold text-muted">Penghasilan
            <!-- <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->penghasilan_wali }}</span>
            </div>
        </div>

        <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->notlp_wali }}</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">
                <span class="fw-bold fs-6 text-gray-800">{{ $siswa->wa_wali }}</span>
            </div>
        </div>
    </div>
    <!--end::Card body-->
</div>
<!--end::data wali-->

<!--Custom Javascript-->
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
@if($message = Session::get('success'))
    <script>
    Swal.fire({
    icon: 'success',
    title: 'Success',
    text: '{{ $message }}',
    footer: ''
    })
    </script>
@endif
<!--end::Javascript-->

@endsection