191 lines
9.2 KiB
PHP
191 lines
9.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
|
|
$namaLengkap = isset($pengurus) ? $pengurus->nama_lengkap : 'Tambah Profil Baru';
|
|
$namaKoperasi = isset($pengurus) ? $pengurus->nama_koperasi : 'Nama Koperasi';
|
|
$jabatanLabel = isset($pengurus) ? $pengurus->posisi_dalam_koperasi : 'Posisi/Jabatan';
|
|
$noHp = isset($pengurus) ? $pengurus->no_hp : 'Belum terisi';
|
|
$domisili = isset($pengurus) ? $pengurus->alamat_tinggal : 'Alamat Domisili Pengurus';
|
|
@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 Koperasi</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;">{{ $namaLengkap }}</h6>
|
|
<span class="text-muted" style="font-size: 0.75rem;">{{ $namaKoperasi }}</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;">Kontak & Domisili</h6>
|
|
<p class="mb-0 text-muted" style="font-size: 0.75rem;">No. HP: {{ $noHp }}</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;">Koperasi</p>
|
|
<h5 class="mb-0 text-truncate" style="max-width: 120px;" title="{{ $namaKoperasi }}">{{ $namaKoperasi }}</h5>
|
|
<p class="mb-0" style="font-size: 0.75rem;">
|
|
<span class="me-1">{{ isset($pengurus) ? $pengurus->jenis_koperasi : 'Belum terisi' }}</span>
|
|
</p>
|
|
</div>
|
|
<span class="avatar">
|
|
<span class="avatar-initial rounded">
|
|
<i class="icon-base ti tabler-building-store 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;">Posisi</p>
|
|
<h5 class="mb-0">{{ $jabatanLabel }}</h5>
|
|
<p class="mb-0" style="font-size: 0.75rem;">
|
|
<span class="me-1">Thn Gabung: {{ isset($pengurus) ? ($pengurus->tahun_bergabung ?: '-') : '-' }}</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;">Skala Operasi</p>
|
|
<h5 class="mb-0">{{ isset($pengurus) ? $pengurus->skala_operasi : '-' }}</h5>
|
|
</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 Koperasi</p>
|
|
<h6 class="mb-0">{{ isset($pengurus) ? ($pengurus->alamat_koperasi ?: '-') : '-' }}</h6>
|
|
</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" id="main-tab-nav">
|
|
|
|
<li class="nav-item">
|
|
<a class="nav-link {{ request()->routeIs('koperasi.pengurus.create') || request()->routeIs('koperasi.pengurus.edit') ? 'active' : '' }}" href="{{ isset($pengurus) ? route('koperasi.pengurus.edit', $pengurus->id) : route('koperasi.pengurus.create') }}">
|
|
<i class="icon-base ti tabler-user-check icon-sm"></i>Profil Dasar
|
|
</a>
|
|
</li>
|
|
|
|
@php
|
|
$currentStep = request()->query('step', 1);
|
|
$isSurvey = request()->routeIs('koperasi.pengurus.survey');
|
|
|
|
$disabledAttr = !isset($pengurus) ? 'disabled data-bs-toggle="tooltip" data-bs-placement="top" title="Simpan profil dasar terlebih dahulu"' : '';
|
|
@endphp
|
|
|
|
<li class="nav-item">
|
|
<a class="nav-link {{ ($isSurvey && $currentStep == 1) ? 'active bg-primary text-white' : 'text-muted' }}"
|
|
href="{{ isset($pengurus) ? route('koperasi.pengurus.survey', [$pengurus->id, 'step' => 1]) : '#' }}" {!! $disabledAttr !!}>
|
|
<i class="icon-base ti tabler-building-bank icon-sm"></i>Kelembagaan-Aktor Sistem
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link {{ ($isSurvey && $currentStep == 2) ? 'active bg-primary text-white' : 'text-muted' }}"
|
|
href="{{ isset($pengurus) ? route('koperasi.pengurus.survey', [$pengurus->id, 'step' => 2]) : '#' }}" {!! $disabledAttr !!}>
|
|
<i class="icon-base ti tabler-truck-delivery icon-sm"></i>Rantai Nilai-Akses Pasar
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link {{ ($isSurvey && $currentStep == 3) ? 'active bg-primary text-white' : 'text-muted' }}"
|
|
href="{{ isset($pengurus) ? route('koperasi.pengurus.survey', [$pengurus->id, 'step' => 3]) : '#' }}" {!! $disabledAttr !!}>
|
|
<i class="icon-base ti tabler-users icon-sm"></i>Sosial Ekonomi
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<script>
|
|
function jumpToStep(step) {
|
|
$('.step-content').addClass('d-none');
|
|
$('#step-' + step).removeClass('d-none');
|
|
|
|
$('.survey-tab-link').removeClass('active');
|
|
$('#tab-step-' + step).addClass('active');
|
|
|
|
if (history.pushState) {
|
|
window.history.replaceState(null, null, '#step-' + step);
|
|
}
|
|
}
|
|
|
|
$(document).ready(function() {
|
|
let hash = window.location.hash;
|
|
if (hash && hash.startsWith('#step-')) {
|
|
let stepNum = parseInt(hash.replace('#step-', ''));
|
|
if (stepNum >= 1 && stepNum <= 4) {
|
|
jumpToStep(stepNum);
|
|
}
|
|
}
|
|
});
|
|
</script> |