<section class="password-section">
     <?php $__env->slot('header', null, []); ?> 
        <style>
            /* No custom fonts needed */
        </style>
     <?php $__env->endSlot(); ?>

    <style>
        .password-section {
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
            max-width: 680px;
            margin: 0 auto;
            padding: 2rem 1rem;
        }

        /* Header - clean border bottom only */
        .password-header {
            margin-bottom: 2.5rem;
            padding-bottom: 1rem;
            border-bottom: 1px solid #eaeef2;
        }

        .password-title {
            font-size: 1.75rem;
            font-weight: 600;
            letter-spacing: -0.02em;
            color: #111111;
            margin: 0 0 0.5rem 0;
            line-height: 1.3;
        }

        .password-desc {
            font-size: 0.85rem;
            color: #6c6f78;
            margin: 0;
            line-height: 1.5;
        }

        /* Form - borderless inputs with underline */
        .password-form {
            margin-top: 0;
        }

        .field-group {
            margin-bottom: 2rem;
        }

        .field-label {
            display: block;
            font-size: 0.8rem;
            font-weight: 500;
            color: #1f2937;
            margin-bottom: 0.5rem;
        }

        .input-wrapper {
            position: relative;
            width: 100%;
        }

        .field-input {
            width: 100%;
            padding: 0.75rem 2.5rem 0.75rem 0;
            font-family: inherit;
            font-size: 1rem;
            border: none;
            border-bottom: 1.5px solid #e2e8f0;
            background: transparent;
            transition: all 0.2s ease;
            color: #111827;
        }

        .field-input:focus {
            outline: none;
            border-bottom-color: #000000;
        }

        .field-input::placeholder {
            color: #cbd5e1;
            font-weight: 400;
        }

        /* Toggle button - subtle icon */
        .toggle-btn {
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            background: none;
            border: none;
            cursor: pointer;
            font-size: 1rem;
            color: #9ca3af;
            transition: color 0.2s;
            padding: 0.5rem 0;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .toggle-btn:hover {
            color: #000000;
        }

        /* Error message */
        .field-error {
            font-size: 0.7rem;
            color: #e53e3e;
            margin-top: 0.5rem;
        }

        /* Action row */
        .action-row {
            display: flex;
            align-items: center;
            gap: 1.5rem;
            margin-top: 2rem;
            flex-wrap: wrap;
        }

        .submit-btn {
            background: #000000;
            color: white;
            font-family: inherit;
            font-size: 0.8rem;
            font-weight: 500;
            padding: 0.6rem 1.6rem;
            border: none;
            border-radius: 40px;
            cursor: pointer;
            transition: background 0.2s ease;
        }

        .submit-btn:hover {
            background: #2c2c2c;
        }

        .status-message {
            font-size: 0.75rem;
            color: #2c7a4b;
            display: inline-flex;
            align-items: center;
            gap: 0.3rem;
        }

        /* Footer divider */
        .password-footer {
            margin-top: 2.5rem;
            padding-top: 1rem;
            border-top: 1px solid #eaeef2;
            font-size: 0.7rem;
            color: #9ca3af;
        }

        @media (max-width: 640px) {
            .password-section {
                padding: 1.5rem 1rem;
            }
            .password-title {
                font-size: 1.5rem;
            }
        }
    </style>

    <div class="password-header">
        <h2 class="password-title">Keamanan Akun</h2>
        <p class="password-desc">Ganti password Anda secara berkala untuk menjaga keamanan akun</p>
    </div>

    <form method="post" action="<?php echo e(route('password.update')); ?>" class="password-form">
        <?php echo csrf_field(); ?>
        <?php echo method_field('put'); ?>

        
        <div class="field-group">
            <label class="field-label" for="current_password">Password Saat Ini</label>
            <div class="input-wrapper">
                <input id="current_password" name="current_password" type="password" 
                       class="field-input" autocomplete="current-password" 
                       placeholder="Masukkan password saat ini" />
                <button type="button" onclick="togglePassword('current_password', this)" class="toggle-btn">
                    👁
                </button>
            </div>
            <?php if (isset($component)) { $__componentOriginalf94ed9c5393ef72725d159fe01139746 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginalf94ed9c5393ef72725d159fe01139746 = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.input-error','data' => ['messages' => $errors->updatePassword->get('current_password'),'class' => 'field-error']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('input-error'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes(['messages' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($errors->updatePassword->get('current_password')),'class' => 'field-error']); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginalf94ed9c5393ef72725d159fe01139746)): ?>
<?php $attributes = $__attributesOriginalf94ed9c5393ef72725d159fe01139746; ?>
<?php unset($__attributesOriginalf94ed9c5393ef72725d159fe01139746); ?>
<?php endif; ?>
<?php if (isset($__componentOriginalf94ed9c5393ef72725d159fe01139746)): ?>
<?php $component = $__componentOriginalf94ed9c5393ef72725d159fe01139746; ?>
<?php unset($__componentOriginalf94ed9c5393ef72725d159fe01139746); ?>
<?php endif; ?>
        </div>

        
        <div class="field-group">
            <label class="field-label" for="new_password">Password Baru</label>
            <div class="input-wrapper">
                <input id="new_password" name="password" type="password" 
                       class="field-input" autocomplete="new-password" 
                       placeholder="Buat password baru" />
                <button type="button" onclick="togglePassword('new_password', this)" class="toggle-btn">
                    👁
                </button>
            </div>
            <?php if (isset($component)) { $__componentOriginalf94ed9c5393ef72725d159fe01139746 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginalf94ed9c5393ef72725d159fe01139746 = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.input-error','data' => ['messages' => $errors->updatePassword->get('password'),'class' => 'field-error']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('input-error'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes(['messages' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($errors->updatePassword->get('password')),'class' => 'field-error']); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginalf94ed9c5393ef72725d159fe01139746)): ?>
<?php $attributes = $__attributesOriginalf94ed9c5393ef72725d159fe01139746; ?>
<?php unset($__attributesOriginalf94ed9c5393ef72725d159fe01139746); ?>
<?php endif; ?>
<?php if (isset($__componentOriginalf94ed9c5393ef72725d159fe01139746)): ?>
<?php $component = $__componentOriginalf94ed9c5393ef72725d159fe01139746; ?>
<?php unset($__componentOriginalf94ed9c5393ef72725d159fe01139746); ?>
<?php endif; ?>
        </div>

        
        <div class="field-group">
            <label class="field-label" for="password_confirmation">Konfirmasi Password Baru</label>
            <div class="input-wrapper">
                <input id="password_confirmation" name="password_confirmation" type="password" 
                       class="field-input" autocomplete="new-password" 
                       placeholder="Ulangi password baru" />
                <button type="button" onclick="togglePassword('password_confirmation', this)" class="toggle-btn">
                    👁
                </button>
            </div>
            <?php if (isset($component)) { $__componentOriginalf94ed9c5393ef72725d159fe01139746 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginalf94ed9c5393ef72725d159fe01139746 = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.input-error','data' => ['messages' => $errors->updatePassword->get('password_confirmation'),'class' => 'field-error']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('input-error'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes(['messages' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($errors->updatePassword->get('password_confirmation')),'class' => 'field-error']); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginalf94ed9c5393ef72725d159fe01139746)): ?>
<?php $attributes = $__attributesOriginalf94ed9c5393ef72725d159fe01139746; ?>
<?php unset($__attributesOriginalf94ed9c5393ef72725d159fe01139746); ?>
<?php endif; ?>
<?php if (isset($__componentOriginalf94ed9c5393ef72725d159fe01139746)): ?>
<?php $component = $__componentOriginalf94ed9c5393ef72725d159fe01139746; ?>
<?php unset($__componentOriginalf94ed9c5393ef72725d159fe01139746); ?>
<?php endif; ?>
        </div>

        
        <div class="action-row">
            <button type="submit" class="submit-btn">
                Update Password
            </button>

            <?php if(session('status') === 'password-updated'): ?>
                <p x-data="{ show: true }" x-show="show" x-transition x-init="setTimeout(() => show = false, 2000)"
                   class="status-message">
                    ✓ Password berhasil diperbarui
                </p>
            <?php endif; ?>
        </div>
    </form>

    <div class="password-footer">
        Gunakan minimal 8 karakter dengan kombinasi huruf, angka, dan simbol
    </div>

    <script>
        function togglePassword(inputId, buttonElement) {
            const input = document.getElementById(inputId);
            
            if (input.type === "password") {
                input.type = "text";
                buttonElement.innerHTML = "🙈";
            } else {
                input.type = "password";
                buttonElement.innerHTML = "👁";
            }
        }
    </script>
</section><?php /**PATH C:\laragon\www\toko_app\resources\views/profile/partials/update-password-form.blade.php ENDPATH**/ ?>