<?php $__env->startSection('title', 'إنشاء حساب جديد'); ?>

<?php $__env->startSection('content'); ?>
<style>
    input:-webkit-autofill {
        -webkit-text-fill-color: white !important;
        -webkit-box-shadow: 0 0 0px 1000px #111 inset !important;
    }
    .auth-card {
        background: #111;
        border: 1px solid #222;
        border-radius: 2.5rem;
        max-width: 450px;
        width: 100%;
        margin: auto;
        overflow: hidden;
    }
    .auth-tabs {
        display: flex;
        border-bottom: 1px solid #222;
    }
    .auth-tab {
        flex: 1;
        padding: 1.5rem;
        text-align: center;
        font-weight: bold;
        color: #444;
        transition: all 0.3s;
        text-decoration: none;
    }
    .auth-tab.active {
        color: #d4af37;
        background: #161616;
        border-bottom: 2px solid #d4af37;
    }
    .auth-input {
        background: #161616 !important;
        border: 1px solid #444 !important; /* حدود حادة وواضحة */
        color: white !important;
        border-radius: 50px !important;
        padding: 0.75rem 1.5rem !important;
        font-size: 0.9rem;
        width: 100%;
        outline: none;
        transition: all 0.2s ease;
        -webkit-appearance: none;
        backface-visibility: hidden;
    }
    .auth-input:focus {
        border-color: #d4af37 !important;
        background: #1a1a1a !important;
    }
    .btn-auth {
        background: linear-gradient(90deg, #d4af37, #f9d976);
        color: #000;
        font-weight: 800;
        border-radius: 3rem;
        padding: 0.9rem !important;
        width: 100%;
        border: none;
        cursor: pointer;
        transition: all 0.3s;
        font-size: 0.95rem;
    }
    .btn-auth:hover {
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(212, 175, 55, 0.2);
    }
</style>

<div class="min-h-screen flex items-center justify-center py-20 px-4 bg-[#0a0a0a]">
    <div class="auth-card shadow-2xl">
        <div class="auth-tabs">
            <a href="<?php echo e(route('customer.login')); ?>" class="auth-tab">تسجيل الدخول</a>
            <a href="<?php echo e(route('customer.register')); ?>" class="auth-tab active">حساب جديد</a>
        </div>

        <div class="p-10 px-12">
            <form action="<?php echo e(route('customer.register.post')); ?>" method="POST" class="space-y-6">
                <?php echo csrf_field(); ?>
                <div>
                    <label class="block text-xs font-bold text-gray-500 uppercase tracking-widest mb-3 mr-4 text-right">الاسم الكامل</label>
                    <input type="text" name="name" value="<?php echo e(old('name')); ?>" required 
                        class="auth-input" 
                        placeholder="الأسم بالكامل">
                    <?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="text-red-500 text-[10px] mt-2 mr-4 text-right"><?php echo e($message); ?></p> <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                </div>

                <div>
                    <label class="block text-xs font-bold text-gray-500 uppercase tracking-widest mb-3 mr-4 text-right">البريد الإلكتروني</label>
                    <input type="email" name="email" value="<?php echo e(old('email')); ?>" required 
                        class="auth-input" 
                        placeholder="example@mail.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="text-red-500 text-[10px] mt-2 mr-4 text-right"><?php echo e($message); ?></p> <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                </div>

                <div>
                    <label class="block text-xs font-bold text-gray-500 uppercase tracking-widest mb-3 mr-4 text-right">رقم الجوال</label>
                    <input type="text" name="phone" value="<?php echo e(old('phone')); ?>" required 
                        class="auth-input" 
                        placeholder="05xxxxxxxx">
                    <?php $__errorArgs = ['phone'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> <p class="text-red-500 text-[10px] mt-2 mr-4 text-right"><?php echo e($message); ?></p> <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                </div>

                <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                    <div>
                        <label class="block text-xs font-bold text-gray-500 uppercase tracking-widest mb-3 mr-4 text-right">كلمة المرور</label>
                        <input type="password" name="password" required 
                            class="auth-input" 
                            placeholder="••••••••">
                        <?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-red-500 text-[10px] mt-2 mr-4 text-right"><?php echo e($message); ?></p> <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                    </div>
                    <div>
                        <label class="block text-xs font-bold text-gray-500 uppercase tracking-widest mb-3 mr-4 text-right">تأكيد المرور</label>
                        <input type="password" name="password_confirmation" required 
                            class="auth-input" 
                            placeholder="••••••••">
                    </div>
                </div>

                <div class="flex items-center justify-end px-4">
                    <label for="terms" class="mr-2 block text-xs text-gray-500 cursor-pointer">أوافق على الشروط</label>
                    <input id="terms" name="terms" type="checkbox" required checked class="h-4 w-4 text-[#d4af37] border-none bg-[#222] rounded cursor-pointer focus:ring-0">
                </div>

                <button type="submit" class="btn-auth shadow-lg active:scale-95">
                    إنشاء الحساب
                </button>
            </form>

            <div class="mt-10 text-center">
                <a href="<?php echo e(route('customer.login')); ?>" class="text-gray-500 text-xs font-medium hover:text-[#d4af37] transition-colors">لديك حساب بالفعل؟</a>
            </div>
        </div>
    </div>
</div>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.frontend', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH C:\xampp\htdocs\tq cars\resources\views/frontend/auth/register.blade.php ENDPATH**/ ?>