<%- include('../partials/header') %><div class="approval-review-banner mb-4"><i class="bi bi-patch-check"></i><div><strong><%= approval.step_name %> · <%= approval.capa_no %></strong><span>Review this gate against the CAPA evidence before approving progression.</span></div></div><div class="row g-4"><div class="col-xl-8"><div class="card panel-card mb-4"><div class="card-header"><div><h5><%= approval.capa_no %> · <%= approval.capa_title %></h5><small>Status: <%= approval.status %></small></div></div><div class="card-body"><div class="detail-label">Problem Statement</div><p><%= approval.problem_statement %></p><h6 class="mt-4">Actions</h6><% actions.forEach(a=>{ %><div class="border rounded-3 p-3 mb-2"><strong><%= a.action_type %></strong> · <%= a.status %><div class="small mt-1"><%= a.description %></div></div><% }) %></div></div><div class="card panel-card"><div class="card-header"><h5>Approval Decision</h5></div><div class="card-body"><% if(canAct){ %><form method="post" action="/approval/<%= approval.id %>/decide"><label class="form-label">Comments</label><textarea class="form-control mb-3" name="comments" rows="4" placeholder="Required when rejecting"></textarea><div class="d-flex gap-2"><button class="btn btn-success" name="decision" value="Approved">Approve</button><button class="btn btn-outline-danger" name="decision" value="Rejected">Reject / Rework</button></div></form><% } else { %><div class="approval-empty"><i class="bi bi-lock"></i><div><strong>Decision unavailable</strong><span>This gate is not pending, or your role is not authorised to act.</span></div></div><% } %></div></div></div><div class="col-xl-4"><div class="card panel-card"><div class="card-header"><h5>History</h5></div><div class="card-body"><% history.forEach(h=>{ %><div class="workflow-timeline"><div class="timeline-item"><div class="timeline-dot"></div><div class="timeline-body"><div><strong><%= h.action %></strong><small><%= fmtDateTime(h.acted_at) %></small></div><span><%= h.comments||'—' %></span><em><%= h.acted_by_name||'User' %></em></div></div></div><% }) %></div></div></div></div><%- include('../partials/footer') %>
