<%- include('../partials/header') %><div class="row g-4"><div class="col-xl-8"><div class="card panel-card"><div class="card-header"><div><h5><%= analysis.title %></h5><small><%= analysis.capa_no?'Linked to '+analysis.capa_no:'Standalone' %></small></div></div><div class="card-body"><div class="fishbone-board"><div class="fishbone-spine"></div><div class="fishbone-problem"><span>PROBLEM</span><strong><%= analysis.problem %></strong></div><div class="row g-3 position-relative" style="z-index:2"><% cats.forEach(cat=>{const cs=causes.filter(c=>c.category_id===cat.id); %><div class="col-md-6"><div class="border rounded-3 p-3 bg-light"><strong><%= cat.name %></strong><% cs.forEach(c=>{ %><div class="mt-2 p-2 rounded bg-white border"><span class="small"><%= c.cause_text %></span><% if(c.is_root_cause){ %><span class="badge bg-danger float-end">Root</span><% } %></div><% }) %></div></div><% }) %></div></div></div></div></div><div class="col-xl-4"><div class="card panel-card"><div class="card-header"><h5>Add Cause</h5></div><div class="card-body"><form method="post" action="/fishbone/<%= analysis.id %>/cause"><select class="form-select mb-2" name="category_id" required><% cats.forEach(c=>{ %><option value="<%= c.id %>"><%= c.name %></option><% }) %></select><textarea class="form-control mb-2" name="cause_text" rows="3" placeholder="Cause" required></textarea><textarea class="form-control mb-2" name="evidence" rows="2" placeholder="Evidence"></textarea><div class="form-check mb-3"><input class="form-check-input" type="checkbox" name="is_root_cause" value="1" id="root"><label class="form-check-label" for="root">Mark as root cause</label></div><button class="btn btn-primary w-100">Add Cause</button></form></div></div></div></div><%- include('../partials/footer') %>
