<main data-testid="" class="css-1f7uoeb e1wcrodl0">
    <style>
        .form-label {
            font-size: 13px;
        }
    </style>
    <div class="container mt-5">
        <section class="bg-light vh-100 rounded">
            <div class="container-fluid h-custom">
              <div class="row d-flex justify-content-center align-items-center h-100">
                <div class="col-md-9 col-lg-6 col-xl-5">
                  <img src="https://mdbcdn.b-cdn.net/img/Photos/new-templates/bootstrap-login-form/draw2.webp"
                    class="img-fluid" alt="Sample image">
                </div>
                <div class="col-md-8 col-lg-6 col-xl-4 offset-xl-1 p-2">
                  <form wire:submit.prevent="login">
                    <div class="d-flex flex-row align-items-center justify-content-center justify-content-lg-start">
                      <p class="lead fw-normal mb-0 me-3">Sign in with</p>
                      <button  type="button" data-mdb-button-init data-mdb-ripple-init class="btn btn-primary btn-floating mx-1">
                        <i class="fab fa-facebook-f"></i>
                      </button>

                      <button  type="button" data-mdb-button-init data-mdb-ripple-init class="btn btn-primary btn-floating mx-1">
                        <i class="fab fa-twitter"></i>
                      </button>

                      <button  type="button" data-mdb-button-init data-mdb-ripple-init class="btn btn-primary btn-floating mx-1">
                        <i class="fab fa-linkedin-in"></i>
                      </button>
                    </div>

                    <?php if(session()->has('message')): ?>
                        <div class="text-danger fw-bold p-2"><small><?php echo e(session('message')); ?></small></div>
                    <?php endif; ?>

                    <div class="divider d-flex align-items-center justify-content-center justify-content-lg-start my-4">
                      <p class="text-center fw-bold mx-3 mb-0">OR</p>
                    </div>

                    <!-- Email input -->
                    <div data-mdb-input-init class="form-outline mb-4">
                        <label class="form-label" for="form3Example3">Email</label>
                      <input type="email" id="form3Example3" wire:model.lazy="email" class="form-control form-control-lg p-3"
                        placeholder="Enter 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]); ?>
                            <div class="text-danger"><small><?php echo e($message); ?></small></div>
                        <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                    </div>

                    <!-- Password input -->
                    <div data-mdb-input-init class="form-outline mb-3">
                        <label class="form-label" for="form3Example4">Password</label>
                      <input type="password" id="form3Example4" wire:model.lazy="password" class="form-control form-control-lg p-3"
                        placeholder="Enter password" />
                        <?php $__errorArgs = ['email'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                            <div class="text-danger"><small><?php echo e($message); ?></small></div>
                        <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                    </div>

                    <div class="d-flex justify-content-between align-items-center">
                      <!-- Checkbox -->
                      <div class="form-check mb-0">
                        <input class="form-check-input me-2 mt-2" type="checkbox" value="" id="form2Example3" />
                        <label class="form-check-label ml-1" for="form2Example3">
                          <small>Remember me</small>
                        </label>
                      </div>
                      <a href="<?php echo e(route('password.email')); ?>" class="text-body"><small>Forgot password?</small></a>
                    </div>

                    <div class="text-center text-lg-start mt-4 pt-2">
                        <button class="btn btn-primary btn-lg" style="padding-left: 2.5rem; padding-right: 2.5rem;">Login</button>
                        <p class="small fw-bold mt-4 pt-1 mb-0">Don't have an account? <a href="<?php echo e(route('register')); ?>"
                          class="link-danger">Register</a></p>
                    </div>

                  </form>
                </div>
              </div>
            </div>
        </section>
    </div>
</main><?php /**PATH C:\xampp\htdocs\cavg\resources\views\livewire\pages\auth\login.blade.php ENDPATH**/ ?>