163 lines
8.2 KiB
PHP
163 lines
8.2 KiB
PHP
<style>
|
|
@media (min-width: 768px) {
|
|
.nav-pills-custom-spacing {
|
|
display: flex;
|
|
width: 100%;
|
|
gap: 0.5rem;
|
|
flex-wrap: nowrap !important;
|
|
overflow-x: auto;
|
|
}
|
|
|
|
.nav-pills-custom-spacing::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
|
|
.nav-pills-custom-spacing .nav-item {
|
|
margin-right: 0 !important;
|
|
flex: 1;
|
|
}
|
|
|
|
.nav-pills-custom-spacing .nav-link {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
padding-left: 0.5rem !important;
|
|
padding-right: 0.5rem !important;
|
|
width: 100%;
|
|
white-space: nowrap;
|
|
font-size: 0.9375rem !important;
|
|
}
|
|
|
|
.nav-pills-custom-spacing .nav-link i {
|
|
margin-right: 0.4rem !important;
|
|
}
|
|
}
|
|
</style>
|
|
|
|
@php
|
|
$jenisKelamin = isset($pengurus)
|
|
? ($pengurus->jenis_kelamin ? 'Laki-laki' : 'Perempuan')
|
|
: 'Jenis Kelamin';
|
|
$jabatanLabel = isset($pengurus) ? $pengurus->nama_jabatan : 'Jabatan/Peran';
|
|
$domisili = isset($pengurus) && $pengurus->desaKelurahan
|
|
? $pengurus->desaKelurahan->nama . ', ' . $pengurus->desaKelurahan->kecamatan?->nama . ', ' . $pengurus->desaKelurahan->kecamatan?->kabupatenKota?->nama . ', ' . $pengurus->desaKelurahan->kecamatan?->kabupatenKota?->provinsi?->nama
|
|
: 'Desa/Kelurahan, Kecamatan, Kabupaten/Kota, Provinsi';
|
|
@endphp
|
|
|
|
<div class="row mb-4">
|
|
<div class="col-md-4 mb-2 mb-md-0">
|
|
<div class="card h-100">
|
|
<div class="card-body p-3">
|
|
<h6 class="card-title mb-2">Profil Pengurus BUMDes</h6>
|
|
<div class="d-flex justify-content-start align-items-center mb-3">
|
|
<div class="avatar me-2">
|
|
<span class="avatar-initial rounded bg-label-primary">
|
|
<i class="icon-base ti tabler-user-check icon-22px"></i>
|
|
</span>
|
|
</div>
|
|
<div class="d-flex flex-column">
|
|
<h6 class="mb-0" style="font-size: 0.9rem;">{{ isset($pengurus) ? $pengurus->nama : 'Tambah Pengurus BUMDes Baru' }}</h6>
|
|
<span class="text-muted" style="font-size: 0.75rem;">{{ $jenisKelamin }}</span>
|
|
<span class="text-muted" style="font-size: 0.75rem;">Jabatan: {{ $jabatanLabel }}</span>
|
|
</div>
|
|
</div>
|
|
|
|
<hr class="my-2">
|
|
<h6 class="mb-1" style="font-size: 0.85rem;">Domisili</h6>
|
|
<p class="mb-0 text-muted" style="font-size: 0.75rem;">Alamat: {{ isset($pengurus) ? $pengurus->alamat : 'Alamat' }}</p>
|
|
<p class="mb-0 text-muted" style="font-size: 0.75rem; line-height: 1.3;">{{ $domisili }}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-8 d-flex flex-column">
|
|
<div class="card mb-2 flex-grow-1">
|
|
<div class="card-widget-separator-wrapper h-100">
|
|
<div class="card-body card-widget-separator py-2 h-100 d-flex flex-column justify-content-center">
|
|
<div class="row gy-2">
|
|
<div class="col-sm-6 col-lg-4">
|
|
<div class="d-flex justify-content-between align-items-center card-widget-1 border-end h-100 pe-3">
|
|
<div>
|
|
<p class="mb-0 text-muted" style="font-size: 0.75rem;">Jenis Kelamin</p>
|
|
<h5 class="mb-0">{{ $jenisKelamin }}</h5>
|
|
<p class="mb-0" style="font-size: 0.75rem;">
|
|
<span class="me-1">{{ isset($pengurus) ? ($pengurus->usia . ' tahun') : 'Belum terisi' }}</span>
|
|
</p>
|
|
</div>
|
|
<span class="avatar">
|
|
<span class="avatar-initial rounded">
|
|
<i class="icon-base ti tabler-users icon-22px text-heading"></i>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6 col-lg-4">
|
|
<div class="d-flex justify-content-between align-items-center card-widget-1 border-end h-100 px-3">
|
|
<div>
|
|
<p class="mb-0 text-muted" style="font-size: 0.75rem;">Jabatan</p>
|
|
<h5 class="mb-0">{{ $jabatanLabel }}</h5>
|
|
<p class="mb-0" style="font-size: 0.75rem;">
|
|
<span class="me-1">{{ isset($pengurus) ? $pengurus->lama_menjabat : 'Belum terisi' }}</span>
|
|
</p>
|
|
</div>
|
|
<span class="avatar">
|
|
<span class="avatar-initial rounded">
|
|
<i class="icon-base ti tabler-briefcase icon-22px text-heading"></i>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6 col-lg-4">
|
|
<div class="d-flex justify-content-between align-items-center card-widget-1 h-100 ps-3">
|
|
<div>
|
|
<p class="mb-0 text-muted" style="font-size: 0.75rem;">Domisili</p>
|
|
<h5 class="mb-0">{{ isset($pengurus) ? ($pengurus->desaKelurahan?->nama ?? '-') : '-' }}</h5>
|
|
<p class="mb-0" style="font-size: 0.75rem;">
|
|
<span class="me-1">{{ isset($pengurus) ? ($pengurus->desaKelurahan?->kecamatan?->nama ?? '-') : 'Belum terisi' }}</span>
|
|
</p>
|
|
</div>
|
|
<span class="avatar">
|
|
<span class="avatar-initial rounded">
|
|
<i class="icon-base ti tabler-map-pin icon-22px text-heading"></i>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card flex-grow-1">
|
|
<div class="card-body py-3 d-flex align-items-center">
|
|
<div class="w-100">
|
|
<p class="mb-1 text-muted" style="font-size: 0.75rem;">Alamat Domisili</p>
|
|
<h6 class="mb-0">{{ isset($pengurus) ? ($pengurus->alamat ?: '-') : '-' }}</h6>
|
|
<p class="mb-0 text-muted" style="font-size: 0.75rem;">{{ $domisili }}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="nav-align-top">
|
|
<ul class="nav nav-pills flex-column flex-md-row mb-6 row-gap-2 nav-pills-custom-spacing">
|
|
<li class="nav-item">
|
|
<a class="nav-link {{ request()->routeIs('bumdes.create') || request()->routeIs('bumdes.edit') ? 'active' : '' }}" href="{{ isset($pengurus) ? route('bumdes.edit', $pengurus->id) : route('bumdes.create') }}">
|
|
<i class="icon-base ti tabler-user-check icon-sm"></i>Profil
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
@if(isset($pengurus))
|
|
<a class="nav-link {{ request()->routeIs('bumdes.kelembagaan-aktor.*') ? 'active' : '' }}" href="{{ route('bumdes.kelembagaan-aktor.index', $pengurus->id) }}">
|
|
<i class="icon-base ti tabler-building-community icon-sm"></i>Kelembagaan dan Aktor
|
|
</a>
|
|
@else
|
|
<a class="nav-link" href="#" disabled data-bs-original-title="Kelembagaan dan Aktor, isi profil terlebih dahulu" data-bs-toggle="tooltip" data-bs-placement="top">
|
|
<i class="icon-base ti tabler-building-community icon-sm"></i>Kelembagaan dan Aktor
|
|
</a>
|
|
@endif
|
|
</li>
|
|
</ul>
|
|
</div>
|