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

if(!isset($_SESSION['user_id'])) {
    header("Location: signup.php");
    exit();
}

$user_id = $_SESSION['user_id'];
$query = "SELECT * FROM users WHERE id='$user_id'";
$result = $conn->query($query);
$user = $result->fetch_assoc();

if(isset($_POST['logout'])) {
    session_destroy();
    header("Location: signup.php");
    exit();
}

require_once 'includes/header.php'; 
?>

<div class="container my-5">
    <div class="row">
        <div class="col-md-4 mb-4">
            <div class="card shadow border-0" style="border-radius: 15px;">
                <div class="card-body text-center p-5">
                    <img src="https://ui-avatars.com/api/?name=<?php echo urlencode($user['name']); ?>&background=random&size=150" class="rounded-circle mb-3 border border-3 border-success p-1" alt="Profile Image">
                    <h4 class="fw-bold"><?php echo h($user['name']); ?></h4>
                    <p class="text-muted mb-4">Member</p>
                    
                    <form action="profile.php" method="POST">
                        <button type="submit" name="logout" class="btn btn-outline-danger w-100 rounded-pill"><i class="fas fa-sign-out-alt me-2"></i> Logout</button>
                    </form>
                </div>
            </div>
        </div>
        
        <div class="col-md-8">
            <div class="card shadow border-0" style="border-radius: 15px;">
                <div class="card-header bg-success text-white py-3" style="border-radius: 15px 15px 0 0;">
                    <h4 class="mb-0"><i class="fas fa-user-circle me-2"></i> Profile Details</h4>
                </div>
                <div class="card-body p-4">
                    <div class="row mb-3 pb-3 border-bottom">
                        <div class="col-sm-3">
                            <h6 class="mb-0 text-muted fw-bold">Full Name</h6>
                        </div>
                        <div class="col-sm-9 text-secondary">
                            <?php echo h($user['name']); ?>
                        </div>
                    </div>
                    <div class="row mb-3 pb-3 border-bottom">
                        <div class="col-sm-3">
                            <h6 class="mb-0 text-muted fw-bold">Email</h6>
                        </div>
                        <div class="col-sm-9 text-secondary">
                            <?php echo h($user['email']); ?>
                        </div>
                    </div>
                    <div class="row mb-3 pb-3 border-bottom">
                        <div class="col-sm-3">
                            <h6 class="mb-0 text-muted fw-bold">Phone</h6>
                        </div>
                        <div class="col-sm-9 text-secondary">
                            <?php echo h($user['phone']); ?>
                        </div>
                    </div>
                    <div class="row mb-3 pb-3 border-bottom">
                        <div class="col-sm-3">
                            <h6 class="mb-0 text-muted fw-bold">Member Since</h6>
                        </div>
                        <div class="col-sm-9 text-secondary">
                            <?php echo date('d M Y', strtotime($user['created_at'])); ?>
                        </div>
                    </div>
                    
                    <div class="alert alert-warning mt-4">
                        <i class="fas fa-exclamation-triangle me-2"></i> Your membership ID card is pending approval from the admin panel.
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

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