Learn by Directing AI
All materials

search.ejs

ejssearch.ejs
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title><%= title %></title>
  <style>
    body { font-family: Arial, sans-serif; margin: 0; padding: 20px; background: #f5f5f0; }
    .header { background: #2c5530; color: white; padding: 20px; margin: -20px -20px 20px; }
    table { width: 100%; border-collapse: collapse; background: white; }
    th, td { padding: 10px; text-align: left; border-bottom: 1px solid #ddd; }
    th { background: #2c5530; color: white; }
    a { color: #2c5530; }
  </style>
</head>
<body>
  <div class="header">
    <h1>Search Results</h1>
    <p>Results for: "<%= query %>"</p>
  </div>
  <p><a href="/">Back to home</a></p>
  <% if (results.length > 0) { %>
    <table>
      <tr><th>Name</th><th>Nationality</th><th>Travel Dates</th><th>Booking Ref</th></tr>
      <% results.forEach(r => { %>
        <tr><td><%= r.name %></td><td><%= r.nationality %></td><td><%= r.travel_dates %></td><td><%= r.booking_ref %></td></tr>
      <% }) %>
    </table>
  <% } else { %>
    <p>No results found.</p>
  <% } %>
</body>
</html>