<?php if (isset($component)) { $__componentOriginal9ac128a9029c0e4701924bd2d73d7f54 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal9ac128a9029c0e4701924bd2d73d7f54 = $attributes; } ?>
<?php $component = App\View\Components\AppLayout::resolve([] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('app-layout'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\App\View\Components\AppLayout::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes([]); ?>
     <?php $__env->slot('header', null, []); ?> 
        <div class="flex items-center gap-3">
            <div class="profile-header-icon">
                <i class="fas fa-user-circle"></i>
            </div>
            <div>
                <span class="profile-header-title">Profil Saya</span>
                <p class="profile-header-sub">Kelola informasi akun Anda</p>
            </div>
        </div>
     <?php $__env->endSlot(); ?>

    <!-- SweetAlert2 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.css">
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <!-- Font Awesome (Removed redundant link) -->

    <style>
        /* ==========================================
           PROFILE PAGE - PREMIUM DESIGN
        ========================================== */
        :root {
            --teal-500: #14b8a6;
            --teal-600: #0d9488;
            --teal-400: #2dd4bf;
            --teal-300: #5eead4;
            --teal-glow: rgba(20,184,166,0.18);
        }

        .profile-header-icon {
            width: 42px; height: 42px;
            background: rgba(255,255,255,0.2);
            border-radius: 12px;
            display: flex; align-items: center; justify-content: center;
            font-size: 1.2rem; color: #fff;
            backdrop-filter: blur(6px);
        }
        .profile-header-title {
            font-size: 1.15rem;
            font-weight: 700;
            color: #fff;
            display: block;
        }
        .profile-header-sub {
            font-size: 0.78rem;
            color: rgba(255,255,255,0.75);
            margin: 0;
        }

        /* ---- Page Wrapper ---- */
        .profile-page {
            min-height: 100vh;
            padding: 2rem 1rem 4rem;
            background: #f0f9ff;
            transition: background 0.3s;
        }
        .dark .profile-page {
            background: #0a1628;
        }

        .profile-grid {
            max-width: 900px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 260px 1fr;
            gap: 1.5rem;
            align-items: start;
        }
        @media (max-width: 768px) {
            .profile-grid { grid-template-columns: 1fr; }
        }

        /* ---- Sidebar / Avatar Card ---- */
        .profile-sidebar {
            position: sticky;
            top: 1.5rem;
        }
        .avatar-card {
            background: #fff;
            border: 1px solid #e2e8f0;
            border-radius: 20px;
            padding: 2rem 1.5rem;
            text-align: center;
            box-shadow: 0 4px 24px rgba(14,165,148,0.08);
            transition: all 0.3s;
            animation: slideInLeft 0.5s ease both;
        }
        .dark .avatar-card {
            background: #1a2640;
            border-color: #2a3a55;
            box-shadow: 0 4px 24px rgba(0,0,0,0.3);
        }
        @keyframes slideInLeft {
            from { opacity:0; transform: translateX(-30px); }
            to   { opacity:1; transform: translateX(0); }
        }

        .avatar-wrapper {
            position: relative;
            display: inline-block;
            margin-bottom: 1.25rem;
        }
        .avatar-circle {
            width: 96px; height: 96px;
            border-radius: 50%;
            background: linear-gradient(135deg, var(--teal-400), var(--teal-600));
            display: flex; align-items: center; justify-content: center;
            font-size: 2.5rem;
            color: #fff;
            font-weight: 700;
            box-shadow: 0 8px 32px var(--teal-glow);
            border: 4px solid #fff;
            transition: transform 0.3s;
        }
        .dark .avatar-circle {
            border-color: #1a2640;
        }
        .avatar-circle:hover { transform: scale(1.05); }

        .avatar-badge {
            position: absolute;
            bottom: 4px; right: 4px;
            width: 24px; height: 24px;
            background: #22c55e;
            border-radius: 50%;
            border: 3px solid #fff;
        }
        .dark .avatar-badge { border-color: #1a2640; }

        .avatar-name {
            font-size: 1.1rem;
            font-weight: 700;
            color: #0f172a;
            margin-bottom: 0.25rem;
        }
        .dark .avatar-name { color: #f1f5f9; }

        .avatar-email {
            font-size: 0.8rem;
            color: #64748b;
            word-break: break-all;
        }
        .dark .avatar-email { color: #94a3b8; }

        .avatar-role-badge {
            display: inline-block;
            margin-top: 0.75rem;
            padding: 0.3rem 0.85rem;
            border-radius: 30px;
            font-size: 0.75rem;
            font-weight: 600;
            background: linear-gradient(135deg, rgba(20,184,166,0.12), rgba(20,184,166,0.06));
            color: var(--teal-600);
            border: 1px solid rgba(20,184,166,0.25);
        }
        .dark .avatar-role-badge {
            background: rgba(20,184,166,0.15);
            color: var(--teal-300);
            border-color: rgba(20,184,166,0.3);
        }

        /* Nav Tabs sidebar */
        .profile-nav {
            margin-top: 1.5rem;
            display: flex;
            flex-direction: column;
            gap: 0.4rem;
        }
        .profile-nav-btn {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            padding: 0.7rem 1rem;
            border-radius: 12px;
            font-size: 0.875rem;
            font-weight: 500;
            color: #64748b;
            background: transparent;
            border: none;
            cursor: pointer;
            transition: all 0.2s;
            text-align: left;
            width: 100%;
        }
        .dark .profile-nav-btn { color: #94a3b8; }
        .profile-nav-btn:hover {
            background: var(--teal-glow);
            color: var(--teal-600);
        }
        .dark .profile-nav-btn:hover {
            color: var(--teal-400);
        }
        .profile-nav-btn.active {
            background: linear-gradient(135deg, rgba(20,184,166,0.15), rgba(20,184,166,0.05));
            color: var(--teal-600);
            font-weight: 600;
        }
        .dark .profile-nav-btn.active {
            color: var(--teal-400);
            background: rgba(20,184,166,0.12);
        }
        .profile-nav-btn i {
            width: 20px;
            text-align: center;
            font-size: 0.95rem;
        }

        /* ---- Main Content ---- */
        .profile-main {
            display: flex;
            flex-direction: column;
            gap: 1.5rem;
        }

        /* Section Card */
        .section-card {
            background: #fff;
            border: 1px solid #e2e8f0;
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 4px 24px rgba(14,165,148,0.07);
            transition: all 0.3s;
            animation: slideInRight 0.5s ease both;
        }
        .section-card:nth-child(2) { animation-delay: 0.1s; }
        .section-card:nth-child(3) { animation-delay: 0.2s; }
        .dark .section-card {
            background: #1a2640;
            border-color: #2a3a55;
            box-shadow: 0 4px 24px rgba(0,0,0,0.25);
        }
        @keyframes slideInRight {
            from { opacity:0; transform: translateX(30px); }
            to   { opacity:1; transform: translateX(0); }
        }

        .section-card-header {
            padding: 1.25rem 1.5rem;
            border-bottom: 1px solid #f1f5f9;
            display: flex;
            align-items: center;
            gap: 0.875rem;
            background: linear-gradient(135deg, rgba(20,184,166,0.04), transparent);
        }
        .dark .section-card-header {
            border-bottom-color: #2a3a55;
            background: linear-gradient(135deg, rgba(20,184,166,0.06), transparent);
        }

        .section-icon {
            width: 40px; height: 40px;
            border-radius: 12px;
            display: flex; align-items: center; justify-content: center;
            font-size: 0.95rem;
            background: linear-gradient(135deg, var(--teal-500), var(--teal-600));
            color: #fff;
            flex-shrink: 0;
            box-shadow: 0 4px 12px var(--teal-glow);
        }
        .section-icon.danger {
            background: linear-gradient(135deg, #ef4444, #dc2626);
            box-shadow: 0 4px 12px rgba(239,68,68,0.25);
        }

        .section-title-text {
            font-size: 1rem;
            font-weight: 700;
            color: #0f172a;
        }
        .dark .section-title-text { color: #f1f5f9; }

        .section-subtitle-text {
            font-size: 0.78rem;
            color: #64748b;
            margin-top: 0.1rem;
        }
        .dark .section-subtitle-text { color: #94a3b8; }

        .section-card-body {
            padding: 1.5rem;
        }

        /* ---- Form Styling ---- */
        .form-group {
            margin-bottom: 1.25rem;
        }
        .form-label-custom {
            display: block;
            font-size: 0.8rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.06em;
            color: #64748b;
            margin-bottom: 0.5rem;
        }
        .dark .form-label-custom { color: #94a3b8; }

        .form-input-custom {
            width: 100%;
            padding: 0.7rem 1rem;
            border: 1.5px solid #e2e8f0;
            border-radius: 12px;
            font-size: 0.9rem;
            color: #0f172a;
            background: #f8fafc;
            transition: all 0.2s;
            outline: none;
        }
        .dark .form-input-custom {
            background: #0f1f35;
            border-color: #2a3a55;
            color: #f1f5f9;
        }
        .form-input-custom:focus {
            border-color: var(--teal-500);
            background: #fff;
            box-shadow: 0 0 0 4px rgba(20,184,166,0.12);
        }
        .dark .form-input-custom:focus {
            background: #0f1f35;
            box-shadow: 0 0 0 4px rgba(20,184,166,0.15);
        }
        .form-input-custom::placeholder { color: #94a3b8; }

        /* Password toggle wrapper */
        .input-password-wrap {
            position: relative;
        }
        .input-password-wrap .form-input-custom {
            padding-right: 2.75rem;
        }
        .toggle-password {
            position: absolute;
            right: 0.9rem;
            top: 50%;
            transform: translateY(-50%);
            background: none;
            border: none;
            cursor: pointer;
            color: #94a3b8;
            font-size: 0.9rem;
            transition: color 0.2s;
            padding: 0;
        }
        .toggle-password:hover { color: var(--teal-500); }

        /* Error messages */
        .error-msg {
            font-size: 0.78rem;
            color: #ef4444;
            margin-top: 0.375rem;
            display: flex;
            align-items: center;
            gap: 0.35rem;
        }
        .dark .error-msg { color: #fca5a5; }

        /* Verification info */
        .verify-info {
            margin-top: 0.6rem;
            padding: 0.6rem 0.85rem;
            border-radius: 10px;
            background: rgba(251,191,36,0.08);
            border: 1px solid rgba(251,191,36,0.25);
            font-size: 0.8rem;
            color: #92400e;
        }
        .dark .verify-info { color: #fcd34d; background: rgba(251,191,36,0.07); }

        .verify-sent-msg {
            margin-top: 0.5rem;
            font-size: 0.8rem;
            color: #15803d;
            display: flex; align-items: center; gap: 0.35rem;
        }
        .dark .verify-sent-msg { color: #86efac; }

        /* Buttons */
        .btn-teal {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            padding: 0.65rem 1.5rem;
            border-radius: 12px;
            font-size: 0.875rem;
            font-weight: 600;
            background: linear-gradient(135deg, var(--teal-500), var(--teal-600));
            color: #fff;
            border: none;
            cursor: pointer;
            transition: all 0.2s;
            box-shadow: 0 4px 12px var(--teal-glow);
        }
        .btn-teal:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(20,184,166,0.3);
        }
        .btn-teal:active { transform: translateY(0); }

        .btn-danger {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            padding: 0.65rem 1.5rem;
            border-radius: 12px;
            font-size: 0.875rem;
            font-weight: 600;
            background: linear-gradient(135deg, #ef4444, #dc2626);
            color: #fff;
            border: none;
            cursor: pointer;
            transition: all 0.2s;
            box-shadow: 0 4px 12px rgba(239,68,68,0.2);
        }
        .btn-danger:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(239,68,68,0.35);
        }
        .btn-danger:active { transform: translateY(0); }

        .btn-ghost {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            padding: 0.65rem 1.25rem;
            border-radius: 12px;
            font-size: 0.875rem;
            font-weight: 500;
            background: transparent;
            color: #64748b;
            border: 1.5px solid #e2e8f0;
            cursor: pointer;
            transition: all 0.2s;
        }
        .dark .btn-ghost { color: #94a3b8; border-color: #2a3a55; }
        .btn-ghost:hover { background: #f8fafc; color: #0f172a; }
        .dark .btn-ghost:hover { background: #0f1f35; color: #f1f5f9; }

        .save-success {
            display: inline-flex;
            align-items: center;
            gap: 0.4rem;
            font-size: 0.82rem;
            color: #15803d;
            font-weight: 500;
            animation: fadeInScale 0.3s ease;
        }
        .dark .save-success { color: #86efac; }
        @keyframes fadeInScale {
            from { opacity:0; transform: scale(0.85); }
            to   { opacity:1; transform: scale(1); }
        }

        /* Mobile responsive adjustments */
        @media (max-width: 640px) {
            .profile-page { padding: 1rem 0.75rem 3rem; }
            .section-card-body { padding: 1.25rem 1rem; }
            .section-card-header { padding: 1rem 1.25rem; }
        }
    </style>

    <div class="profile-page">
        <div class="profile-grid">

            <!-- ===================== SIDEBAR ===================== -->
            <aside class="profile-sidebar">
                <div class="avatar-card">
                    <div class="avatar-wrapper">
                        <div class="avatar-circle" id="avatarCircle">
                            <?php echo e(strtoupper(substr(auth()->user()->name, 0, 1))); ?>

                        </div>
                        <div class="avatar-badge"></div>
                    </div>
                    <div class="avatar-name" id="sidebarName"><?php echo e(auth()->user()->name); ?></div>
                    <div class="avatar-email"><?php echo e(auth()->user()->email); ?></div>
                    <div class="avatar-role-badge">
                        <i class="fas fa-shield-halved me-1"></i>
                        <?php echo e(ucfirst(auth()->user()->role ?? 'User')); ?>

                    </div>

                    <nav class="profile-nav">
                        <button class="profile-nav-btn active" onclick="scrollToSection('info-section')">
                            <i class="fas fa-user"></i> Informasi Profil
                        </button>
                        <button class="profile-nav-btn" onclick="scrollToSection('password-section')">
                            <i class="fas fa-lock"></i> Ubah Password
                        </button>
                        <button class="profile-nav-btn" onclick="scrollToSection('security-section')">
                            <i class="fas fa-shield-halved"></i> Keamanan Akun
                        </button>
                        <button class="profile-nav-btn" onclick="scrollToSection('danger-section')">
                            <i class="fas fa-triangle-exclamation"></i> Zona Bahaya
                        </button>
                    </nav>
                </div>
            </aside>

            <!-- ===================== MAIN CONTENT ===================== -->
            <div class="profile-main">

                <!-- ===== SECTION 1: Profile Info ===== -->
                <div class="section-card" id="info-section">
                    <div class="section-card-header">
                        <div class="section-icon"><i class="fas fa-user-pen"></i></div>
                        <div>
                            <div class="section-title-text">Informasi Profil</div>
                            <div class="section-subtitle-text">Perbarui nama dan alamat email akun Anda</div>
                        </div>
                    </div>
                    <div class="section-card-body">
                        <form method="post" action="<?php echo e(route('profile.update')); ?>" id="profileForm">
                            <?php echo csrf_field(); ?>
                            <?php echo method_field('patch'); ?>

                            <div class="form-group">
                                <label class="form-label-custom" for="name">
                                    <i class="fas fa-user me-1"></i> Nama Lengkap
                                </label>
                                <input
                                    type="text"
                                    id="name"
                                    name="name"
                                    class="form-input-custom"
                                    value="<?php echo e(old('name', $user->name)); ?>"
                                    required
                                    autofocus
                                    autocomplete="name"
                                    placeholder="Masukkan nama lengkap"
                                    oninput="updateSidebarName(this.value)"
                                />
                                <?php $__errorArgs = ['name'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                                    <p class="error-msg"><i class="fas fa-circle-exclamation"></i><?php echo e($message); ?></p>
                                <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                            </div>

                            <div class="form-group">
                                <label class="form-label-custom" for="email">
                                    <i class="fas fa-envelope me-1"></i> Alamat Email
                                </label>
                                <input
                                    type="email"
                                    id="email"
                                    name="email"
                                    class="form-input-custom"
                                    value="<?php echo e(old('email', $user->email)); ?>"
                                    required
                                    autocomplete="username"
                                    placeholder="email@domain.com"
                                />
                                <?php $__errorArgs = ['email'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                                    <p class="error-msg"><i class="fas fa-circle-exclamation"></i><?php echo e($message); ?></p>
                                <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>

                                <?php if($user instanceof \Illuminate\Contracts\Auth\MustVerifyEmail && ! $user->hasVerifiedEmail()): ?>
                                    <div class="verify-info">
                                        <i class="fas fa-circle-exclamation me-1"></i>
                                        Email Anda belum terverifikasi.
                                        <form id="send-verification" method="post" action="<?php echo e(route('verification.send')); ?>" style="display:inline;">
                                            <?php echo csrf_field(); ?>
                                            <button type="submit" style="background:none;border:none;padding:0;cursor:pointer;font-weight:600;color:var(--teal-600);text-decoration:underline;font-size:0.8rem;">
                                                Kirim ulang email verifikasi
                                            </button>
                                        </form>
                                    </div>
                                    <?php if(session('status') === 'verification-link-sent'): ?>
                                        <p class="verify-sent-msg"><i class="fas fa-circle-check"></i>Link verifikasi baru telah dikirim!</p>
                                    <?php endif; ?>
                                <?php endif; ?>
                            </div>

                            <div style="display:flex; align-items:center; gap:1rem; flex-wrap:wrap;">
                                <button type="button" class="btn-teal" onclick="submitProfileForm()">
                                    <i class="fas fa-floppy-disk"></i> Simpan Perubahan
                                </button>
                                <?php if(session('status') === 'profile-updated'): ?>
                                    <span class="save-success">
                                        <i class="fas fa-circle-check"></i> Tersimpan!
                                    </span>
                                <?php endif; ?>
                            </div>
                        </form>
                    </div>
                </div>

                <!-- ===== SECTION 2: Update Password ===== -->
                <div class="section-card" id="password-section">
                    <div class="section-card-header">
                        <div class="section-icon"><i class="fas fa-key"></i></div>
                        <div>
                            <div class="section-title-text">Ubah Password</div>
                            <div class="section-subtitle-text">Gunakan password panjang dan acak agar akun tetap aman</div>
                        </div>
                    </div>
                    <div class="section-card-body">
                        <form method="post" action="<?php echo e(route('password.update')); ?>" id="passwordForm">
                            <?php echo csrf_field(); ?>
                            <?php echo method_field('put'); ?>

                            <div class="form-group">
                                <label class="form-label-custom" for="current_password">
                                    <i class="fas fa-lock me-1"></i> Password Saat Ini
                                </label>
                                <div class="input-password-wrap">
                                    <input type="password" id="current_password" name="current_password"
                                        class="form-input-custom" autocomplete="current-password"
                                        placeholder="••••••••" />
                                    <button type="button" class="toggle-password" onclick="togglePwd('current_password', this)">
                                        <i class="fas fa-eye"></i>
                                    </button>
                                </div>
                                <?php $__errorArgs = ['current_password', 'updatePassword'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                                    <p class="error-msg"><i class="fas fa-circle-exclamation"></i><?php echo e($message); ?></p>
                                <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                            </div>

                            <div class="form-group">
                                <label class="form-label-custom" for="password">
                                    <i class="fas fa-lock-open me-1"></i> Password Baru
                                </label>
                                <div class="input-password-wrap">
                                    <input type="password" id="password" name="password"
                                        class="form-input-custom" autocomplete="new-password"
                                        placeholder="••••••••" oninput="checkPasswordStrength(this.value)" />
                                    <button type="button" class="toggle-password" onclick="togglePwd('password', this)">
                                        <i class="fas fa-eye"></i>
                                    </button>
                                </div>
                                <!-- Password strength bar -->
                                <div id="strengthBar" style="margin-top:0.5rem; display:none;">
                                    <div style="height:4px;border-radius:4px;background:#e2e8f0;overflow:hidden;">
                                        <div id="strengthFill" style="height:100%;width:0%;border-radius:4px;transition:all 0.3s;"></div>
                                    </div>
                                    <span id="strengthLabel" style="font-size:0.72rem;margin-top:0.25rem;display:block;font-weight:600;"></span>
                                </div>
                                <?php $__errorArgs = ['password', 'updatePassword'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                                    <p class="error-msg"><i class="fas fa-circle-exclamation"></i><?php echo e($message); ?></p>
                                <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                            </div>

                            <div class="form-group">
                                <label class="form-label-custom" for="password_confirmation">
                                    <i class="fas fa-check-double me-1"></i> Konfirmasi Password
                                </label>
                                <div class="input-password-wrap">
                                    <input type="password" id="password_confirmation" name="password_confirmation"
                                        class="form-input-custom" autocomplete="new-password"
                                        placeholder="••••••••" />
                                    <button type="button" class="toggle-password" onclick="togglePwd('password_confirmation', this)">
                                        <i class="fas fa-eye"></i>
                                    </button>
                                </div>
                                <?php $__errorArgs = ['password_confirmation', 'updatePassword'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                                    <p class="error-msg"><i class="fas fa-circle-exclamation"></i><?php echo e($message); ?></p>
                                <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                            </div>

                            <div style="display:flex; align-items:center; gap:1rem; flex-wrap:wrap;">
                                <button type="button" class="btn-teal" onclick="submitPasswordForm()">
                                    <i class="fas fa-shield-check"></i> Perbarui Password
                                </button>
                                <?php if(session('status') === 'password-updated'): ?>
                                    <span class="save-success">
                                        <i class="fas fa-circle-check"></i> Password diperbarui!
                                    </span>
                                <?php endif; ?>
                            </div>
                        </form>
                    </div>
                </div>

                <!-- ===== SECTION 3: Keamanan Akun (2FA Toggle) ===== -->
                <div class="section-card" id="security-section">
                    <div class="section-card-header">
                        <div class="section-icon"><i class="fas fa-shield-halved"></i></div>
                        <div>
                            <div class="section-title-text">Keamanan Akun</div>
                            <div class="section-subtitle-text">Kelola verifikasi 2 langkah untuk perlindungan ekstra</div>
                        </div>
                    </div>
                    <div class="section-card-body">

                        <!-- 2FA Status Banner -->
                        <div id="twofa-banner" style="
                            padding: 1rem 1.25rem;
                            border-radius: 14px;
                            margin-bottom: 1.25rem;
                            display: flex;
                            align-items: center;
                            gap: 0.875rem;
                            <?php echo e(auth()->user()->two_factor_enabled ? 'background: rgba(20,184,166,0.08); border: 1.5px solid rgba(20,184,166,0.25);' : 'background: rgba(100,116,139,0.07); border: 1.5px solid rgba(100,116,139,0.2);'); ?>

                        ">
                            <div style="
                                width: 44px; height: 44px; border-radius: 12px; flex-shrink: 0;
                                display: flex; align-items: center; justify-content: center; font-size: 1.1rem;
                                <?php echo e(auth()->user()->two_factor_enabled ? 'background: linear-gradient(135deg,#14b8a6,#0d9488); color:#fff; box-shadow: 0 4px 12px rgba(20,184,166,0.3);' : 'background: #e2e8f0; color: #94a3b8;'); ?>

                            ">
                                <i class="fas <?php echo e(auth()->user()->two_factor_enabled ? 'fa-shield-check' : 'fa-shield-xmark'); ?>"></i>
                            </div>
                            <div style="flex:1;">
                                <p style="font-size: 0.875rem; font-weight: 700; margin: 0 0 0.1rem 0;
                                    <?php echo e(auth()->user()->two_factor_enabled ? 'color: var(--teal-600);' : 'color: #64748b;'); ?>">
                                    <?php if(auth()->user()->two_factor_enabled): ?>
                                        Verifikasi 2 Langkah Aktif
                                    <?php else: ?>
                                        Verifikasi 2 Langkah Nonaktif
                                    <?php endif; ?>
                                </p>
                                <p style="font-size: 0.78rem; color: #94a3b8; margin: 0;">
                                    <?php if(auth()->user()->two_factor_enabled): ?>
                                        Setiap login memerlukan kode OTP yang dikirim ke email Anda
                                    <?php else: ?>
                                        Akun Anda hanya dilindungi oleh password
                                    <?php endif; ?>
                                </p>
                            </div>
                            <div style="
                                padding: 0.3rem 0.75rem; border-radius: 20px; font-size: 0.72rem; font-weight: 700;
                                <?php echo e(auth()->user()->two_factor_enabled ? 'background: rgba(20,184,166,0.15); color: var(--teal-600);' : 'background: rgba(100,116,139,0.1); color: #94a3b8;'); ?>

                            ">
                                <?php echo e(auth()->user()->two_factor_enabled ? 'ON' : 'OFF'); ?>

                            </div>
                        </div>

                        <!-- How it works info -->
                        <div style="padding: 0.875rem 1rem; background: rgba(59,130,246,0.05); border: 1px solid rgba(59,130,246,0.15); border-radius: 12px; margin-bottom: 1.25rem;">
                            <p style="font-size: 0.8rem; font-weight: 600; color: #1e40af; margin: 0 0 0.5rem 0;">
                                <i class="fas fa-circle-info me-1"></i> Cara Kerja
                            </p>
                            <ul style="margin: 0; padding-left: 1.25rem; font-size: 0.78rem; color: #64748b; line-height: 1.8;">
                                <li>Setelah login dengan email & password, sistem mengirim kode OTP ke Gmail Anda</li>
                                <li>Berlaku untuk login biasa <strong>maupun login via Google</strong></li>
                                <li>Kode OTP berlaku 5 menit dan hanya bisa dipakai 1 kali</li>
                            </ul>
                        </div>

                        <!-- Toggle Form -->
                        <form id="twofaForm" method="POST" action="<?php echo e(route('profile.toggle-2fa')); ?>">
                            <?php echo csrf_field(); ?>
                            <?php echo method_field('patch'); ?>
                            <input type="hidden" name="two_factor_enabled" value="<?php echo e(auth()->user()->two_factor_enabled ? '0' : '1'); ?>" />

                            <div style="display: flex; align-items: center; gap: 1rem; flex-wrap: wrap;">
                                <?php if(auth()->user()->two_factor_enabled): ?>
                                    <button type="button" class="btn-ghost" onclick="toggle2FA(false)"
                                        style="border-color: rgba(239,68,68,0.3); color: #ef4444;">
                                        <i class="fas fa-shield-xmark"></i> Nonaktifkan 2FA
                                    </button>
                                    <span style="font-size: 0.78rem; color: #94a3b8;">
                                        <i class="fas fa-circle-check" style="color: #22c55e;"></i>
                                        Akun Anda terlindungi dengan baik
                                    </span>
                                <?php else: ?>
                                    <button type="button" class="btn-teal" onclick="toggle2FA(true)">
                                        <i class="fas fa-shield-check"></i> Aktifkan 2FA
                                    </button>
                                    <span style="font-size: 0.78rem; color: #f97316;">
                                        <i class="fas fa-triangle-exclamation"></i>
                                        Disarankan untuk mengaktifkan 2FA
                                    </span>
                                <?php endif; ?>
                            </div>
                        </form>

                        <?php if(session('status') === '2fa-updated'): ?>
                            <p class="save-success mt-3">
                                <i class="fas fa-circle-check"></i> Pengaturan 2FA berhasil diperbarui!
                            </p>
                        <?php endif; ?>

                    </div>
                </div>

                <!-- ===== SECTION 4: Danger Zone ===== -->
                <div class="section-card" id="danger-section">
                    <div class="section-card-header">
                        <div class="section-icon danger"><i class="fas fa-skull-crossbones"></i></div>
                        <div>
                            <div class="section-title-text">Zona Bahaya</div>
                            <div class="section-subtitle-text">Tindakan ini tidak dapat dibatalkan — harap berhati-hati</div>
                        </div>
                    </div>
                    <div class="section-card-body">
                        <div style="display:flex; align-items:flex-start; gap:1rem; flex-wrap:wrap; padding:1rem;
                             background:rgba(239,68,68,0.05); border:1.5px solid rgba(239,68,68,0.15); border-radius:14px;">
                            <div style="flex:1; min-width:220px;">
                                <p style="font-size:0.875rem; font-weight:600; color:#b91c1c; margin:0 0 0.3rem 0;">
                                    <i class="fas fa-trash me-1"></i> Hapus Akun
                                </p>
                                <p style="font-size:0.8rem; color:#64748b; margin:0; line-height:1.5;">
                                    Setelah dihapus, semua data Anda akan hilang secara permanen. Unduh data Anda terlebih dahulu sebelum melanjutkan.
                                </p>
                            </div>
                            <button type="button" class="btn-danger" onclick="confirmDeleteAccount()" style="flex-shrink:0;">
                                <i class="fas fa-trash-can"></i> Hapus Akun
                            </button>
                        </div>

                        <!-- Hidden delete form -->
                        <form id="deleteAccountForm" method="post" action="<?php echo e(route('profile.destroy')); ?>" style="display:none;">
                            <?php echo csrf_field(); ?>
                            <?php echo method_field('delete'); ?>
                            <input type="hidden" id="delete_password" name="password" />
                        </form>
                    </div>
                </div>

            </div><!-- end .profile-main -->
        </div>
    </div>

    <script>
        // ==============================
        // SweetAlert2 Custom Theme
        // ==============================
        const swalTeal = Swal.mixin({
            customClass: {
                popup: 'swal-teal-popup',
                confirmButton: 'swal-btn-confirm',
                cancelButton: 'swal-btn-cancel',
                title: 'swal-title',
                htmlContainer: 'swal-html',
            },
            buttonsStyling: false,
            showClass: {
                popup: 'animate__animated animate__fadeInDown animate__faster',
            },
            hideClass: {
                popup: 'animate__animated animate__fadeOutUp animate__faster',
            }
        });

        // Inject animate.css for swal animations
        if (!document.getElementById('animate-css')) {
            const link = document.createElement('link');
            link.id = 'animate-css';
            link.rel = 'stylesheet';
            link.href = 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css';
            document.head.appendChild(link);
        }

        // Inject custom SweetAlert2 styles
        const swalStyle = document.createElement('style');
        swalStyle.textContent = `
            .swal-teal-popup {
                border-radius: 20px !important;
                padding: 1.5rem !important;
                border: 1px solid rgba(20,184,166,0.2) !important;
                box-shadow: 0 20px 60px rgba(20,184,166,0.15) !important;
                font-family: 'Figtree', sans-serif !important;
            }
            .dark .swal-teal-popup, .swal2-popup {
                background: #1a2640 !important;
                color: #f1f5f9 !important;
            }
            .swal-title {
                font-size: 1.2rem !important;
                font-weight: 700 !important;
                color: #0f172a !important;
            }
            .swal-html {
                color: #64748b !important;
                font-size: 0.875rem !important;
            }
            .swal-btn-confirm {
                background: linear-gradient(135deg, #14b8a6, #0d9488) !important;
                color: #fff !important;
                border: none !important;
                border-radius: 12px !important;
                padding: 0.65rem 1.5rem !important;
                font-size: 0.875rem !important;
                font-weight: 600 !important;
                cursor: pointer !important;
                transition: all 0.2s !important;
                box-shadow: 0 4px 12px rgba(20,184,166,0.25) !important;
            }
            .swal-btn-confirm:hover {
                transform: translateY(-2px) !important;
                box-shadow: 0 8px 20px rgba(20,184,166,0.35) !important;
            }
            .swal-btn-cancel {
                background: transparent !important;
                color: #64748b !important;
                border: 1.5px solid #e2e8f0 !important;
                border-radius: 12px !important;
                padding: 0.65rem 1.25rem !important;
                font-size: 0.875rem !important;
                font-weight: 500 !important;
                cursor: pointer !important;
                transition: all 0.2s !important;
            }
            .swal-btn-cancel:hover { background: #f8fafc !important; }
            .swal2-actions { gap: 0.75rem !important; }
            .swal2-input {
                border-radius: 12px !important;
                border: 1.5px solid #e2e8f0 !important;
                padding: 0.7rem 1rem !important;
                font-size: 0.9rem !important;
                color: #0f172a !important;
            }
            .swal2-input:focus {
                border-color: #14b8a6 !important;
                box-shadow: 0 0 0 3px rgba(20,184,166,0.15) !important;
            }
            .swal-btn-danger {
                background: linear-gradient(135deg, #ef4444, #dc2626) !important;
                color: #fff !important;
                border: none !important;
                border-radius: 12px !important;
                padding: 0.65rem 1.5rem !important;
                font-size: 0.875rem !important;
                font-weight: 600 !important;
                cursor: pointer !important;
                box-shadow: 0 4px 12px rgba(239,68,68,0.25) !important;
                transition: all 0.2s !important;
            }
            .swal-btn-danger:hover { transform: translateY(-2px) !important; }
        `;
        document.head.appendChild(swalStyle);

        // ==============================
        // Submit Profile Form with SweetAlert
        // ==============================
        function submitProfileForm() {
            const name = document.getElementById('name').value.trim();
            const email = document.getElementById('email').value.trim();

            if (!name || !email) {
                Swal.fire({
                    icon: 'warning',
                    title: 'Lengkapi Data!',
                    text: 'Nama dan email wajib diisi.',
                    customClass: {
                        popup: 'swal-teal-popup',
                        confirmButton: 'swal-btn-confirm',
                    },
                    buttonsStyling: false,
                });
                return;
            }

            Swal.fire({
                icon: 'question',
                title: 'Simpan Perubahan?',
                html: `Apakah Anda yakin ingin memperbarui profil Anda?<br><small style="color:#94a3b8;">Nama: <b>${name}</b></small>`,
                showCancelButton: true,
                confirmButtonText: '<i class="fas fa-floppy-disk me-1"></i> Ya, Simpan',
                cancelButtonText: 'Batal',
                customClass: {
                    popup: 'swal-teal-popup',
                    confirmButton: 'swal-btn-confirm',
                    cancelButton: 'swal-btn-cancel',
                },
                buttonsStyling: false,
            }).then((result) => {
                if (result.isConfirmed) {
                    // Show loading
                    Swal.fire({
                        title: 'Menyimpan...',
                        html: '<i class="fas fa-spinner fa-spin" style="color:#14b8a6;font-size:2rem;"></i>',
                        showConfirmButton: false,
                        allowOutsideClick: false,
                        customClass: { popup: 'swal-teal-popup' },
                        buttonsStyling: false,
                    });
                    document.getElementById('profileForm').submit();
                }
            });
        }

        // ==============================
        // Submit Password Form with SweetAlert
        // ==============================
        function submitPasswordForm() {
            const current = document.getElementById('current_password').value;
            const newPwd = document.getElementById('password').value;
            const confirm = document.getElementById('password_confirmation').value;

            if (!current || !newPwd || !confirm) {
                Swal.fire({
                    icon: 'warning',
                    title: 'Data Tidak Lengkap!',
                    text: 'Semua kolom password harus diisi.',
                    customClass: { popup: 'swal-teal-popup', confirmButton: 'swal-btn-confirm' },
                    buttonsStyling: false,
                });
                return;
            }

            if (newPwd !== confirm) {
                Swal.fire({
                    icon: 'error',
                    title: 'Password Tidak Cocok!',
                    text: 'Password baru dan konfirmasi password harus sama.',
                    customClass: { popup: 'swal-teal-popup', confirmButton: 'swal-btn-confirm' },
                    buttonsStyling: false,
                });
                return;
            }

            if (newPwd.length < 8) {
                Swal.fire({
                    icon: 'warning',
                    title: 'Password Terlalu Pendek!',
                    text: 'Password minimal 8 karakter.',
                    customClass: { popup: 'swal-teal-popup', confirmButton: 'swal-btn-confirm' },
                    buttonsStyling: false,
                });
                return;
            }

            Swal.fire({
                icon: 'question',
                title: 'Ubah Password?',
                text: 'Pastikan Anda telah mengingat password baru Anda.',
                showCancelButton: true,
                confirmButtonText: '<i class="fas fa-shield-check me-1"></i> Ya, Ubah',
                cancelButtonText: 'Batal',
                customClass: {
                    popup: 'swal-teal-popup',
                    confirmButton: 'swal-btn-confirm',
                    cancelButton: 'swal-btn-cancel',
                },
                buttonsStyling: false,
            }).then((result) => {
                if (result.isConfirmed) {
                    Swal.fire({
                        title: 'Memperbarui...',
                        html: '<i class="fas fa-spinner fa-spin" style="color:#14b8a6;font-size:2rem;"></i>',
                        showConfirmButton: false,
                        allowOutsideClick: false,
                        customClass: { popup: 'swal-teal-popup' },
                        buttonsStyling: false,
                    });
                    document.getElementById('passwordForm').submit();
                }
            });
        }

        // ==============================
        // Confirm Delete Account
        // ==============================
        function confirmDeleteAccount() {
            Swal.fire({
                icon: 'warning',
                title: '⚠️ Hapus Akun?',
                html: `
                    <p style="color:#64748b;font-size:0.875rem;margin-bottom:1rem;">
                        Semua data Anda akan <b>dihapus permanen</b> dan tidak dapat dipulihkan.<br>
                        Masukkan password Anda untuk konfirmasi.
                    </p>
                `,
                input: 'password',
                inputPlaceholder: 'Password Anda...',
                inputAttributes: { autocomplete: 'current-password' },
                showCancelButton: true,
                confirmButtonText: '<i class="fas fa-trash-can me-1"></i> Hapus Akun',
                cancelButtonText: 'Batal',
                customClass: {
                    popup: 'swal-teal-popup',
                    confirmButton: 'swal-btn-danger',
                    cancelButton: 'swal-btn-cancel',
                },
                buttonsStyling: false,
                preConfirm: (password) => {
                    if (!password) {
                        Swal.showValidationMessage('Password tidak boleh kosong!');
                    }
                    return password;
                }
            }).then((result) => {
                if (result.isConfirmed) {
                    // Double confirm
                    Swal.fire({
                        icon: 'error',
                        title: 'Konfirmasi Terakhir!',
                        html: `<p style="color:#ef4444;font-weight:600;">Tindakan ini tidak dapat dibatalkan!</p>
                               <p style="color:#64748b;font-size:0.85rem;">Apakah Anda benar-benar yakin?</p>`,
                        showCancelButton: true,
                        confirmButtonText: '<i class="fas fa-skull-crossbones me-1"></i> Ya, Hapus Selamanya',
                        cancelButtonText: 'Tidak, Batal',
                        customClass: {
                            popup: 'swal-teal-popup',
                            confirmButton: 'swal-btn-danger',
                            cancelButton: 'swal-btn-cancel',
                        },
                        buttonsStyling: false,
                    }).then((r) => {
                        if (r.isConfirmed) {
                            document.getElementById('delete_password').value = result.value;
                            Swal.fire({
                                title: 'Menghapus...',
                                html: '<i class="fas fa-spinner fa-spin" style="color:#ef4444;font-size:2rem;"></i>',
                                showConfirmButton: false,
                                allowOutsideClick: false,
                                customClass: { popup: 'swal-teal-popup' },
                                buttonsStyling: false,
                            });
                            document.getElementById('deleteAccountForm').submit();
                        }
                    });
                }
            });
        }

        // ==============================
        // Toggle 2FA
        // ==============================
        function toggle2FA(enabling) {
            Swal.fire({
                icon: enabling ? 'question' : 'warning',
                title: enabling ? 'Aktifkan Verifikasi 2 Langkah?' : 'Nonaktifkan Verifikasi 2 Langkah?',
                html: enabling
                    ? `<p style="color:#64748b;font-size:0.875rem;">Setiap login akan memerlukan kode OTP yang dikirim ke email Anda.<br><br><span style="color:#0d9488;font-weight:600;"><i class="fas fa-shield-check"></i> Sangat disarankan untuk keamanan akun!</span></p>`
                    : `<p style="color:#64748b;font-size:0.875rem;">Akun Anda hanya akan dilindungi oleh password.<br><br><span style="color:#ef4444;font-weight:600;"><i class="fas fa-triangle-exclamation"></i> Risiko keamanan meningkat!</span></p>`,
                showCancelButton: true,
                confirmButtonText: enabling
                    ? '<i class="fas fa-shield-check me-1"></i> Ya, Aktifkan'
                    : '<i class="fas fa-shield-xmark me-1"></i> Ya, Nonaktifkan',
                cancelButtonText: 'Batal',
                customClass: {
                    popup: 'swal-teal-popup',
                    confirmButton: enabling ? 'swal-btn-confirm' : 'swal-btn-danger',
                    cancelButton: 'swal-btn-cancel',
                },
                buttonsStyling: false,
            }).then((result) => {
                if (result.isConfirmed) {
                    Swal.fire({
                        title: 'Menyimpan...',
                        html: '<i class="fas fa-spinner fa-spin" style="color:#14b8a6;font-size:2rem;"></i>',
                        showConfirmButton: false,
                        allowOutsideClick: false,
                        customClass: { popup: 'swal-teal-popup' },
                        buttonsStyling: false,
                    });
                    document.getElementById('twofaForm').submit();
                }
            });
        }

        // ==============================
        // Toggle Password Visibility
        // ==============================
        function togglePwd(inputId, btn) {
            const input = document.getElementById(inputId);
            const icon = btn.querySelector('i');
            if (input.type === 'password') {
                input.type = 'text';
                icon.classList.replace('fa-eye', 'fa-eye-slash');
                btn.style.color = '#14b8a6';
            } else {
                input.type = 'password';
                icon.classList.replace('fa-eye-slash', 'fa-eye');
                btn.style.color = '#94a3b8';
            }
        }

        // ==============================
        // Password Strength Checker
        // ==============================
        function checkPasswordStrength(val) {
            const bar = document.getElementById('strengthBar');
            const fill = document.getElementById('strengthFill');
            const label = document.getElementById('strengthLabel');

            if (!val) { bar.style.display = 'none'; return; }
            bar.style.display = 'block';

            let score = 0;
            if (val.length >= 8) score++;
            if (val.length >= 12) score++;
            if (/[A-Z]/.test(val)) score++;
            if (/[0-9]/.test(val)) score++;
            if (/[^A-Za-z0-9]/.test(val)) score++;

            const levels = [
                { w:'20%', c:'#ef4444', t:'Sangat Lemah', tc:'#ef4444' },
                { w:'40%', c:'#f97316', t:'Lemah', tc:'#f97316' },
                { w:'60%', c:'#eab308', t:'Cukup', tc:'#ca8a04' },
                { w:'80%', c:'#22c55e', t:'Kuat', tc:'#15803d' },
                { w:'100%', c:'#14b8a6', t:'Sangat Kuat 💪', tc:'#0d9488' },
            ];
            const l = levels[Math.min(score, 4)];
            fill.style.width = l.w;
            fill.style.background = l.c;
            label.textContent = l.t;
            label.style.color = l.tc;
        }

        // ==============================
        // Update sidebar name live
        // ==============================
        function updateSidebarName(val) {
            document.getElementById('sidebarName').textContent = val || '—';
            const av = document.getElementById('avatarCircle');
            av.textContent = val ? val.charAt(0).toUpperCase() : '?';
        }

        // ==============================
        // Scroll to section
        // ==============================
        function scrollToSection(id) {
            document.getElementById(id).scrollIntoView({ behavior: 'smooth', block: 'start' });
            document.querySelectorAll('.profile-nav-btn').forEach(b => b.classList.remove('active'));
            event.currentTarget.classList.add('active');
        }

        // ==============================
        // Show SweetAlert for session status
        // ==============================
        document.addEventListener('DOMContentLoaded', function() {
            <?php if(session('status') === '2fa-updated'): ?>
            setTimeout(() => {
                const isEnabled = <?php echo e(auth()->user()->two_factor_enabled ? 'true' : 'false'); ?>;
                Swal.fire({
                    icon: 'success',
                    title: isEnabled ? '2FA Diaktifkan!' : '2FA Dinonaktifkan!',
                    text: isEnabled
                        ? 'Verifikasi 2 langkah kini aktif. Akun Anda lebih aman.'
                        : 'Verifikasi 2 langkah dinonaktifkan.',
                    timer: 2500,
                    timerProgressBar: true,
                    showConfirmButton: false,
                    customClass: { popup: 'swal-teal-popup' },
                    buttonsStyling: false,
                });
            }, 300);
            <?php endif; ?>

            <?php if(session('status') === 'profile-updated'): ?>
            setTimeout(() => {
                Swal.fire({
                    icon: 'success',
                    title: 'Profil Diperbarui!',
                    text: 'Informasi profil Anda berhasil disimpan.',
                    timer: 2500,
                    timerProgressBar: true,
                    showConfirmButton: false,
                    customClass: { popup: 'swal-teal-popup' },
                    buttonsStyling: false,
                });
            }, 300);
            <?php endif; ?>

            <?php if(session('status') === 'password-updated'): ?>
            setTimeout(() => {
                Swal.fire({
                    icon: 'success',
                    title: 'Password Diperbarui!',
                    text: 'Password akun Anda berhasil diperbarui.',
                    timer: 2500,
                    timerProgressBar: true,
                    showConfirmButton: false,
                    customClass: { popup: 'swal-teal-popup' },
                    buttonsStyling: false,
                });
            }, 300);
            <?php endif; ?>

            <?php if($errors->any()): ?>
            setTimeout(() => {
                Swal.fire({
                    icon: 'error',
                    title: 'Terjadi Kesalahan!',
                    text: 'Periksa kembali data yang Anda masukkan.',
                    customClass: {
                        popup: 'swal-teal-popup',
                        confirmButton: 'swal-btn-confirm',
                    },
                    buttonsStyling: false,
                });
            }, 300);
            <?php endif; ?>
        });
    </script>

 <?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal9ac128a9029c0e4701924bd2d73d7f54)): ?>
<?php $attributes = $__attributesOriginal9ac128a9029c0e4701924bd2d73d7f54; ?>
<?php unset($__attributesOriginal9ac128a9029c0e4701924bd2d73d7f54); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal9ac128a9029c0e4701924bd2d73d7f54)): ?>
<?php $component = $__componentOriginal9ac128a9029c0e4701924bd2d73d7f54; ?>
<?php unset($__componentOriginal9ac128a9029c0e4701924bd2d73d7f54); ?>
<?php endif; ?><?php /**PATH C:\laragon\www\KESEHATAN\resources\views/profile/edit.blade.php ENDPATH**/ ?>