<?php if (isset($component)) { $__componentOriginal69dc84650370d1d4dc1b42d016d7226b = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal69dc84650370d1d4dc1b42d016d7226b = $attributes; } ?>
<?php $component = App\View\Components\GuestLayout::resolve([] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?>
<?php $component->withName('guest-layout'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag && $constructor = (new ReflectionClass(App\View\Components\GuestLayout::class))->getConstructor()): ?>
<?php $attributes = $attributes->except(collect($constructor->getParameters())->map->getName()->all()); ?>
<?php endif; ?>
<?php $component->withAttributes([]); ?>
            <?php $__env->slot('title', null, []); ?>  UltraReply - تسجيل الدخول <?php $__env->endSlot(); ?>
 <?php $__env->slot('des', null, []); ?>  الترا ريبلاي تسجيل الدخول <?php $__env->endSlot(); ?>
 <?php $__env->slot('url', null, []); ?> https://ultrareply.com/login <?php $__env->endSlot(); ?>
 <?php $__env->slot('image', null, []); ?> https://ultrareply.com/cover.png <?php $__env->endSlot(); ?>
    <div class="min-h-screen flex items-center justify-center bg-background p-4" dir="<?php echo e(app()->getLocale() === 'ar' ? 'rtl' : 'ltr'); ?>">
        
        <!-- Language Toggle Button -->
        <div class="fixed top-4 <?php echo e(app()->getLocale() === 'ar' ? 'left-4' : 'right-4'); ?> z-10">
            <a href="<?php echo e(route('lang.switch', app()->getLocale() === 'ar' ? 'en' : 'ar')); ?>" 
               class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all bg-card text-card-foreground border border-border shadow hover:bg-accent hover:text-accent-foreground h-9 px-3 py-2">
                <svg class="h-4 w-4" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24">
                    <circle cx="12" cy="12" r="10"/>
                    <line x1="2" y1="12" x2="22" y2="12"/>
                    <path d="M12 2a15.3 15.3 0 0 1 0 20"/>
                    <path d="M12 2a15.3 15.3 0 0 0 0 20"/>
                </svg>
                <span class="font-bold">
                    <?php echo e(app()->getLocale() === 'ar' ? 'EN' : 'AR'); ?>

                </span>
            </a>
        </div>

        <div class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-8 px-6 shadow-lg w-full max-w-md">
            
            <!-- Header -->
            <div class="text-center space-y-4">
                <div class="flex items-center justify-center mb-6">
                    <div class="w-16 h-16 bg-primary rounded-xl flex items-center justify-center shadow-md">
                        <?php echo $__env->make('components.application-logo', ['class' => 'w-8 h-8 text-primary-foreground'], \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
                    </div>
                </div>
                
                <div>
                    <h1 class="text-3xl font-bold text-foreground"><?php echo e(__('messages.login')); ?></h1>
                    <p class="text-muted-foreground mt-2"><?php echo e(__('messages.welcome back! Please enter your details.')); ?></p>
                </div>
            </div>

            <!-- Login Form -->
            <form method="POST" action="<?php echo e(route('login')); ?>" class="space-y-6">
                <?php echo csrf_field(); ?>
                
                <!-- Email Field -->
                <div class="space-y-2">
                    <label for="email" class="text-sm font-medium text-foreground">
                        <?php echo e(__('messages.email')); ?>

                    </label>
                    <div class="relative">
                        <svg class="absolute <?php echo e(app()->getLocale() === 'ar' ? 'right-3' : 'left-3'); ?> top-3 h-4 w-4 text-muted-foreground" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24">
                            <rect width="20" height="16" x="2" y="4" rx="2"/>
                            <path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/>
                        </svg>
                        <input 
                            id="email" 
                            name="email" 
                            type="email" 
                            placeholder="<?php echo e(__('messages.enter your email')); ?>" 
                            required 
                            value="<?php echo e(old('email')); ?>"
                            class="bg-muted dark:bg-input/30 border border-input rounded-md <?php echo e(app()->getLocale() === 'ar' ? 'pr-10 pl-3' : 'pl-10 pr-3'); ?> py-2 w-full text-sm placeholder:text-muted-foreground focus:border-ring focus:ring-2 focus:ring-ring/20 focus:outline-none transition-all"
                        >
                    </div>
                    <?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="text-destructive text-xs mt-1"><?php echo e($message); ?></p>
                    <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                </div>

                <!-- Password Field -->
                <div class="space-y-2">
                    <label for="password" class="text-sm font-medium text-foreground">
                        <?php echo e(__('messages.password')); ?>

                    </label>
                    <div class="relative">
                        <svg class="absolute <?php echo e(app()->getLocale() === 'ar' ? 'right-3' : 'left-3'); ?> top-3 h-4 w-4 text-muted-foreground" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24">
                            <rect width="18" height="11" x="3" y="11" rx="2" ry="2"/>
                            <path d="M7 11V7a5 5 0 0 1 10 0v4"/>
                        </svg>
                        <input 
                            id="password" 
                            name="password" 
                            type="password" 
                            placeholder="<?php echo e(__('messages.enter your password')); ?>" 
                            required
                            class="bg-muted dark:bg-input/30 border border-input rounded-md <?php echo e(app()->getLocale() === 'ar' ? 'pr-10 pl-10' : 'pl-10 pr-10'); ?> py-2 w-full text-sm placeholder:text-muted-foreground focus:border-ring focus:ring-2 focus:ring-ring/20 focus:outline-none transition-all"
                        >
                        <button 
                            type="button" 
                            onclick="togglePasswordVisibility()" 
                            class="absolute <?php echo e(app()->getLocale() === 'ar' ? 'left-3' : 'right-3'); ?> top-3 text-muted-foreground hover:text-foreground transition-colors"
                        >
                            <svg id="eye-icon" class="h-4 w-4" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24">
                                <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/>
                                <circle cx="12" cy="12" r="3"/>
                            </svg>
                        </button>
                    </div>
                    <?php $__errorArgs = ['password'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                        <p class="text-destructive text-xs mt-1"><?php echo e($message); ?></p>
                    <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                </div>

                <!-- Remember Me & Forgot Password -->
                <div class="flex items-center justify-between">
                    <div class="flex items-center space-x-2 <?php echo e(app()->getLocale() === 'ar' ? 'space-x-reverse' : ''); ?>">
                        <input 
                            id="remember" 
                            name="remember" 
                            type="checkbox" 
                            class="rounded border border-input text-primary focus:ring-2 focus:ring-ring/20 h-4 w-4"
                        >
                        <label for="remember" class="text-sm text-muted-foreground">
                            <?php echo e(__('messages.remember me')); ?>

                        </label>
                    </div>
                    
                    <?php if(Route::has('password.request')): ?>
                        <a href="<?php echo e(route('password.request')); ?>" class="text-sm text-primary hover:underline">
                            <?php echo e(__('messages.forgot your password?')); ?>

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

                <!-- Login Button -->
                <button 
                    type="submit" 
                    class="w-full bg-primary text-primary-foreground rounded-md py-2.5 font-medium text-sm shadow hover:bg-primary/90 focus:outline-none focus:ring-2 focus:ring-ring/20 transition-all"
                >
                    <?php echo e(__('messages.login')); ?>

                </button>

                <!-- Register Link -->
                <div class="text-center text-sm text-muted-foreground">
                    <?php echo e(__('messages.don\'t have an account?')); ?>

                    <a href="<?php echo e(route('register')); ?>" class="text-primary hover:underline font-medium">
                        <?php echo e(__('messages.create a new account')); ?>

                    </a>
                </div>
            </form>

            <!-- Social Login (Optional) -->
            <div class="relative">
                <div class="absolute inset-0 flex items-center">
                    <span class="w-full border-t border-border"></span>
                </div>
                <div class="relative flex justify-center text-xs uppercase">
                    <span class="bg-card px-2 text-muted-foreground"><?php echo e(__('messages.or continue with')); ?></span>
                </div>
            </div>

            <!-- Social Buttons (Optional) -->
            <div class="grid grid-cols-1 gap-3">
                        <a  href="<?php echo e(route('auth.google')); ?>"  class="flex items-center justify-center gap-2 bg-muted hover:bg-muted/80 text-muted-foreground rounded-md py-2 text-sm font-medium transition-colors">
                    <svg class="h-4 w-4" viewBox="0 0 24 24">
                        <path fill="currentColor" d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"/>
                        <path fill="currentColor" d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"/>
                        <path fill="currentColor" d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"/>
                        <path fill="currentColor" d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"/>
                    </svg>
                    Google
                </a>
              
            </div>
        </div>
    </div>

    <script>
    function togglePasswordVisibility() {
        const passwordInput = document.getElementById('password');
        const eyeIcon = document.getElementById('eye-icon');
        
        if (passwordInput.type === 'password') {
            passwordInput.type = 'text';
            eyeIcon.innerHTML = `
                <path d="M9.88 9.88a3 3 0 1 0 4.24 4.24"/>
                <path d="M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68"/>
                <path d="M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61"/>
                <line x1="2" y1="2" x2="22" y2="22"/>
            `;
        } else {
            passwordInput.type = 'password';
            eyeIcon.innerHTML = `
                <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/>
                <circle cx="12" cy="12" r="3"/>
            `;
        }
    }
    </script>
 <?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal69dc84650370d1d4dc1b42d016d7226b)): ?>
<?php $attributes = $__attributesOriginal69dc84650370d1d4dc1b42d016d7226b; ?>
<?php unset($__attributesOriginal69dc84650370d1d4dc1b42d016d7226b); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal69dc84650370d1d4dc1b42d016d7226b)): ?>
<?php $component = $__componentOriginal69dc84650370d1d4dc1b42d016d7226b; ?>
<?php unset($__componentOriginal69dc84650370d1d4dc1b42d016d7226b); ?>
<?php endif; ?><?php /**PATH /www/wwwroot/fast.rompure.com/fast.rompure.com/resources/views/auth/login.blade.php ENDPATH**/ ?>