100 lines
6.2 KiB
PHP
100 lines
6.2 KiB
PHP
@props(['summary'])
|
|
|
|
<section class="card koperasi-profile-summary mb-4" id="koperasi-profile-summary" aria-label="Ringkasan profil koperasi">
|
|
<div class="card-body p-3 p-lg-4">
|
|
<div class="row g-3 align-items-start">
|
|
<div class="col-12 col-lg-5">
|
|
<div class="d-flex align-items-start gap-3">
|
|
<span class="avatar flex-shrink-0" aria-hidden="true">
|
|
<span class="avatar-initial rounded bg-label-primary">
|
|
<i class="icon-base ti tabler-building-store icon-22px"></i>
|
|
</span>
|
|
</span>
|
|
<div class="koperasi-summary-content">
|
|
<h5 class="mb-1 text-break" data-summary-field="judul">{{ $summary['judul'] }}</h5>
|
|
<p class="small text-muted mb-1 text-break" data-summary-field="alamat">
|
|
<i class="icon-base ti tabler-map-pin icon-16px me-1" aria-hidden="true"></i>{{ $summary['alamat'] }}
|
|
</p>
|
|
<p class="small mb-2 text-break"><span class="text-muted">Tahun Berdiri:</span> <span data-summary-field="tahun_berdiri">{{ $summary['tahun_berdiri'] }}</span></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-lg-7">
|
|
<div class="row g-3">
|
|
<div class="col-12 col-sm-6">
|
|
<p class="koperasi-summary-label mb-1">Jenis Koperasi</p>
|
|
<span class="badge bg-label-primary" data-summary-field="jenis">{{ $summary['jenis'] }}</span>
|
|
</div>
|
|
<div class="col-12 col-sm-6" data-summary-field="layanan">
|
|
<p class="koperasi-summary-label mb-1">Layanan Utama</p>
|
|
@if(count($summary['layanan']))
|
|
<div class="d-flex flex-wrap align-items-start gap-2">
|
|
@foreach(array_slice($summary['layanan'], 0, 2) as $item)
|
|
<span class="badge bg-label-primary">{{ $item }}</span>
|
|
@endforeach
|
|
@if(count($summary['layanan']) > 2)
|
|
<button class="btn btn-sm btn-text-primary p-0 koperasi-summary-more" type="button" data-bs-toggle="collapse" data-bs-target="#koperasi-summary-extra-layanan" aria-expanded="false" aria-controls="koperasi-summary-extra-layanan">+{{ count($summary['layanan']) - 2 }} lainnya</button>
|
|
@endif
|
|
</div>
|
|
@if(count($summary['layanan']) > 2)
|
|
<div class="collapse" id="koperasi-summary-extra-layanan">
|
|
<div class="d-flex flex-wrap gap-2 pt-2">
|
|
@foreach(array_slice($summary['layanan'], 2) as $item)
|
|
<span class="badge bg-label-primary">{{ $item }}</span>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
@endif
|
|
@else
|
|
<p class="small mb-0 text-muted">Belum terisi</p>
|
|
@endif
|
|
</div>
|
|
<div class="col-12 col-sm-6">
|
|
<p class="koperasi-summary-label mb-1">Total Anggota (2025)</p>
|
|
<span class="fw-medium text-break" data-summary-field="anggota">{{ $summary['anggota'] }}</span>
|
|
@if($summary['anggota_rincian'])<p class="small text-muted mb-0 text-break">{{ $summary['anggota_rincian'] }}</p>@endif
|
|
</div>
|
|
<div class="col-12 col-sm-6">
|
|
<p class="koperasi-summary-label mb-1">Total Pengurus</p>
|
|
<span class="fw-medium text-break" data-summary-field="pengurus">{{ $summary['pengurus'] }}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card-footer border-top p-3 py-lg-2 px-lg-4">
|
|
<div class="row gy-3">
|
|
@foreach(['responden' => ['Nama Responden', 'user'], 'jabatan' => ['Jabatan Responden', 'briefcase'], 'kontak' => ['Kontak Responden', 'phone']] as $field => [$label, $icon])
|
|
<div class="col-sm-6 col-lg-3 d-flex align-items-center">
|
|
<span class="avatar avatar-sm me-2 flex-shrink-0" aria-hidden="true">
|
|
<span class="avatar-initial rounded-circle bg-label-primary">
|
|
<i class="icon-base ti tabler-{{ $icon }} icon-16px"></i>
|
|
</span>
|
|
</span>
|
|
<div class="koperasi-summary-content">
|
|
<p class="koperasi-summary-label mb-0">{{ $label }}</p>
|
|
<span class="fw-medium small text-break" data-summary-field="{{ $field }}">{{ $summary[$field] }}</span>
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
<div class="col-sm-6 col-lg-3 d-flex align-items-center">
|
|
<span class="avatar avatar-sm me-2 flex-shrink-0" aria-hidden="true">
|
|
<span class="avatar-initial rounded-circle bg-label-primary">
|
|
<i class="icon-base ti tabler-calendar-event icon-16px"></i>
|
|
</span>
|
|
</span>
|
|
<div class="koperasi-summary-content">
|
|
<p class="koperasi-summary-label mb-0">Diperbarui</p>
|
|
<span class="fw-medium small text-break" data-summary-field="diperbarui">
|
|
@if($summary['diperbarui'])
|
|
<time datetime="{{ $summary['diperbarui']->toIso8601String() }}">{{ $summary['diperbarui']->locale('id')->translatedFormat('d M Y, H:i') }}</time>
|
|
@else
|
|
{{ $summary['tersimpan'] ? 'Belum terisi' : 'Belum tersimpan' }}
|
|
@endif
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|