<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Page Review</title>
    <!-- Your CSS imports -->
    <link rel="stylesheet" href="/path/to/your/css/file.css">
    <!-- Site favicon -->
    <link href="https://www.una.edu/brand/images/logo/round/UNA-roundLionPurpleW.png.pagespeed.ce.sooHu-qo8w.png" rel="shortcut icon"/>
    <!-- Material Icon -->
    <link crossorigin="anonymous" href="https://cdnjs.cloudflare.com/ajax/libs/MaterialDesign-Webfont/7.3.67/css/materialdesignicons.min.css" integrity="sha512-nRzny9w0V2Y1/APe+iEhKAwGAc+K8QYCw4vJek3zXhdn92HtKt226zHs9id8eUq+uYJKaH2gPyuLcaG/dE5c7A==" referrerpolicy="no-referrer" rel="stylesheet"/>
    <link href="https://fonts.googleapis.com" rel="preconnect"/>
    <link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect"/>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&amp;family=Tajawal:wght@200;300;400;500;700;800;900&amp;display=swap" rel="stylesheet"/>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
    <link href="https://arabyai-webpages.s3.me-south-1.amazonaws.com/template_website/araby_ai_template/css/animate.css" rel="stylesheet"/>
    <link href="https://arabyai-webpages.s3.me-south-1.amazonaws.com/template_website/testing_template/css/bootstrap.min.css" rel="stylesheet"/>
    <link class="style" href="css/style.css" rel="stylesheet"/>
    
</head>

<body data-bs-offset="60" data-bs-spy="scroll" data-bs-target=".navbar">
    <!-- Navbar Start -->
    <nav class="navbar navbar-expand-lg fixed-top navbar-custom sticky-dark" id="navbar-sticky">
        <div class="container">
            <!-- LOGO -->
            <a class="logo text-uppercase" href="/" style="display: flex; justify-content: center; gap: 10px; align-items: center">
                <img alt="" src="https://www.una.edu/brand/images/logo/round/UNA-roundLionPurpleW.png.pagespeed.ce.sooHu-qo8w.png" width="50px"/>
            </a>
            <button aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler" data-bs-target="#navbarCollapse" data-bs-toggle="collapse" type="button">
                <i class="mdi mdi-menu"></i>
            </button>
            <div class="collapse navbar-collapse" id="navbarCollapse">
                <ul class="navbar-nav ms-auto navbar-center" id="mySidenav">
                    <li class="nav-item">
                        <a class="nav-link" href="/">Home</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#about">About</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#features">Features</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#testimonial">Testimonial</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#contact">Contact Us</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#review">Review</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
    <!-- Navbar End -->

    <h1>Review Page</h1>
    <h2 class="card-title">Library Records: <%= nameData.length %></h2>
    <!-- You can customize the content of the review page here -->
    <p>This is the review page. You can display the submitted information here for review.</p>
    <!-- Example: Displaying submitted form data -->
    <% nameData.forEach(data => { %>
        <ul>
            <li>First Name: <%= data.fname %></li>
            <li>Last Name: <%= data.lname %></li>
            <li>Phone Number: <%= data.phone %></li>
            <li>Email: <%= data.email %></li>
            <li>Notes: <%= data.noteFamily %></li>
            <li>Apartment Type: <%= data.apartmentTypeIndividuals %> <%= data.apartmentSelect %></li><br>
            <!-- Add more data fields as needed -->
        </ul>
    <% }); %>
    <!-- Add buttons or links to go back or proceed with further actions -->
    <a href="/">Back to Home</a>
    <!-- You can add more buttons or links for further actions -->
</body>

</html>
