node5.1-short-urlEJS/views/home.ejs

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Home</title>
    <style>
        *{
            font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        }
    </style>
</head>
<body>
    <h1>URL Shortener</h1>
    <form method="post" action="/url">
        <label>Enter Your Original URL</label>
        <input type="text" placeholder="https://www.example.com" name="url">
        <button type="submit">Generate</button>
    </form>


   <% if (locals.shortId) { %>
    <p>URL Generated : localhost:8000/url/<%=locals.shortId%></p>
   <% } %>

   <% if (locals.urls) { %>
    <div>
        <table>
            <thead>
                <th>S. No</th>
                <th>ShortID</th>
                <th>Redirect</th>
                <th>Clicks</th>
            </thead>
            <tbody>
                <% urls.forEach((url, index) =>{ %>
                <tr>
                    <td><%= index + 1 %></td>
                    <td><%= url.shortId %></td>
                    <td><%= url.originalUrl %></td>
                    <td><%= url.visitHistory.length %></td>
                </tr>
                <% } ) %>
            </tbody>
        </table>
    </div>

   <% } %>
     
</body>
</html>