@extends('layouts.app')

@section('title', 'Detail User')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        <h2><i class="bi bi-person"></i> Detail User Akun</h2>
    </div>
    <div>
        <a href="{{ route('admin.users.index') }}" class="btn btn-secondary">
            <i class="bi bi-arrow-left me-1"></i> Kembali
        </a>
    </div>
</div>

<div class="row">
    <div class="col-md-8">
        <div class="card mb-4">
            <div class="card-header bg-primary text-white">
                <h5 class="mb-0"><i class="bi bi-info-circle me-2"></i>Informasi Akun</h5>
            </div>
            <div class="card-body">
                <table class="table table-borderless">
                    <tr>
                        <th width="200">Username</th>
                        <td><strong>{{ $user->username }}</strong></td>
                    </tr>
                    <tr>
                        <th>Email</th>
                        <td>{{ $user->email }}</td>
                    </tr>
                    <tr>
                        <th>Role</th>
                        <td>
                            <span class="badge bg-{{ $user->role == 'pimpinan' ? 'danger' : ($user->role == 'kepala_tata_usaha' ? 'warning' : 'info') }}">
                                {{ ucfirst(str_replace('_', ' ', $user->role)) }}
                            </span>
                        </td>
                    </tr>
                    <tr>
                        <th>Status</th>
                        <td>
                            <span class="badge bg-{{ $user->status == 'active' ? 'success' : ($user->status == 'suspended' ? 'danger' : 'secondary') }}">
                                {{ ucfirst($user->status) }}
                            </span>
                        </td>
                    </tr>
                    <tr>
                        <th>Terakhir Login</th>
                        <td>
                            @if($user->last_login)
                                {{ \Carbon\Carbon::parse($user->last_login)->locale('id')->format('d F Y H:i:s') }}
                                <br><small class="text-muted">{{ \Carbon\Carbon::parse($user->last_login)->locale('id')->diffForHumans() }}</small>
                            @else
                                <span class="text-muted">Belum pernah login</span>
                            @endif
                        </td>
                    </tr>
                    <tr>
                        <th>Dibuat Oleh</th>
                        <td>
                            @if($user->creator)
                                {{ $user->creator->username }}
                            @else
                                <span class="text-muted">-</span>
                            @endif
                        </td>
                    </tr>
                    <tr>
                        <th>Dibuat Pada</th>
                        <td>{{ \Carbon\Carbon::parse($user->created_at)->locale('id')->format('d F Y H:i:s') }}</td>
                    </tr>
                </table>
            </div>
        </div>

        @if($user->pegawai)
        <div class="card">
            <div class="card-header bg-info text-white">
                <h5 class="mb-0"><i class="bi bi-person-badge me-2"></i>Data Pegawai Terkait</h5>
            </div>
            <div class="card-body">
                <table class="table table-borderless">
                    <tr>
                        <th width="200">NIP</th>
                        <td>{{ $user->pegawai->nip }}</td>
                    </tr>
                    <tr>
                        <th>Nama Lengkap</th>
                        <td>
                            {{ ($user->pegawai->gelar_depan ? $user->pegawai->gelar_depan . ' ' : '') }}
                            {{ $user->pegawai->nama_lengkap }}
                            {{ ($user->pegawai->gelar_belakang ? ', ' . $user->pegawai->gelar_belakang : '') }}
                        </td>
                    </tr>
                    <tr>
                        <th>Jabatan</th>
                        <td>{{ $user->pegawai->jabatan ?? '-' }}</td>
                    </tr>
                    <tr>
                        <th>Status Aktif</th>
                        <td>
                            <span class="badge bg-{{ $user->pegawai->status_aktif == 'Aktif' ? 'success' : 'secondary' }}">
                                {{ $user->pegawai->status_aktif }}
                            </span>
                        </td>
                    </tr>
                </table>
                <a href="{{ route('pegawai.show', $user->pegawai) }}" class="btn btn-sm btn-info">
                    <i class="bi bi-eye me-1"></i> Lihat Detail Pegawai
                </a>
            </div>
        </div>
        @endif
    </div>

    <div class="col-md-4">
        <div class="card">
            <div class="card-header bg-warning text-dark">
                <h5 class="mb-0"><i class="bi bi-gear me-2"></i>Aksi</h5>
            </div>
            <div class="card-body">
                <a href="{{ route('admin.users.edit', $user) }}" class="btn btn-warning w-100 mb-2">
                    <i class="bi bi-pencil me-1"></i> Edit User
                </a>
                <button type="button" class="btn btn-info w-100 mb-2" data-bs-toggle="modal" data-bs-target="#resetPasswordModal">
                    <i class="bi bi-key me-1"></i> Reset Password
                </button>
                @if($user->status == 'active')
                <form action="{{ route('admin.users.destroy', $user) }}" method="POST" class="d-inline" onsubmit="return confirm('Apakah Anda yakin ingin menonaktifkan user ini?');">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="btn btn-secondary w-100">
                        <i class="bi bi-x-circle me-1"></i> Nonaktifkan
                    </button>
                </form>
                @else
                <form action="{{ route('admin.users.update', $user) }}" method="POST" class="d-inline">
                    @csrf
                    @method('PUT')
                    <input type="hidden" name="status" value="active">
                    <input type="hidden" name="username" value="{{ $user->username }}">
                    <input type="hidden" name="email" value="{{ $user->email }}">
                    <input type="hidden" name="role" value="{{ $user->role }}">
                    <button type="submit" class="btn btn-success w-100">
                        <i class="bi bi-check-circle me-1"></i> Aktifkan
                    </button>
                </form>
                @endif
            </div>
        </div>
    </div>
</div>

<!-- Modal Reset Password -->
<div class="modal fade" id="resetPasswordModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <form action="{{ route('admin.users.reset-password', $user) }}" method="POST">
                @csrf
                <div class="modal-header">
                    <h5 class="modal-title">Reset Password</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <div class="mb-3">
                        <label for="new_password" class="form-label">Password Baru <span class="text-danger">*</span></label>
                        <input type="password" class="form-control" id="new_password" name="new_password" required minlength="8">
                        <small class="text-muted">Minimal 8 karakter</small>
                    </div>
                    <div class="mb-3">
                        <label for="new_password_confirmation" class="form-label">Konfirmasi Password <span class="text-danger">*</span></label>
                        <input type="password" class="form-control" id="new_password_confirmation" name="new_password_confirmation" required minlength="8">
                    </div>
                    <div class="alert alert-warning">
                        <i class="bi bi-exclamation-triangle me-2"></i>
                        Password akan di-hash menggunakan bcrypt dan semua aktivitas akan tercatat dalam audit log.
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
                    <button type="submit" class="btn btn-primary">Reset Password</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection