@extends('admin.admin-template')
@section('css')
@endsection
@section('content')
<main class="app-content">
    <div class="app-title">
      <div>
        <h1><i class="fa fa-file-text-o"></i> Profil Kepala Desa</h1>
        <p>Profil Lengkap Kepala Desa</p>
      </div>
      <ul class="app-breadcrumb breadcrumb">
        <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
        <li class="breadcrumb-item"><a href="#">Kepala Desa Profil</a></li>
      </ul>
    </div>
    <div class="row">
      <div class="col-md-12">
        <div class="tile">
          <section class="invoice">
            <div class="row mb-4">
              <div class="col-6">
                <h2 class="page-header">Profil Kepala Desa</h2>
              </div>
              <div class="col-6">
                <h5 class="text-right">Date: 01/01/2016</h5>
              </div>
            </div>
            <ul class="nav nav-tabs" id="myTab" role="tablist">
              <li class="nav-item">
                <a class="nav-link active" id="home-tab" data-toggle="tab" href="#data-pribadi" role="tab" aria-controls="home" aria-selected="true">data pribadi</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" id="profile-tab" data-toggle="tab" href="#data-keluarga" role="tab" aria-controls="profile" aria-selected="false">data keluarga</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" id="contact-tab" data-toggle="tab" href="#harta-kekayaan" role="tab" aria-controls="contact" aria-selected="false">harta kekayaan</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" id="contact-tab" data-toggle="tab" href="#penghasilan" role="tab" aria-controls="contact" aria-selected="false">penghasilan</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" id="contact-tab" data-toggle="tab" href="#pengeluaran" role="tab" aria-controls="contact" aria-selected="false">pengeluaran</a>
              </li>
            </ul>
            <div class="tab-content" id="myTabContent">
              <div class="tab-pane fade show active" id="data-pribadi" role="tabpanel" aria-labelledby="home-tab">
                @include('admin.data-pribadi')
              </div>
              <div class="tab-pane fade" id="data-keluarga" role="tabpanel" aria-labelledby="profile-tab">
                @include('admin.data-keluarga')
              </div>
              <div class="tab-pane fade" id="harta-kekayaan" role="tabpanel" aria-labelledby="contact-tab">
                @include('admin.data-kekayaan')
              </div>
              <div class="tab-pane fade" id="penghasilan" role="tabpanel" aria-labelledby="contact-tab">
                @include('admin.data-penghasilan')
              </div>
              <div class="tab-pane fade" id="pengeluaran" role="tabpanel" aria-labelledby="contact-tab">
                @include('admin.data-pengeluaran')
              </div>
            </div>
            <div class="row d-print-none mt-2">
              <div class="col-12 text-right"><a class="btn btn-primary" href="#" ><i class="fa fa-print"></i> Print</a></div>
            </div>
          </section>
        </div>
      </div>
    </div>
  </main>
  @endsection

  @section('script')
@endsection