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

<style>
    th{
        text-align: center;
    }
</style>

<!--Data Suami-->
<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 Suami/Istri</h3>
        </div>
        <!--end::Card title-->
        <a href="{{ route('/admin.guru.edit',['id'=>$guru->id]) }}" class="btn btn-sm btn-primary align-self-center">Edit</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 Suami/Istri
            <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">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">
                <span class="fw-bold fs-6 text-gray-800">{{ $guru->tempat_lahir_suamiIstri }}</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">{{ $guru->tanggal_lahir_suamiIstri }}</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 d-flex align-items-center">
                <span class="fw-bold fs-6 text-gray-800 me-2">{{ $guru->pekerjaan_suamiIstri }}</span>
                <!-- <span class="badge badge-success">Verified</span> -->
            </div>
        </div>
    </div>
    <!--end::Card body-->
</div>
<!--/Data Suami-->

<!--Data Anak-->
<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 Anak</h3>
        </div>
        <!--end::Card title-->
        <a href="{{ route('/admin.guru.edit',['id'=>$guru->id]) }}" class="btn btn-sm btn-primary align-self-center">Tambah</a>
    </div>
    <!--begin::Card header-->
    <!--begin::Card body-->
    <div class="card-body p-9">
        <table class="table table-hover">
            <thead class="table-dark">
                <tr>
                    <th>No</th>
                    <th>Nama Anak</th>
                    <th>Jenis Kelamin</th>
                    <th>Tempat Lahir</th>
                    <th>Tanggal Lahir</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
            </tbody>
        </table>
    </div>
    <!--end::Card body-->
</div>
<!--/Data Anak-->

@endsection