<%- include('../partials/header') %><div class="card panel-card"><div class="card-header"><div><h5><%= analysis.title %></h5><small><%= analysis.metric %> · <%= analysis.capa_no||'Standalone' %></small></div></div><div class="card-body"><div class="chart-wrap"><canvas id="pchart"></canvas></div><div class="table-responsive mt-4"><table class="table"><thead><tr><th>Driver</th><th>Frequency</th><th>Remarks</th><th></th></tr></thead><tbody><% items.forEach(i=>{ %><tr><td><%= i.item_name %></td><td><%= i.frequency %></td><td><%= i.remarks||'—' %></td><td><form method="post" action="/pareto/item/<%= i.id %>/delete"><button class="btn btn-sm btn-outline-danger">Delete</button></form></td></tr><% }) %></tbody></table></div><form method="post" action="/pareto/<%= analysis.id %>/item" class="row g-2"><div class="col-md-5"><input class="form-control" name="item_name" placeholder="Defect driver" required></div><div class="col-md-3"><input class="form-control" type="number" step="0.01" name="frequency" placeholder="Frequency" required></div><div class="col-md-4"><input class="form-control" name="remarks" placeholder="Remarks"></div><div class="col-12"><button class="btn btn-primary">Add item</button></div></form></div></div><script>const items=<%- JSON.stringify(items) %>;new Chart(document.getElementById('pchart'),{type:'bar',data:{labels:items.map(x=>x.item_name),datasets:[{label:'Frequency',data:items.map(x=>Number(x.frequency))}]},options:{responsive:true,maintainAspectRatio:false,plugins:{legend:{display:false}}}});</script><%- include('../partials/footer') %>
