<?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, []); ?> 
        <h2 class="font-bold text-2xl text-crextio-text leading-tight font-display tracking-tight">
            <?php echo e(__('Profile Dashboard')); ?>

        </h2>
     <?php $__env->endSlot(); ?>

    <div class="py-8 lg:py-12 bg-gray-50/30">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="grid grid-cols-1 lg:grid-cols-4 gap-6 lg:gap-8">
                
                <!-- Sidebar / Navigation Info -->
                <div class="lg:col-span-1">
                    <div class="bg-white rounded-2xl lg:rounded-[2rem] shadow-soft p-6 lg:p-8 border border-gray-100/50 lg:sticky lg:top-24">
                        <div class="flex flex-col items-center">
                            <div class="h-32 w-32 lg:h-36 lg:w-36 rounded-2xl lg:rounded-3xl overflow-hidden shadow-soft-xl hover:shadow-soft-2xl transition-all duration-500 hover:rotate-2 bg-crextio-accent p-1">
                                <div class="h-full w-full rounded-xl lg:rounded-[1.25rem] overflow-hidden bg-white">
                                    <?php if($user->profile_picture): ?>
                                        <img src="<?php echo e(Storage::url($user->profile_picture)); ?>" class="h-full w-full object-cover" alt="<?php echo e($user->name); ?>">
                                    <?php else: ?>
                                        <div class="h-full w-full flex items-center justify-center text-crextio-text font-black text-4xl lg:text-5xl">
                                            <?php echo e(substr($user->name, 0, 1)); ?>

                                        </div>
                                    <?php endif; ?>
                                </div>
                            </div>

                            <div class="mt-6 text-center w-full">
                                <h1 class="text-lg lg:text-xl font-black text-gray-900 font-display tracking-tight uppercase leading-tight break-words"><?php echo e($user->name); ?></h1>
                                <div class="mt-3 flex flex-wrap justify-center gap-2">
                                    <span class="px-3 py-1 bg-gray-900 text-white text-[10px] font-black uppercase tracking-widest rounded-full shadow-sm"><?php echo e($user->role); ?></span>
                                    <span class="px-3 py-1 bg-crextio-accent text-gray-900 text-[10px] font-black uppercase tracking-widest rounded-full shadow-sm"><?php echo e($user->region ?? 'Central'); ?></span>
                                </div>
                                <p class="mt-4 text-xs text-gray-400 font-medium leading-relaxed italic hidden lg:block">
                                    "Managing your personal organizational parameters with precision and elegance."
                                </p>
                            </div>

                            <div class="mt-6 w-full pt-6 border-t border-gray-50 flex justify-center gap-8">
                                <div class="text-center">
                                    <p class="text-[10px] font-black uppercase tracking-widest text-gray-400">Status</p>
                                    <p class="text-xs font-bold text-emerald-500 mt-1">Verified</p>
                                </div>
                                <div class="text-center">
                                    <p class="text-[10px] font-black uppercase tracking-widest text-gray-400">Account</p>
                                    <p class="text-xs font-bold text-gray-900 mt-1">Standard</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Main Content Area -->
                <div class="lg:col-span-3 space-y-6">
                    
                    <!-- Information Form -->
                    <div class="bg-white rounded-2xl lg:rounded-[2rem] shadow-soft-xl overflow-hidden border border-gray-100/50 hover:shadow-soft-2xl transition-all duration-500">
                        <div class="p-6 lg:p-8">
                            <?php echo $__env->make('profile.partials.update-profile-information-form', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
                        </div>
                    </div>

                    <!-- Password Section -->
                    <div class="bg-white rounded-2xl lg:rounded-[2rem] shadow-soft overflow-hidden border border-gray-100/30 hover:shadow-soft-xl transition-all duration-500">
                        <div class="p-6 lg:p-8">
                            <?php echo $__env->make('profile.partials.update-password-form', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
                        </div>
                    </div>

                    <!-- Security / Danger Zone -->
                    <div class="p-6 lg:p-8 bg-red-50/30 rounded-2xl lg:rounded-[2rem] border border-red-100/50 shadow-sm group hover:bg-red-50/50 transition-colors duration-500">
                        <div class="max-w-xl">
                            <?php echo $__env->make('profile.partials.delete-user-form', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
 <?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 /var/www/html/Arise/resources/views/profile/edit.blade.php ENDPATH**/ ?>