All materials
index.ejs
ejsindex.ejs
<!DOCTYPE html>
<html>
<head>
<title>Cooperativa Nubes del Tachira - Export Tracker</title>
<style>
body { font-family: Arial, sans-serif; margin: 20px; }
h1 { color: #4a2c2a; }
table { border-collapse: collapse; width: 100%; margin-top: 20px; }
th, td { border: 1px solid #ddd; padding: 8px; text-align: left; }
th { background-color: #4a2c2a; color: white; }
.search-box { margin: 20px 0; }
.search-box input { padding: 8px; width: 300px; }
.search-box button { padding: 8px 16px; background: #4a2c2a; color: white; border: none; cursor: pointer; }
</style>
</head>
<body>
<h1>Cooperativa Nubes del Tachira</h1>
<h2>Export Tracking Dashboard</h2>
<div class="search-box">
<form action="/search" method="GET">
<input type="text" name="q" placeholder="Search shipments by lot, buyer, or company...">
<button type="submit">Search</button>
</form>
</div>
<table>
<tr>
<th>Lot Number</th>
<th>Buyer</th>
<th>Company</th>
<th>Weight (kg)</th>
<th>Quality Score</th>
<th>Ship Date</th>
<th>Status</th>
</tr>
<% shipments.forEach(s => { %>
<tr>
<td><%= s.lot_number %></td>
<td><%= s.buyer_name %></td>
<td><%= s.company %></td>
<td><%= s.weight_kg %></td>
<td><%= s.quality_score %></td>
<td><%= s.ship_date %></td>
<td><%= s.status %></td>
</tr>
<% }); %>
</table>
</body>
</html>