<?php $__env->startSection('main-content'); ?>
    <section class="hero-wrap hero-wrap-2" style="background-image: url('images/bag2.png');">
        <div class="overlay"></div>
        <div class="container">
            <div class="row no-gutters slider-text align-items-center justify-content-center">
                <div class="col-md-9 pt-5 text-center">
                    <p class="breadcrumbs">
                        <span class="mr-2">
                            <a href="index.html">Home <i class="fa fa-chevron-right"></i></a>
                        </span>
                        <span>Register <i class="fa fa-chevron-right"></i></span>
                    </p>
                    <h1 class="mb-0 bread">Create An Account</h1>
                </div>
            </div>
        </div>
    </section>

    <!-- Custom Styling for Interactive & Attractive Inputs -->
    <style>
        .custom-registration .form-group {
            margin-bottom: 20px;
            /* Input fields ke darmiyan gaps */
        }

        .custom-registration .form-control {
            height: 52px;
            background: #f8f9fa;
            color: #495057;
            font-size: 15px;
            border-radius: 8px;
            box-shadow: none;
            border: 1px solid #e6e6e6;
            padding-left: 20px;
            padding-right: 20px;
            transition: all 0.3s ease;
        }

        .custom-registration .form-control:focus {
            background: #ffffff;
            border-color: #008BF9;
            /* Focus border color */
            box-shadow: 0 4px 12px rgba(0, 139, 249, 0.15);
            /* Soft Blue Glow */
            outline: none;
        }

        .custom-registration .btn-primary {
            height: 52px;
            border-radius: 8px;
            font-weight: 600;
            letter-spacing: 0.5px;
            text-transform: uppercase;
            font-size: 14px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
        }

        .custom-registration .btn-primary:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);
        }
    </style>
    <section class="ftco-appointment ftco-section img" style="background-image: url(images/bg_4.jpg);">
        <div class="overlay"></div>
        <div class="container-xl">
            <div class="row">
                <div class="col-md-6 d-flex align-items-center order-lg-last pl-lg-5">
                    <div class="heading-section heading-section-white" data-aos="fade-up">
                        <span class="subheading">The Esteemed Legal Practice</span>
                        <h2 class="mb-3">Directing the Future</h2>
                        <p>Quality in providing various legal services and consultancies in innovative,
                            non-traditional methods and in a highly professional manner, with integrity, dedication
                            and excellence at the heart of everything we do.</p>
                        <div class="row mt-md-5">
                            <div class="col-lg-12">
                                <div class="services d-flex w-100">
                                    <div class="icon icon-2 d-flex align-items-center justify-content-center">
                                        <span class="flaticon-law"></span>
                                    </div>
                                    <div class="text pl-3">
                                        <h2>Our Vision</h2>
                                        <p>Quality in providing various legal services and consultancies in innovative,
                                            non-traditional methods and in a highly professional manner.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="services d-flex w-100">
                                    <div class="icon icon-2 d-flex align-items-center justify-content-center">
                                        <span class="flaticon-law"></span>
                                    </div>
                                    <div class="text pl-3">
                                        <h2>Our Mission</h2>
                                        <p>We are committed to upholding our distinguished reputation by delivering
                                            exceptional quality in every service we provide and striving for
                                            continuous excellence.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="services d-flex w-100">
                                    <div class="icon icon-2 d-flex align-items-center justify-content-center">
                                        <span class="flaticon-law"></span>
                                    </div>
                                    <div class="text pl-3">
                                        <h2>Our Values</h2>
                                        <p>In every responsibility entrusted to us, we uphold the principles we
                                            believe in, with integrity, dedication, and excellence at the heart of
                                            everything we do.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 d-flex align-items-center">
                    <style>
                        .text-danger {
                            color: #dc3545 !important;
                            font-size: 14px;
                            font-weight: 500;
                            display: block;
                            margin-top: 6px;
                        }

                        .is-invalid {
                            border: 1px solid #dc3545 !important;
                            box-shadow: none !important;
                        }
                    </style>
                    <form action="<?php echo e(route('register.store')); ?>" method="POST" enctype="multipart/form-data"
                        class="appointment" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="200">

                        <?php echo csrf_field(); ?>

                        <span class="subheading">Register With Our Office</span>
                        <h2 class="mb-4 appointment-head">Please Enter Your Details</h2>

                        <?php if(session('success')): ?>
                            <div class="alert alert-success">
                                <?php echo e(session('success')); ?>

                            </div>
                        <?php endif; ?>

                        <div class="row">

                            <!-- Full Name -->
                            <div class="col-md-12 col-lg-6">
                                <div class="form-group">
                                    <label>Your Full Name</label>

                                    <input type="text" name="name"
                                        class="form-control <?php $__errorArgs = ['name'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>"
                                        placeholder="Your Full Name" value="<?php echo e(old('name')); ?>">

                                    <?php $__errorArgs = ['name'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                                        <small class="text-danger d-block mt-1"><?php echo e($message); ?></small>
                                    <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                                </div>
                            </div>

                            <!-- Email -->
                            <div class="col-md-12 col-lg-6">
                                <div class="form-group">
                                    <label>Email Address</label>

                                    <input type="email" name="email"
                                        class="form-control <?php $__errorArgs = ['email'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>"
                                        placeholder="Email Address" value="<?php echo e(old('email')); ?>">

                                    <?php $__errorArgs = ['email'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                                        <small class="text-danger d-block mt-1"><?php echo e($message); ?></small>
                                    <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                                </div>
                            </div>

                            <!-- Phone -->
                            <div class="col-md-12 col-lg-6">
                                <div class="form-group">
                                    <label>Phone Number</label>

                                    <input type="text" name="phone"
                                        class="form-control <?php $__errorArgs = ['phone'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>"
                                        placeholder="+966 5XXXXXXXX" value="<?php echo e(old('phone')); ?>">

                                    <?php $__errorArgs = ['phone'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                                        <small class="text-danger d-block mt-1"><?php echo e($message); ?></small>
                                    <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                                </div>
                            </div>

                            <!-- Profile Image -->
                            <div class="col-md-12 col-lg-6">
                                <div class="form-group">
                                    <label>Profile Image</label>

                                    <input type="file" name="profile_image"
                                        class="form-control <?php $__errorArgs = ['profile_image'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>">

                                    <?php $__errorArgs = ['profile_image'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                                        <small class="text-danger d-block mt-1"><?php echo e($message); ?></small>
                                    <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                                </div>
                            </div>

                            <!-- Password -->
                            <div class="col-md-12 col-lg-6">
                                <div class="form-group">
                                    <label>Password</label>

                                    <input type="password" name="password"
                                        class="form-control <?php $__errorArgs = ['password'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>"
                                        placeholder="Enter Password">

                                    <?php $__errorArgs = ['password'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                                        <small class="text-danger d-block mt-1"><?php echo e($message); ?></small>
                                    <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                                </div>
                            </div>

                            <!-- Confirm Password -->
                            <div class="col-md-12 col-lg-6">
                                <div class="form-group">
                                    <label>Confirm Password</label>

                                    <input type="password" name="password_confirmation" class="form-control"
                                        placeholder="Confirm Password">
                                </div>
                            </div>

                            <!-- Register Button -->
                            <div class="col-md-12 mt-3">
                                <button type="submit" class="btn btn-primary py-3 px-4 rounded">
                                    <i class="fa-solid fa-user-plus me-2"></i>
                                    Register Now
                                </button>
                            </div>

                            <!-- Login Link -->
                            <div class="col-md-12 mt-4 text-center">
                                <p class="mb-0">
                                    Already have an account?
                                    <a href="<?php echo e(route('login')); ?>" style="color:#1F3044;font-weight:600;">
                                        Login Here
                                    </a>
                                </p>
                            </div>

                        </div>

                    </form>
                </div>
            </div>
        </div>
    </section>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('website.main', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH C:\Users\LAPOP CLINIC\Desktop\New folder (2)\Aljubail_web\resources\views/Auth/register.blade.php ENDPATH**/ ?>