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

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

        /* Header Area - Clean & Spacious */
        .profile-head {
            margin-bottom: 2.5rem;
            padding-bottom: 1rem;
            border-bottom: 1px solid #eaeef2;
        }

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

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

        /* Form styling - borderless, minimal */
        .profile-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;
        }

        .field-input {
            width: 100%;
            padding: 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;
        }

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

        /* Verification Box - subtle & clean */
        .verify-container {
            margin-top: 1rem;
            padding: 0;
            background: transparent;
            border: none;
        }

        .verify-message {
            font-size: 0.8rem;
            color: #4b5563;
            margin: 0 0 0.5rem 0;
            display: flex;
            flex-wrap: wrap;
            align-items: baseline;
            gap: 0.5rem;
        }

        .verify-link {
            font-size: 0.75rem;
            font-weight: 500;
            color: #000000;
            text-decoration: none;
            border-bottom: 1px solid #d1d5db;
            padding-bottom: 2px;
            background: none;
            border: none;
            border-bottom: 1px solid #d1d5db;
            cursor: pointer;
            transition: border-color 0.2s;
        }

        .verify-link:hover {
            border-bottom-color: #000000;
        }

        .verify-success {
            font-size: 0.75rem;
            color: #2c7a4b;
            margin-top: 0.5rem;
        }

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

        .save-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;
        }

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

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

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

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

    <div class="profile-head">
        <h2 class="profile-title">Profil Anda</h2>
        <p class="profile-desc">Kelola nama dan alamat email akun Anda</p>
    </div>

    <form id="send-verification" method="post" action="<?php echo e(route('verification.send')); ?>">
        <?php echo csrf_field(); ?>
    </form>

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

        
        <div class="field-group">
            <label class="field-label" for="name">Nama Lengkap</label>
            <input id="name" name="name" type="text" class="field-input"
                   value="<?php echo e(old('name', $user->name)); ?>" required autofocus autocomplete="name"
                   placeholder="Nama Anda" />
            <?php if (isset($component)) { $__componentOriginalf94ed9c5393ef72725d159fe01139746 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginalf94ed9c5393ef72725d159fe01139746 = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.input-error','data' => ['class' => 'field-error','messages' => $errors->get('name')]] + (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(['class' => 'field-error','messages' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($errors->get('name'))]); ?>
<?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="email">Alamat Email</label>
            <input id="email" name="email" type="email" class="field-input"
                   value="<?php echo e(old('email', $user->email)); ?>" required autocomplete="username"
                   placeholder="email@contoh.com" />
            <?php if (isset($component)) { $__componentOriginalf94ed9c5393ef72725d159fe01139746 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginalf94ed9c5393ef72725d159fe01139746 = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.input-error','data' => ['class' => 'field-error','messages' => $errors->get('email')]] + (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(['class' => 'field-error','messages' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($errors->get('email'))]); ?>
<?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; ?>

            <?php if($user instanceof \Illuminate\Contracts\Auth\MustVerifyEmail && ! $user->hasVerifiedEmail()): ?>
                <div class="verify-container">
                    <div class="verify-message">
                        <span>📬 Email Anda belum diverifikasi.</span>
                        <button form="send-verification" class="verify-link">
                            Kirim ulang verifikasi
                        </button>
                    </div>

                    <?php if(session('status') === 'verification-link-sent'): ?>
                        <div class="verify-success">
                            ✓ Link verifikasi baru telah dikirim ke email Anda.
                        </div>
                    <?php endif; ?>
                </div>
            <?php endif; ?>
        </div>

        
        <div class="action-row">
            <button type="submit" class="save-btn">
                Simpan Perubahan
            </button>

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

    <div class="profile-footer">
        Perubahan akan langsung berlaku untuk akun Anda.
    </div>
</section><?php /**PATH C:\laragon\www\toko_pakaian\resources\views/profile/partials/update-profile-information-form.blade.php ENDPATH**/ ?>