@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>