@extends('layouts.default')

@section('title', 'Profil Pegawai')

@section('content')
<!-- begin breadcrumb -->
<ol class="breadcrumb pull-right">
    <li class="breadcrumb-item"><a href="javascript:;">Home</a></li>
    <li class="breadcrumb-item active">Profil</li>
</ol>
<!-- end breadcrumb -->
<!-- begin page-header -->
<h1 class="page-header">Profil Pegawai <small>{{ $data['nama'] ?? 'User' }}</small></h1>
<!-- end page-header -->

<div class="row">
    <div class="col-lg-12">
        <div class="panel panel-inverse" data-sortable-id="ui-general-1">
            <div class="panel-heading">
                <div class="panel-heading-btn">
                    <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-default" data-click="panel-expand"><i class="fa fa-expand"></i></a>
                    <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-success" data-click="panel-reload"><i class="fa fa-redo"></i></a>
                    <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-warning" data-click="panel-collapse"><i class="fa fa-minus"></i></a>
                </div>
                <h4 class="panel-title">Biodata Lengkap</h4>
            </div>
            <div class="panel-body">
                <div class="row">
                    <!-- Kolom Foto -->
                    <div class="col-md-3 text-center">
                        @php
                            $imgSrc = asset('assets/img/user/user-13.jpg'); // Default fallback
                            
                                      
                        @endphp
                             
                        <img src="https://sikep.mahkamahagung.go.id/uploads/foto_pegawai/{{ $data['foto_pegawai'] }}" class="img-thumbnail mb-3" alt="Foto Pegawai" style="width: 100%; height: auto;">
                        
                        <h4 class="mb-0">{{ $data['nama'] }}</h4>
                        <p class="text-muted">{{ $data['jabatan_nama'] }}</p>
                    </div>

                    <!-- Kolom Detail -->
                    <div class="col-md-9">
                        <!-- Identitas -->
                        <h4 class="m-t-0 m-b-20"><i class="fa fa-user fa-fw"></i> Identitas Diri</h4>
                        <div class="row m-b-20">
                            <div class="col-md-6 m-b-15">
                                <label class="text-muted m-b-0 f-s-12">Nama Lengkap</label>
                                <div class="f-s-14 f-w-600 text-inverse">{{ $data['nama'] ?? '-' }}</div>
                            </div>
                            <div class="col-md-6 m-b-15">
                                <label class="text-muted m-b-0 f-s-12">NIP</label>
                                <div class="f-s-14 f-w-600 text-inverse">{{ $data['nip'] ?? '-' }}</div>
                            </div>
                            <div class="col-md-6 m-b-15">
                                <label class="text-muted m-b-0 f-s-12">NIK</label>
                                <div class="f-s-14 f-w-600 text-inverse">{{ $data['nik'] ?? '-' }}</div>
                            </div>
                            <div class="col-md-6 m-b-15">
                                <label class="text-muted m-b-0 f-s-12">Tempat, Tanggal Lahir</label>
                                <div class="f-s-14 f-w-600 text-inverse">
                                    {{ $data['tempat_lahir'] ?? '' }}, {{ isset($data['tanggal_lahir']) ? \Carbon\Carbon::parse($data['tanggal_lahir'])->translatedFormat('d F Y') : '-' }}
                                </div>
                            </div>
                            <div class="col-md-6 m-b-15">
                                <label class="text-muted m-b-0 f-s-12">Jenis Kelamin</label>
                                <div class="f-s-14 f-w-600 text-inverse">
                                    {{ $data['jk'] == 'Wa' ? 'Wanita' : ($data['jk'] == 'Pr' ? 'Pria' : $data['jk']) }}
                                </div>
                            </div>
                            <div class="col-md-6 m-b-15">
                                <label class="text-muted m-b-0 f-s-12">Agama</label>
                                <div class="f-s-14 f-w-600 text-inverse">{{ $data['agama'] ?? '-' }}</div>
                            </div>
                        </div>

                        <hr class="bg-gray-lighter" />
                        
                        <!-- Kontak -->
                        <h4 class="m-t-20 m-b-20"><i class="fa fa-address-book fa-fw"></i> Kontak & Alamat</h4>
                        <div class="row m-b-20">
                             <div class="col-md-12 m-b-15">
                                <label class="text-muted m-b-0 f-s-12">Alamat</label>
                                <div class="f-s-14 f-w-600 text-inverse">{{ $data['alamat'] ?? '-' }}</div>
                            </div>
                            <div class="col-md-6 m-b-15">
                                <label class="text-muted m-b-0 f-s-12">No HP / WA</label>
                                <div class="f-s-14 f-w-600 text-inverse">{{ $data['no_hp'] ?? '-' }} / {{ $data['no_wa'] ?? '-' }}</div>
                            </div>
                            <div class="col-md-6 m-b-15">
                                <label class="text-muted m-b-0 f-s-12">Email</label>
                                <div class="f-s-14 f-w-600 text-inverse">{{ $data['email'] ?? '-' }}</div>
                            </div>
                        </div>

                        <hr class="bg-gray-lighter" />

                        <!-- Jabatan & Pangkat -->
                        <h4 class="m-t-20 m-b-20"><i class="fa fa-briefcase fa-fw"></i> Data Jabatan & Kepangkatan</h4>
                        <div class="row">
                            <div class="col-md-12 m-b-15">
                                <label class="text-muted m-b-0 f-s-12">Unit Kerja</label>
                                <div class="f-s-14 f-w-600 text-inverse">{{ $data['nama_unit_kerja'] ?? '-' }} (Kode: {{ $data['kode_satker'] ?? '-' }})</div>
                            </div>
                            <div class="col-md-6 m-b-15">
                                <label class="text-muted m-b-0 f-s-12">Jabatan</label>
                                <div class="f-s-14 f-w-600 text-inverse">{{ $data['jabatan_nama'] ?? $data['jabatan'] ?? '-' }}</div>
                                <div class="f-s-11 text-muted">TMT Jabatan: {{ isset($data['tmt_jabatan']) ? \Carbon\Carbon::parse($data['tmt_jabatan'])->translatedFormat('d F Y') : '-' }}</div>
                            </div>
                            <div class="col-md-6 m-b-15">
                                <label class="text-muted m-b-0 f-s-12">Pangkat / Golongan</label>
                                <div class="f-s-14 f-w-600 text-inverse">{{ $data['pangkat'] ?? '-' }} ({{ $data['golongan'] ?? '-' }})</div>
                                <div class="f-s-11 text-muted">TMT Golongan: {{ isset($data['tmt_gol']) ? \Carbon\Carbon::parse($data['tmt_gol'])->translatedFormat('d F Y') : '-' }}</div>
                            </div>
                             <div class="col-md-6 m-b-15">
                                <label class="text-muted m-b-0 f-s-12">TMT PNS</label>
                                <div class="f-s-14 f-w-600 text-inverse">{{ isset($data['tmt_pns']) ? \Carbon\Carbon::parse($data['tmt_pns'])->translatedFormat('d F Y') : '-' }}</div>
                            </div>
                            <div class="col-md-6 m-b-15">
                                <label class="text-muted m-b-0 f-s-12">Masa Kerja</label>
                                <div class="f-s-14 f-w-600 text-inverse">
                                    {{ $data['masa_kerja_thn'] ?? '0' }} Tahun {{ $data['masa_kerja_bln'] ?? '0' }} Bulan
                                </div>
                            </div>
                        </div>

                        <hr class="bg-gray-lighter" />

                        <!-- Pendidikan & Lainnya -->
                        <h4 class="m-t-20 m-b-20"><i class="fa fa-graduation-cap fa-fw"></i> Pendidikan & Status</h4>
                        <div class="row">
                             <div class="col-md-6 m-b-15">
                                <label class="text-muted m-b-0 f-s-12">Pendidikan Terakhir</label>
                                <div class="f-s-14 f-w-600 text-inverse">{{ $data['pendidikan_terakhir'] ?? $data['pendidikan'] ?? '-' }} {{ $data['pendidikan_terakhir_gelar'] ?? '' }}</div>
                            </div>
                            <div class="col-md-6 m-b-15">
                                <label class="text-muted m-b-0 f-s-12">Status Pegawai</label>
                                <div><span class="badge {{ ($data['aktif'] ?? '') == 'Y' ? 'badge-primary' : 'badge-danger' }}">{{ $data['status_pegawai_text'] ?? '-' }}</span></div>
                            </div>
                        </div>

                         <div class="alert alert-secondary m-t-20 f-s-12">
                            <i class="fa fa-info-circle fa-fw"></i> Data diperbaharui oleh <b>{{ $data['diperbaharui_oleh'] ?? 'system' }}</b> pada {{ isset($data['diperbaharui_tanggal']) ? \Carbon\Carbon::parse($data['diperbaharui_tanggal'])->translatedFormat('d F Y H:i') : '-' }}
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection