@extends('layouts.app')

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

@section('content')
<div class="container py-4">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h2><i class="bi bi-person-circle"></i> Profil Saya</h2>
        <a href="{{ route('profile.edit') }}" class="btn btn-primary">
            <i class="bi bi-pencil"></i> Edit Profil
        </a>
    </div>

    <div class="row">
        <div class="col-md-4 mb-4">
            <div class="card shadow-lg border-0">
                <div class="card-body text-center p-4">
                    <div class="mb-3">
                        @if(auth()->user()->pegawai && auth()->user()->pegawai->foto_profil)
                            <img src="{{ asset(auth()->user()->pegawai->foto_profil) }}" 
                                 alt="Foto Profil" 
                                 class="rounded-circle" 
                                 style="width: 150px; height: 150px; object-fit: cover; border: 5px solid #198754;">
                        @elseif(auth()->user()->profile && auth()->user()->profile->foto_profil)
                            <img src="{{ asset(auth()->user()->profile->foto_profil) }}" 
                                 alt="Foto Profil" 
                                 class="rounded-circle" 
                                 style="width: 150px; height: 150px; object-fit: cover; border: 5px solid #198754;">
                        @else
                            <div class="rounded-circle d-inline-flex align-items-center justify-content-center" 
                                 style="width: 150px; height: 150px; background: linear-gradient(135deg, #198754 0%, #157347 100%); border: 5px solid #198754;">
                                <i class="bi bi-person-fill text-white" style="font-size: 80px;"></i>
                            </div>
                        @endif
                    </div>
                    <h4 class="mb-1">{{ $profile->nama_lengkap ?? $pegawai->nama_lengkap ?? auth()->user()->username }}</h4>
                    <p class="text-muted mb-2">
                        <span class="badge bg-primary">{{ ucfirst(str_replace('_', ' ', auth()->user()->role)) }}</span>
                    </p>
                    @if($pegawai)
                        <p class="mb-0"><strong>NIP:</strong> {{ $pegawai->nip }}</p>
                    @elseif($profile && $profile->nip)
                        <p class="mb-0"><strong>NIP:</strong> {{ $profile->nip }}</p>
                    @endif
                </div>
            </div>
        </div>

        <div class="col-md-8">
            <div class="card shadow-lg border-0 mb-4">
                <div class="card-header bg-primary text-white">
                    <h5 class="mb-0"><i class="bi bi-info-circle"></i> Informasi Akun</h5>
                </div>
                <div class="card-body">
                    <table class="table table-borderless">
                        <tr>
                            <th width="200"><i class="bi bi-person me-2" style="color: #198754;"></i> Username</th>
                            <td>{{ auth()->user()->username }}</td>
                        </tr>
                        <tr>
                            <th><i class="bi bi-envelope me-2" style="color: #198754;"></i> Email</th>
                            <td>{{ auth()->user()->email }}</td>
                        </tr>
                        <tr>
                            <th><i class="bi bi-shield-check me-2" style="color: #198754;"></i> Status</th>
                            <td>
                                <span class="badge bg-{{ auth()->user()->status == 'active' ? 'success' : 'secondary' }}">
                                    {{ ucfirst(auth()->user()->status) }}
                                </span>
                            </td>
                        </tr>
                        @if(auth()->user()->last_login)
                        <tr>
                            <th><i class="bi bi-clock-history me-2" style="color: #198754;"></i> Login Terakhir</th>
                            <td>{{ auth()->user()->last_login->format('d/m/Y H:i:s') }}</td>
                        </tr>
                        @endif
                    </table>
                </div>
            </div>

            @if($profile || $pegawai)
            <div class="card shadow-lg border-0 mb-4">
                <div class="card-header bg-success text-white">
                    <h5 class="mb-0"><i class="bi bi-person-badge"></i> Informasi Pribadi</h5>
                </div>
                <div class="card-body">
                    <table class="table table-borderless">
                        @if($pegawai)
                            <tr>
                                <th width="200"><i class="bi bi-card-text me-2" style="color: #198754;"></i> Nama Lengkap</th>
                                <td>{{ $pegawai->nama_lengkap }}</td>
                            </tr>
                            @if($pegawai->tempat_lahir || $pegawai->tanggal_lahir)
                            <tr>
                                <th><i class="bi bi-calendar-event me-2" style="color: #198754;"></i> Tempat/Tanggal Lahir</th>
                                <td>
                                    {{ $pegawai->tempat_lahir ?? '-' }}, 
                                    {{ $pegawai->tanggal_lahir ? $pegawai->tanggal_lahir->format('d/m/Y') : '-' }}
                                </td>
                            </tr>
                            @endif
                            @if($pegawai->jenis_kelamin)
                            <tr>
                                <th><i class="bi bi-gender-ambiguous me-2" style="color: #198754;"></i> Jenis Kelamin</th>
                                <td>{{ $pegawai->jenis_kelamin == 'L' ? 'Laki-laki' : 'Perempuan' }}</td>
                            </tr>
                            @endif
                            @if($pegawai->jabatan)
                            <tr>
                                <th><i class="bi bi-briefcase me-2" style="color: #198754;"></i> Jabatan</th>
                                <td>{{ $pegawai->jabatan }}</td>
                            </tr>
                            @endif
                            @if($pegawai->unit_kerja)
                            <tr>
                                <th><i class="bi bi-building me-2" style="color: #198754;"></i> Unit Kerja</th>
                                <td>{{ $pegawai->unit_kerja }}</td>
                            </tr>
                            @endif
                            @if($pegawai->alamat)
                            <tr>
                                <th><i class="bi bi-geo-alt me-2" style="color: #198754;"></i> Alamat</th>
                                <td>{{ $pegawai->alamat }}</td>
                            </tr>
                            @endif
                            @if($pegawai->no_telepon)
                            <tr>
                                <th><i class="bi bi-telephone me-2" style="color: #198754;"></i> No. Telepon</th>
                                <td>{{ $pegawai->no_telepon }}</td>
                            </tr>
                            @endif
                        @elseif($profile)
                            <tr>
                                <th width="200"><i class="bi bi-card-text me-2" style="color: #198754;"></i> Nama Lengkap</th>
                                <td>{{ $profile->nama_lengkap }}</td>
                            </tr>
                            @if($profile->tempat_lahir || $profile->tanggal_lahir)
                            <tr>
                                <th><i class="bi bi-calendar-event me-2" style="color: #198754;"></i> Tempat/Tanggal Lahir</th>
                                <td>
                                    {{ $profile->tempat_lahir ?? '-' }}, 
                                    {{ $profile->tanggal_lahir ? $profile->tanggal_lahir->format('d/m/Y') : '-' }}
                                </td>
                            </tr>
                            @endif
                            @if($profile->jenis_kelamin)
                            <tr>
                                <th><i class="bi bi-gender-ambiguous me-2" style="color: #198754;"></i> Jenis Kelamin</th>
                                <td>{{ $profile->jenis_kelamin == 'L' ? 'Laki-laki' : 'Perempuan' }}</td>
                            </tr>
                            @endif
                            @if($profile->alamat)
                            <tr>
                                <th><i class="bi bi-geo-alt me-2" style="color: #198754;"></i> Alamat</th>
                                <td>{{ $profile->alamat }}</td>
                            </tr>
                            @endif
                            @if($profile->no_telepon)
                            <tr>
                                <th><i class="bi bi-telephone me-2" style="color: #198754;"></i> No. Telepon</th>
                                <td>{{ $profile->no_telepon }}</td>
                            </tr>
                            @endif
                        @endif
                    </table>
                </div>
            </div>
            @endif
        </div>
    </div>
</div>
@endsection