freightdesk/webapp/src/views/pages/portal/shipper-load-detail.ejs
FreightDesk 4a06fe370f
Some checks failed
FreightDesk CI/CD / Lint & Test (push) Has been cancelled
FreightDesk CI/CD / Build Docker Image (push) Has been cancelled
FreightDesk CI/CD / Deploy to Coolify (push) Has been cancelled
[OWL] Fix EJS include paths + layouts/main.ejs syntax
- Fixed 30 EJS views: changed ../partials/ to ../../partials/ for views in subdirectories
  (pages/loads/, pages/shippers/, pages/portal/, pages/marketplace/, pages/payments/, etc.)
- Fixed layouts/main.ejs: corrected malformed EJS tags on lines 11 and 66
  (<% ... { <% → <% ... { %>)
2026-06-08 04:30:59 +00:00

75 lines
2.3 KiB
Text

<%- include('../../partials/header', { activeMenu: 'portal' }) %>
<div class="page-header">
<div>
<h1 class="page-title">&#128666; Load Detail</h1>
<p class="page-subtitle"><%= load.id %></p>
</div>
<div class="page-actions">
<a href="/portal/loads" class="btn btn-outline">&larr; Back</a>
</div>
</div>
<div class="card">
<div class="card-body">
<div class="detail-grid">
<div class="detail-item">
<label>Date</label><span><%= load.date || '—' %></span>
</div>
<div class="detail-item">
<label>Route</label><span><%= load.from_city || '?' %> &rarr; <%= load.to_city || '?' %></span>
</div>
<div class="detail-item">
<label>Vehicle</label><span><%= load.vehicle_number || '—' %></span>
</div>
<div class="detail-item">
<label>Freight Charged</label><strong><%= formatINR(load.freight_charged) %></strong>
</div>
<div class="detail-item">
<label>Status</label><span class="badge badge-<%= getStatusColor(load.status) %>"><%= load.status %></span>
</div>
<% if (load.notes) { %>
<div class="detail-item">
<label>Notes</label><span><%= load.notes %></span>
</div>
<% } %>
</div>
</div>
</div>
<!-- Payment History -->
<div class="card mt-3">
<div class="card-header">
<h3 class="card-title">&#128176; Payment History</h3>
</div>
<div class="card-body">
<% if (!load.payments || load.payments.length === 0) { %>
<p class="empty-state">No payments recorded yet.</p>
<% } else { %>
<div class="table-responsive">
<table class="table">
<thead>
<tr>
<th>Date</th>
<th>Type</th>
<th>Amount</th>
<th>Reference</th>
</tr>
</thead>
<tbody>
<% for (const pay of load.payments) { %>
<tr>
<td><%= pay.date || '—' %></td>
<td><span class="badge badge-<%= pay.payment_type === 'credit' ? 'green' : 'blue' %>"><%= pay.payment_type %></span></td>
<td><%= formatINR(pay.amount) %></td>
<td><%= pay.reference || '—' %></td>
</tr>
<% } %>
</tbody>
</table>
</div>
<% } %>
</div>
</div>
<%- include('../../partials/footer') %>