{{-- =================================================================================================
FILE  : resources/views/anggota/show.blade.php
MODUL : Detail Data Anggota
TAHUN : 2026

TUJUAN FILE:
- Menampilkan data lengkap anggota dengan tampilan nyaman di Android dan desktop.
- Konsisten dengan halaman index anggota.
- Menampilkan foto, identitas utama, status kartu, wilayah, dan data tambahan.
- Aman dipakai walau beberapa field model menggunakan nama berbeda (fallback field).

CATATAN:
- File ini mengasumsikan variabel utama yang dikirim dari controller adalah $anggota.
- Jika controller Anda mengirim nama variabel lain, ganti $anggota sesuai variabel Anda.
- Route edit menggunakan route('anggota.edit', $aId)
- Route kembali menggunakan route('anggota.index')
- Route cetak kartu menggunakan route('anggota.cetak.pasfoto', $aId)
================================================================================================= --}}

@extends('layouts.dashboard')

@section('title', 'Detail Anggota')
@section('pagetitle', 'Detail Anggota')

@section('content')
<div class="container-fluid px-2 px-md-3">

    @php
        $user = auth()->user();
        $anggota = $anggota ?? null;

        $roleRaw = (string)($user->role ?? '');
        $roleKey = strtolower(trim($roleRaw));
        $roleKey = str_replace([' ', '-'], '_', $roleKey);

        $roleAliasMap = [
            'joudie' => 'joudie',
            'superadmin' => 'superadmin',
            'super_admin' => 'superadmin',
            'dpp' => 'dpp',

            'dpd_pengurus' => 'dpdpengurus',
            'dpdpengurus' => 'dpdpengurus',
            'dpd_operator' => 'dpdoperator',
            'dpdoperator' => 'dpdoperator',
            'opr_dpd' => 'dpdoperator',
            'operator_dpd' => 'dpdoperator',

            'dpc_pengurus' => 'dpcpengurus',
            'dpcpengurus' => 'dpcpengurus',
            'dpc_operator' => 'dpcoperator',
            'dpcoperator' => 'dpcoperator',
            'opr_dpc' => 'dpcoperator',
            'operator_dpc' => 'dpcoperator',

            'ranting_pengurus' => 'rantingpengurus',
            'rantingpengurus' => 'rantingpengurus',
            'ranting_operator' => 'rantingoperator',
            'rantingoperator' => 'rantingoperator',
            'opr_ranting' => 'rantingoperator',
            'operator_ranting' => 'rantingoperator',
            'opr_rtg' => 'rantingoperator',

            'anggota' => 'anggota',
        ];

        $roleLabelMap = [
            'joudie'          => 'Joudie',
            'superadmin'      => 'Superadmin',
            'dpp'             => 'DPP',
            'dpdpengurus'     => 'DPD Pengurus',
            'dpdoperator'     => 'DPD Operator',
            'dpcpengurus'     => 'DPC Pengurus',
            'dpcoperator'     => 'DPC Operator',
            'rantingpengurus' => 'Ranting Pengurus',
            'rantingoperator' => 'Ranting Operator',
            'anggota'         => 'Anggota',
            'oprranting'      => 'Ranting Operator',
        ];

        $roleRank = [
            'joudie'          => 1,
            'superadmin'      => 2,
            'dpp'             => 3,
            'dpdpengurus'     => 4,
            'dpdoperator'     => 5,
            'dpcpengurus'     => 6,
            'dpcoperator'     => 7,
            'rantingpengurus' => 8,
            'rantingoperator' => 9,
            'anggota'         => 10,
        ];

        $rolesOperator = [
            'joudie','superadmin',
            'dpp','dpdpengurus','dpdoperator',
            'dpcpengurus','dpcoperator',
            'rantingpengurus','rantingoperator',
        ];

        $roleNorm = $roleAliasMap[$roleKey] ?? strtolower(str_replace('_', '', $roleKey));
        $loginRank = $roleRank[$roleNorm] ?? 99;

        $canEditByRoleHierarchy = function (?string $targetRoleRaw) use ($roleRank, $loginRank, $roleAliasMap) {
            $tKey = strtolower(trim((string)($targetRoleRaw ?? 'anggota')));
            $tKey = str_replace([' ', '-'], '_', $tKey);
            $tNorm = $roleAliasMap[$tKey] ?? strtolower(str_replace('_', '', $tKey));
            $targetRank = $roleRank[$tNorm] ?? 99;
            return $targetRank > $loginRank;
        };

        $aId  = $anggota->anggotaid ?? ($anggota->anggota_id ?? ($anggota->id ?? null));
        $nama = $anggota->namalengkap ?? ($anggota->nama_lengkap ?? '-');
        $nik  = $anggota->nik ?? '-';

        $aRoleRaw = (string)($anggota->role ?? 'anggota');
        $aRoleKey = strtolower(trim($aRoleRaw));
        $aRoleKey = str_replace([' ', '-'], '_', $aRoleKey);
        $aRoleNorm = $roleAliasMap[$aRoleKey] ?? strtolower(str_replace('_', '', $aRoleKey));
        $aRoleLabel = $roleLabelMap[$aRoleNorm] ?? ($aRoleKey !== '' ? $aRoleKey : '-');

        $canEditThis = in_array($roleNorm, $rolesOperator, true)
            ? $canEditByRoleHierarchy($aRoleRaw)
            : false;

        $hasFoto = !empty($anggota->foto);
        $thumbUrl = null;
        $fullFotoUrl = null;

        if (!empty($anggota->foto)) {
            try {
                $filename = basename((string)$anggota->foto);
                $thumbUrl = route('pasfoto.thumb', ['filename' => $filename, 's' => 320]);
                $fullFotoUrl = route('pasfoto.thumb', ['filename' => $filename, 's' => 800]);
            } catch (\Throwable $e) {
                $thumbUrl = null;
                $fullFotoUrl = null;
            }
        }

        $statusKartu = $anggota->status_kartu ?? ($anggota->statuskartu ?? null);
        $statusKartuNorm = strtolower(trim((string)($statusKartu ?? '')));
        $noKartu = trim((string)($anggota->no_kartu_anggota ?? ($anggota->nokartuanggota ?? '')));
        $noKartuReady = ($noKartu !== '');

        $badgeStatusKartu = 'secondary';
        if ($statusKartuNorm === 'aktif') $badgeStatusKartu = 'success';
        elseif ($statusKartuNorm === 'proses') $badgeStatusKartu = 'primary';
        elseif ($statusKartuNorm === 'pesan') $badgeStatusKartu = 'warning';
        elseif (!empty($statusKartuNorm)) $badgeStatusKartu = 'info';

        $requirePhotoForPrint = false;
        $canPrint = ($statusKartuNorm === 'aktif' && $noKartuReady && ($requirePhotoForPrint ? $hasFoto : true));

        $provId = $anggota->alamatprovinsiid ?? ($anggota->alamat_provinsi_id ?? null);
        $kotaId = $anggota->alamatkotaid ?? ($anggota->alamat_kota_id ?? null);
        $kecId  = $anggota->alamatkecamatanid ?? ($anggota->alamat_kecamatan_id ?? null);
        $desaId = $anggota->alamatdesaid ?? ($anggota->alamat_desa_id ?? null);

        $provinsi = $anggota->provinsi->name ?? $provId ?? '-';
        $kota     = $anggota->kota->name ?? $kotaId ?? '-';
        $kecamatan= $anggota->kecamatan->name ?? $kecId ?? '-';
        $desa     = $anggota->desa->name ?? $desaId ?? '-';

        $wilayahLengkap = collect([$provinsi, $kota, $kecamatan, $desa])->filter(function ($v) {
            return filled($v) && $v !== '-';
        })->implode(', ');

        $tempatLahir = $anggota->tempatlahir ?? ($anggota->tempat_lahir ?? '-');
        $tanggalLahir = $anggota->tanggallahir ?? ($anggota->tanggal_lahir ?? null);
        $jenisKelamin = $anggota->jeniskelamin ?? ($anggota->jenis_kelamin ?? '-');
        $alamat = $anggota->alamat ?? ($anggota->alamatlengkap ?? ($anggota->alamat_lengkap ?? '-'));
        $noHp = $anggota->nohp ?? ($anggota->no_hp ?? ($anggota->nomorhp ?? '-'));
        $email = $anggota->email ?? '-';

        $statusOrganisasi = $anggota->statusorganisasi ?? ($anggota->status_organisasi ?? '-');
        $jabatan = $anggota->jabatan->namajabatan ?? ($anggota->jabatan->nama_jabatan ?? ($anggota->namajabatan ?? ($anggota->nama_jabatan ?? '-')));

        $pendidikan = $anggota->pendidikan->namapendidikan ?? ($anggota->pendidikan->nama_pendidikan ?? ($anggota->namapendidikan ?? ($anggota->nama_pendidikan ?? '-')));
        $statusPekerjaan = $anggota->statuspekerjaan->namastatus ?? ($anggota->statuspekerjaan->nama_status ?? ($anggota->namastatus ?? ($anggota->nama_status ?? '-')));

        $statusRumah = $anggota->statusrumah ?? ($anggota->status_rumah ?? '-');
        $kondisiRumah = $anggota->kondisirumah ?? ($anggota->kondisi_rumah ?? '-');
        $statusTanah = $anggota->statustanahpekarangan ?? ($anggota->status_tanah_pekarangan ?? '-');
        $aksesListrik = $anggota->akseslistrik ?? ($anggota->akses_listrik ?? '-');
        $aksesAirBersih = $anggota->aksesairbersih ?? ($anggota->akses_air_bersih ?? '-');
        $sanitasi = $anggota->sanitasi ?? '-';

        $bpjsKesehatan = $anggota->bpjskesehatan ?? ($anggota->bpjs_kesehatan ?? '-');
        $bpjsKetenagakerjaan = $anggota->bpjsketenagakerjaan ?? ($anggota->bpjs_ketenagakerjaan ?? '-');
        $asuransiNelayan = $anggota->asuransinelayan ?? ($anggota->asuransi_nelayan ?? '-');
        $keanggotaanKoperasi = $anggota->keanggotaankoperasi ?? ($anggota->keanggotaan_koperasi ?? '-');
        $kartuKusuka = $anggota->kartukusuka ?? ($anggota->kartu_kusuka ?? '-');

        $caraPesanKartu = $anggota->cara_pesan_kartu ?? '-';

        $formatDate = function ($value) {
            if (blank($value)) return '-';
            try {
                return \Carbon\Carbon::parse($value)->translatedFormat('d M Y');
            } catch (\Throwable $e) {
                return (string)$value;
            }
        };

        $ttl = ($tempatLahir && $tempatLahir !== '-' ? $tempatLahir : '-')
            . (($tanggalLahir && $tanggalLahir !== '-') ? ', ' . $formatDate($tanggalLahir) : '');
    @endphp

    <style>
        .detail-head{
            display:flex;
            gap:.75rem;
            align-items:flex-start;
            justify-content:space-between;
            flex-wrap:wrap;
            margin-bottom:1rem;
        }

        .detail-card,
        .profile-card,
        .info-card{
            border:0;
            border-radius:1rem;
            box-shadow:0 .125rem .65rem rgba(15,23,42,.08);
        }

        .profile-wrap{
            display:grid;
            grid-template-columns:280px minmax(0,1fr);
            gap:1rem;
        }

        .profile-photo-box{
            border:1px solid rgba(0,0,0,.06);
            border-radius:1rem;
            background:#fff;
            padding:1rem;
            text-align:center;
            height:100%;
        }

        .profile-photo{
            width:180px;
            height:180px;
            border-radius:1rem;
            object-fit:cover;
            margin:0 auto .75rem auto;
            border:1px solid rgba(0,0,0,.08);
            background:#f1f5f9;
        }

        .profile-photo-fallback{
            width:180px;
            height:180px;
            border-radius:1rem;
            margin:0 auto .75rem auto;
            display:flex;
            align-items:center;
            justify-content:center;
            font-size:3rem;
            color:#64748b;
            background:#e2e8f0;
            border:1px solid rgba(0,0,0,.06);
        }

        .detail-badge-wrap .badge{
            margin:.15rem;
        }

        .profile-main{
            min-width:0;
        }

        .profile-name{
            font-size:1.3rem;
            font-weight:700;
            line-height:1.3;
            margin-bottom:.3rem;
        }

        .profile-sub{
            color:#6c757d;
            line-height:1.45;
        }

        .role-pill{
            display:inline-flex;
            align-items:center;
            font-size:.75rem;
            padding:.28rem .6rem;
            border-radius:999px;
            background:#f1f5f9;
            color:#475569;
            white-space:nowrap;
        }

        .info-card .card-header{
            background:#fff;
            border-bottom:1px solid rgba(0,0,0,.06);
            border-top-left-radius:1rem !important;
            border-top-right-radius:1rem !important;
        }

        .info-grid{
            display:grid;
            grid-template-columns:repeat(2, minmax(0,1fr));
            gap:.9rem 1rem;
        }

        .info-item{
            min-width:0;
        }

        .info-label{
            font-size:.78rem;
            color:#6c757d;
            margin-bottom:.2rem;
        }

        .info-value{
            font-weight:600;
            line-height:1.4;
            word-wrap:break-word;
        }

        @media (max-width: 991.98px){
            .profile-wrap{
                grid-template-columns:1fr;
            }
        }

        @media (max-width: 767.98px){
            .container-fluid{
                padding-left:.5rem;
                padding-right:.5rem;
            }

            .detail-card .card-body,
            .profile-card .card-body,
            .info-card .card-body{
                padding:.85rem;
            }

            .detail-head .btn{
                width:100%;
            }

            .profile-photo,
            .profile-photo-fallback{
                width:120px;
                height:120px;
                border-radius:.9rem;
            }

            .profile-photo-fallback{
                font-size:2.2rem;
            }

            .profile-name{
                font-size:1.08rem;
            }

            .profile-sub{
                font-size:.84rem;
            }

            .info-grid{
                grid-template-columns:1fr;
                gap:.75rem;
            }

            .info-label{
                font-size:.74rem;
            }

            .info-value{
                font-size:.92rem;
            }
        }
    </style>

    <div class="detail-head">
        <div>
            <h1 class="h4 mb-1">Detail Anggota</h1>
            <div class="text-muted small">Informasi lengkap data anggota.</div>
        </div>

        <div class="d-flex flex-wrap gap-2">
            <a href="{{ route('anggota.index') }}" class="btn btn-outline-secondary">
                <i class="bi bi-arrow-left me-1"></i> Kembali
            </a>

            @if($canPrint)
                <a href="{{ route('anggota.cetak.pasfoto', $aId) }}"
                   class="btn btn-outline-primary"
                   target="_blank" rel="noopener">
                    <i class="bi bi-credit-card me-1"></i> Cetak Kartu
                </a>
            @endif

            @if($canEditThis)
                <a href="{{ route('anggota.edit', $aId) }}" class="btn btn-primary">
                    <i class="bi bi-pencil-square me-1"></i> Edit
                </a>
            @endif
        </div>
    </div>

    <div class="card profile-card mb-3">
        <div class="card-body">
            <div class="profile-wrap">
                <div class="profile-photo-box">
                    @if($thumbUrl)
                        @if($fullFotoUrl)
                            <a href="{{ $fullFotoUrl }}" target="_blank" rel="noopener">
                                <img src="{{ $thumbUrl }}"
                                     alt="Foto {{ $nama }}"
                                     class="profile-photo"
                                     width="180" height="180"
                                     loading="lazy"
                                     decoding="async"
                                     referrerpolicy="no-referrer">
                            </a>
                        @else
                            <img src="{{ $thumbUrl }}"
                                 alt="Foto {{ $nama }}"
                                 class="profile-photo"
                                 width="180" height="180"
                                 loading="lazy"
                                 decoding="async"
                                 referrerpolicy="no-referrer">
                        @endif
                    @else
                        <div class="profile-photo-fallback">
                            <i class="bi bi-person"></i>
                        </div>
                    @endif

                    <div class="detail-badge-wrap">
                        <span class="badge bg-{{ $badgeStatusKartu }}">{{ $statusKartu ?: '-' }}</span>

                        @if($hasFoto)
                            <span class="badge bg-success-subtle text-success border">Foto ada</span>
                        @else
                            <span class="badge bg-warning-subtle text-dark border">Belum ada foto</span>
                        @endif

                        <span class="badge bg-light text-dark border">{{ $aRoleLabel }}</span>
                    </div>
                </div>

                <div class="profile-main">
                    <div class="profile-name">{{ $nama }}</div>
                    <div class="profile-sub mb-2">NIK: {{ $nik }}</div>

                    <div class="profile-sub mb-3">
                        {{ $wilayahLengkap ?: '-' }}
                    </div>

                    <div class="row g-3">
                        <div class="col-12 col-md-6">
                            <div class="info-label">Nomor Kartu Anggota</div>
                            <div class="info-value">{{ $noKartuReady ? $noKartu : '-' }}</div>
                        </div>

                        <div class="col-12 col-md-6">
                            <div class="info-label">Cara Pesan Kartu</div>
                            <div class="info-value">{{ $caraPesanKartu ?: '-' }}</div>
                        </div>

                        <div class="col-12">
                            <div class="info-label">Alamat Singkat</div>
                            <div class="info-value">{{ $alamat ?: '-' }}</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="card info-card mb-3">
        <div class="card-header">
            <div class="fw-semibold">Identitas Utama</div>
        </div>
        <div class="card-body">
            <div class="info-grid">
                <div class="info-item">
                    <div class="info-label">Nama Lengkap</div>
                    <div class="info-value">{{ $nama }}</div>
                </div>

                <div class="info-item">
                    <div class="info-label">NIK</div>
                    <div class="info-value">{{ $nik }}</div>
                </div>

                <div class="info-item">
                    <div class="info-label">Tempat, Tanggal Lahir</div>
                    <div class="info-value">{{ $ttl }}</div>
                </div>

                <div class="info-item">
                    <div class="info-label">Jenis Kelamin</div>
                    <div class="info-value">{{ $jenisKelamin ?: '-' }}</div>
                </div>

                <div class="info-item">
                    <div class="info-label">No. HP</div>
                    <div class="info-value">{{ $noHp ?: '-' }}</div>
                </div>

                <div class="info-item">
                    <div class="info-label">Email</div>
                    <div class="info-value">{{ $email ?: '-' }}</div>
                </div>

                <div class="info-item">
                    <div class="info-label">Role</div>
                    <div class="info-value">{{ $aRoleLabel }}</div>
                </div>

                <div class="info-item">
                    <div class="info-label">Status Organisasi</div>
                    <div class="info-value">{{ $statusOrganisasi ?: '-' }}</div>
                </div>
            </div>
        </div>
    </div>

    <div class="card info-card mb-3">
        <div class="card-header">
            <div class="fw-semibold">Wilayah dan Alamat</div>
        </div>
        <div class="card-body">
            <div class="info-grid">
                <div class="info-item">
                    <div class="info-label">Provinsi</div>
                    <div class="info-value">{{ $provinsi }}</div>
                </div>

                <div class="info-item">
                    <div class="info-label">Kabupaten / Kota</div>
                    <div class="info-value">{{ $kota }}</div>
                </div>

                <div class="info-item">
                    <div class="info-label">Kecamatan</div>
                    <div class="info-value">{{ $kecamatan }}</div>
                </div>

                <div class="info-item">
                    <div class="info-label">Desa / Kelurahan</div>
                    <div class="info-value">{{ $desa }}</div>
                </div>

                <div class="info-item" style="grid-column: 1 / -1;">
                    <div class="info-label">Alamat Lengkap</div>
                    <div class="info-value">{{ $alamat ?: '-' }}</div>
                </div>
            </div>
        </div>
    </div>

    <div class="card info-card mb-3">
        <div class="card-header">
            <div class="fw-semibold">Organisasi dan Pendidikan</div>
        </div>
        <div class="card-body">
            <div class="info-grid">
                <div class="info-item">
                    <div class="info-label">Jabatan</div>
                    <div class="info-value">{{ $jabatan ?: '-' }}</div>
                </div>

                <div class="info-item">
                    <div class="info-label">Pendidikan</div>
                    <div class="info-value">{{ $pendidikan ?: '-' }}</div>
                </div>

                <div class="info-item">
                    <div class="info-label">Status Pekerjaan</div>
                    <div class="info-value">{{ $statusPekerjaan ?: '-' }}</div>
                </div>

                <div class="info-item">
                    <div class="info-label">Status Organisasi</div>
                    <div class="info-value">{{ $statusOrganisasi ?: '-' }}</div>
                </div>
            </div>
        </div>
    </div>

    <div class="card info-card mb-3">
        <div class="card-header">
            <div class="fw-semibold">Rumah dan Akses Dasar</div>
        </div>
        <div class="card-body">
            <div class="info-grid">
                <div class="info-item">
                    <div class="info-label">Status Rumah</div>
                    <div class="info-value">{{ $statusRumah ?: '-' }}</div>
                </div>

                <div class="info-item">
                    <div class="info-label">Kondisi Rumah</div>
                    <div class="info-value">{{ $kondisiRumah ?: '-' }}</div>
                </div>

                <div class="info-item">
                    <div class="info-label">Status Tanah / Pekarangan</div>
                    <div class="info-value">{{ $statusTanah ?: '-' }}</div>
                </div>

                <div class="info-item">
                    <div class="info-label">Akses Listrik</div>
                    <div class="info-value">{{ $aksesListrik ?: '-' }}</div>
                </div>

                <div class="info-item">
                    <div class="info-label">Akses Air Bersih</div>
                    <div class="info-value">{{ $aksesAirBersih ?: '-' }}</div>
                </div>

                <div class="info-item">
                    <div class="info-label">Sanitasi</div>
                    <div class="info-value">{{ $sanitasi ?: '-' }}</div>
                </div>
            </div>
        </div>
    </div>

    <div class="card info-card mb-3">
        <div class="card-header">
            <div class="fw-semibold">Kepesertaan dan Program</div>
        </div>
        <div class="card-body">
            <div class="info-grid">
                <div class="info-item">
                    <div class="info-label">BPJS Kesehatan</div>
                    <div class="info-value">{{ $bpjsKesehatan ?: '-' }}</div>
                </div>

                <div class="info-item">
                    <div class="info-label">BPJS Ketenagakerjaan</div>
                    <div class="info-value">{{ $bpjsKetenagakerjaan ?: '-' }}</div>
                </div>

                <div class="info-item">
                    <div class="info-label">Asuransi Nelayan</div>
                    <div class="info-value">{{ $asuransiNelayan ?: '-' }}</div>
                </div>

                <div class="info-item">
                    <div class="info-label">Keanggotaan Koperasi</div>
                    <div class="info-value">{{ $keanggotaanKoperasi ?: '-' }}</div>
                </div>

                <div class="info-item">
                    <div class="info-label">Kartu Kusuka</div>
                    <div class="info-value">{{ $kartuKusuka ?: '-' }}</div>
                </div>

                <div class="info-item">
                    <div class="info-label">Status Kartu Anggota</div>
                    <div class="info-value">{{ $statusKartu ?: '-' }}</div>
                </div>
            </div>
        </div>
    </div>

</div>
@endsection