<%- include('../partials/header') %>
<style>.track-kpis{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}.track-kpi{border:1px solid #e5e7eb;border-radius:9px;padding:10px}.track-kpi .v{font-size:24px;font-weight:800}.track-table td,.track-table th{font-size:12px;padding:7px}.click-url{max-width:480px;word-break:break-all}@media(max-width:1200px){.track-kpis{grid-template-columns:repeat(4,1fr)}}@media(max-width:700px){.track-kpis{grid-template-columns:repeat(2,1fr)}}</style>
<div class="toolbar"><div><h2>Tracking campanie</h2><div class="small"><strong><%= campaign.name %></strong> · <%= campaign.segment_name %> · <%= campaign.store_name %></div></div><a class="btn" href="/campaigns/<%= campaign.id %>/edit">← Campanie</a></div>
<div class="card" style="margin-top:14px"><div class="track-kpis">
<div class="track-kpi"><div class="small">Selectați</div><div class="v"><%= stats.selected %></div></div><div class="track-kpi"><div class="small">Trimiși</div><div class="v"><%= stats.sent %></div></div><div class="track-kpi"><div class="small">Delivered</div><div class="v"><%= stats.delivered %></div></div><div class="track-kpi"><div class="small">Opened unic</div><div class="v"><%= stats.opened %></div></div><div class="track-kpi"><div class="small">Clickeri</div><div class="v"><%= stats.clickers %></div></div><div class="track-kpi"><div class="small">Clickuri</div><div class="v"><%= stats.clicks %></div></div><div class="track-kpi"><div class="small">Hard bounce</div><div class="v"><%= stats.hard_bounces %></div></div><div class="track-kpi"><div class="small">Unsubscribe</div><div class="v"><%= stats.unsubscribed %></div></div>
</div><div class="small" style="margin-top:10px">Brevo Campaign ID: <strong><%= campaign.provider_campaign_id || '-' %></strong> · Status: <strong><%= campaign.status %></strong></div></div>
<div class="card" style="margin-top:14px"><h2>Destinatari</h2><table class="track-table"><thead><tr><th>Email</th><th>Client</th><th>Tip</th><th>Status</th><th>Delivered</th><th>Opened</th><th>Clickuri</th><th>Bounce</th><th>Unsubscribe</th><th>360°</th></tr></thead><tbody><% recipients.forEach(r=>{ %><tr><td><%= r.email %></td><td><%= r.company_name || [r.first_name,r.last_name].filter(Boolean).join(' ') || '-' %></td><td><%= r.customer_type || '-' %></td><td><strong><%= r.status %></strong></td><td><%= r.delivered_at || '-' %></td><td><%= r.opened_at || '-' %></td><td><strong><%= r.click_count || 0 %></strong></td><td><%= r.bounce_reason || '-' %></td><td><%= r.unsubscribed_at || '-' %></td><td><a class="btn" href="/contacts/<%= r.contact_id %>">360°</a></td></tr><% }) %></tbody></table></div>
<div class="card" style="margin-top:14px"><h2>Traseabilitate clickuri</h2><% if(!clicks.length){ %><p class="small">Încă nu există clickuri.</p><% } else { %><table class="track-table"><thead><tr><th>Data</th><th>Email</th><th>URL accesat</th><th>Device</th><th>User agent</th></tr></thead><tbody><% clicks.forEach(c=>{ %><tr><td><%= c.event_at %></td><td><%= c.email %></td><td class="click-url"><a href="<%= c.clicked_url %>" target="_blank" rel="noopener"><%= c.clicked_url %></a></td><td><%= c.device || '-' %></td><td class="small"><%= c.user_agent || '-' %></td></tr><% }) %></tbody></table><% } %></div>
<%- include('../partials/footer') %>
