<?php
$page_title = "Forgot Password";
ob_start();
?>
<div class="row">

    <!-- LEFT IMAGE -->
    <div class="col-12 col-lg-6 p-0">
        <div class="login-img">
            <img src="assets/img/forgot-password.jpg" class="w-100 h-100 object-fit-cover" />
        </div>
    </div>

    <!-- RIGHT CONTENT -->
    <div class="col-12 col-lg-6 d-flex align-items-center">

        <div class="login-form-con p-4 w-100">

            <h2 class="title mb-4">Forgot Password</h2>

            <form class="needs-validation" id="forgot-form" novalidate>

                <!-- EMAIL -->
                <div class="mb-3">
                    <label class="form-label">Email address</label>
                    <input type="email" class="form-control" id="forgot-email" placeholder="Enter your email" required>
                    <div class="invalid-feedback" id="forgot-email-error"></div>
                </div>

                <button type="submit" id="forgot-btn" class="btn btn-primary w-100 mb-2">
                    Send Reset Link
                </button>

                <div class="text-center mt-3">
                    <a href="login.php">Back to Sign In</a>
                </div>
            </form>
        </div>
    </div>
</div>
<?php
$content = ob_get_clean();
include 'common/center-card.php';
?>