#I LOVE YOU EVERDAY#

<?php
require_once 'includes/db.php';
require_once 'includes/functions.php';

if (is_customer_logged_in()) {
    redirect('dashboard.php');
}
require_once 'includes/header.php';
?>

<section class="py-5 mt-5">
    <div class="container py-5">
        <div class="row justify-content-center fade-up">
            <div class="col-md-5">
                <div class="text-center mb-4">
                    <h2 class="fw-bold">Customer <span class="text-re-red">Login</span></h2>
                    <p class="text-muted">Welcome back! Please login to your account.</p>
                </div>
                
                <div class="glass-card p-4 p-md-5">
                    <?php if (isset($_GET['error'])): ?>
                        <div class="alert alert-danger py-2"><?php echo htmlspecialchars($_GET['error']); ?></div>
                    <?php endif; ?>
                    <?php if (isset($_GET['success'])): ?>
                        <div class="alert alert-success py-2">Registration successful! Please login.</div>
                    <?php endif; ?>
                    
                    <form action="api/login_customer.php" method="POST">
                        <input type="hidden" name="csrf_token" value="<?= generate_csrf_token() ?>">
                        <div class="mb-3">
                            <label class="form-label text-muted">Phone Number</label>
                            <div class="input-group">
                                <span class="input-group-text bg-dark text-white border-secondary"><i class="fas fa-phone"></i></span>
                                <input type="tel" name="phone" class="form-control bg-dark text-white border-secondary" required autofocus>
                            </div>
                        </div>
                        <div class="mb-4">
                            <label class="form-label text-muted">Password</label>
                            <div class="input-group">
                                <span class="input-group-text bg-dark text-white border-secondary"><i class="fas fa-lock"></i></span>
                                <input type="password" name="password" class="form-control bg-dark text-white border-secondary" required>
                            </div>
                        </div>
                        <button type="submit" class="btn btn-primary w-100 py-2 mb-3">Login</button>
                        <p class="text-center text-muted mb-0">Don't have an account? <a href="register.php" class="text-re-red text-decoration-none">Register here</a></p>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>

<?php require_once 'includes/footer.php'; ?>