@extends('template.master')

@section('title', 'Dashboard TKPK - Rekapitulasi Pendidikan')
@section('description', 'Meta Description - Deskripsi setiap view dalam website')

@section('body')

        <!-- Content wrapper -->
        <div class="content-wrapper rekapitulasi">
          <!-- Content -->

          <div class="container-xxl flex-grow-1 container-p-y">
            {{-- <h4 class="fw-bold py-3 mb-4"><span class="text-muted fw-light">Pages/</span> Rekapitulasi Pendidikan</h4>
            <h5 class="">Usia Sekolah</h5>
            <div class="row">
                <div class="col-lg-3 col-sm-6 mb-4">
                    <div class="card">
                      <div class="card-body d-flex justify-content-between align-items-center">
                        <div class="card-title mb-0">
                          <h6>Usia Sekolah</h6>
                          <h5 class="mb-0 me-2">1290345</h5>
                          <small>Jiwa</small>
                          
                        </div>
                        <div class="card-icon">
                          <span class="badge bg-label-primary rounded-pill p-2">
                            <i class='bx bx-user' ></i>
                          </span>
                        </div>
                      </div>
                    </div>
                </div>

                <div class="col-lg-3 col-sm-6 mb-4">
                    <div class="card">
                      <div class="card-body d-flex justify-content-between align-items-center">
                        <div class="card-title mb-0">
                            <h6>Pendidikan Terakhir</h6>
                            <h5 class="mb-0 me-2">129054</h5>
                            <small>Jiwa</small>
                        </div>
                        <div class="card-icon">
                          <span class="badge bg-label-primary rounded-pill p-2">
                            <i class='bx bx-user' ></i>
                          </span>
                        </div>
                      </div>
                    </div>
                </div>
            </div>

            <hr class="m-2">

            <h5 class="mt-5">Kesehatan</h5>
            <div class="row">
                <div class="col-lg-3 col-sm-6 mb-4">
                    <div class="card">
                      <div class="card-body d-flex justify-content-between align-items-center">
                        <div class="card-title mb-0">
                          <h6>Fasilitas Buang Air Besar</h6>
                          <h5 class="mb-0 me-2">1290345</h5>
                          <small>Keluarga</small>
                          
                        </div>
                        <div class="card-icon">
                          <span class="badge bg-label-primary rounded-pill p-2">
                            <i class='bx bx-group' ></i>
                          </span>
                        </div>
                      </div>
                    </div>
                </div>

                <div class="col-lg-3 col-sm-6 mb-4">
                    <div class="card">
                      <div class="card-body d-flex justify-content-between align-items-center">
                        <div class="card-title mb-0">
                            <h6>Individu Lansia</h6>
                            <h5 class="mb-0 me-2">129054</h5>
                            <small>Jiwa</small>
                        </div>
                        <div class="card-icon">
                          <span class="badge bg-label-primary rounded-pill p-2">
                            <i class='bx bx-user' ></i>
                          </span>
                        </div>
                      </div>
                    </div>
                </div>
            </div>

            <hr class="m-0">

            <h5 class="mt-5">Ketenagakerjaan</h5>
            <div class="row">
                <div class="col-lg-3 col-sm-6 mb-4">
                    <div class="card">
                      <div class="card-body d-flex justify-content-between align-items-center">
                        <div class="card-title mb-0">
                          <h6>Status Bekerja</h6>
                          <h5 class="mb-0 me-2">1290345</h5>
                          <small> KK</small>
                          
                        </div>
                        <div class="card-icon">
                          <span class="badge bg-label-primary rounded-pill p-2">
                            <i class='bx bx-group' ></i>
                          </span>
                        </div>
                      </div>
                    </div>
                </div>

                <div class="col-lg-3 col-sm-6 mb-4">
                    <div class="card">
                      <div class="card-body d-flex justify-content-between align-items-center">
                        <div class="card-title mb-0">
                            <h6>Pekerjaan Kepala Keluarg</h6>
                            <h5 class="mb-0 me-2">129054</h5>
                            <small>Jiwa</small>
                        </div>
                        <div class="card-icon">
                          <span class="badge bg-label-primary rounded-pill p-2">
                            <i class='bx bx-user' ></i>
                          </span>
                        </div>
                      </div>
                    </div>
                </div>

                <div class="col-lg-3 col-sm-6 mb-4">
                    <div class="card">
                      <div class="card-body d-flex justify-content-between align-items-center">
                        <div class="card-title mb-0">
                            <h6>Pekerjaan Individu</h6>
                            <h5 class="mb-0 me-2">129054</h5>
                            <small>Jiwa</small>
                        </div>
                        <div class="card-icon">
                          <span class="badge bg-label-primary rounded-pill p-2">
                            <i class='bx bx-user' ></i>
                          </span>
                        </div>
                      </div>
                    </div>
                </div>
            </div>

            <hr class="m-0">

            <h5 class="mt-5">Informasi Rumah</h5>
            <div class="row">
                <div class="col-lg-3 col-sm-6 mb-4">
                    <div class="card">
                      <div class="card-body d-flex justify-content-between align-items-center">
                        <div class="card-title mb-0">
                          <h6>Kepemilikan Tempat Tinggal</h6>
                          <h5 class="mb-0 me-2">1290345</h5>
                          <small>KK</small>
                          
                        </div>
                        <div class="card-icon">
                          <span class="badge bg-label-primary rounded-pill p-2">
                            <i class='bx bx-group' ></i>
                          </span>
                        </div>
                      </div>
                    </div>
                </div>

                <div class="col-lg-3 col-sm-6 mb-4">
                    <div class="card">
                      <div class="card-body d-flex justify-content-between align-items-center">
                        <div class="card-title mb-0">
                            <h6>Sumber Air Minum</h6>
                            <h5 class="mb-0 me-2">129054</h5>
                            <small>KK</small>
                        </div>
                        <div class="card-icon">
                          <span class="badge bg-label-primary rounded-pill p-2">
                            <i class='bx bx-group' ></i>
                          </span>
                        </div>
                      </div>
                    </div>
                </div>


                
                <div class="col-lg-3 col-sm-6 mb-4">
                    <div class="card">
                      <div class="card-body d-flex justify-content-between align-items-center">
                        <div class="card-title mb-0">
                            <h6>Penerangan</h6>
                            <h5 class="mb-0 me-2">129054</h5>
                            <small>KK</small>
                        </div>
                        <div class="card-icon">
                          <span class="badge bg-label-primary rounded-pill p-2">
                            <i class='bx bx-group' ></i>
                          </span>
                        </div>
                      </div>
                    </div>
                </div>


                
                <div class="col-lg-3 col-sm-6 mb-4">
                    <div class="card">
                      <div class="card-body d-flex justify-content-between align-items-center">
                        <div class="card-title mb-0">
                            <h6>Daya Listrik Terpasang</h6>
                            <h5 class="mb-0 me-2">129054</h5>
                            <small>KK</small>
                        </div>
                        <div class="card-icon">
                          <span class="badge bg-label-primary rounded-pill p-2">
                            <i class='bx bx-group' ></i>
                          </span>
                        </div>
                      </div>
                    </div>
                </div>


                
                <div class="col-lg-3 col-sm-6 mb-4">
                    <div class="card">
                      <div class="card-body d-flex justify-content-between align-items-center">
                        <div class="card-title mb-0">
                            <h6>Bahan Bakar Memasak</h6>
                            <h5 class="mb-0 me-2">129054</h5>
                            <small>Jiwa</small>
                        </div>
                        <div class="card-icon">
                          <span class="badge bg-label-primary rounded-pill p-2">
                            <i class='bx bx-user' ></i>
                          </span>
                        </div>
                      </div>
                    </div>
                </div>

            </div> --}}
            <div class="card">
              <div class="container">
                <img src="{{asset('assets/img/under-construction.png')}}" height="500" class="rounded mx-auto d-block" alt="">
              </div>
            </div>
          </div>

          <div class="content-backdrop fade"></div>
        </div>
        <!-- Content wrapper -->
       


@endsection