<a href="/member/press-releases" style="display:inline-flex;align-items:center;gap:6px;font-size:.85rem;color:#6b7280;text-decoration:none;margin-bottom:20px"><i class="bi bi-arrow-left"></i> Back to Press Releases</a>

<div style="max-width:760px">
  <div class="form-card">

    <!-- Status + Meta -->
    <div style="display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px">
      <span class="badge badge-<%= release.status === 'published' || release.status === 'distributed' ? 'success' : release.status === 'submitted' ? 'warning' : release.status === 'rejected' ? 'danger' : 'secondary' %>" style="text-transform:capitalize"><%= release.status %></span>
      <span style="font-size:.8rem;color:#9ca3af"><i class="bi bi-calendar3"></i> <%= moment(release.created_at).format('MMMM D, YYYY') %></span>
      <% if (release.published_at) { %><span style="font-size:.8rem;color:#9ca3af"><i class="bi bi-send-check"></i> Published <%= moment(release.published_at).format('MMM D, YYYY') %></span><% } %>
      <% if (release.views > 0) { %><span style="font-size:.8rem;color:#9ca3af"><i class="bi bi-eye"></i> <%= release.views.toLocaleString() %> views</span><% } %>
      <% if (release.status === 'draft' || release.status === 'rejected') { %>
      <a href="/member/press-releases/<%= release.id %>/edit" class="btn btn-sm btn-outline-primary" style="margin-left:auto"><i class="bi bi-pencil"></i> Edit</a>
      <% } %>
      <% if (release.status === 'submitted') { %>
      <button onclick="withdrawPR(<%= release.id %>)" class="btn btn-sm btn-ghost" style="margin-left:auto;color:#6b7280"><i class="bi bi-x-circle"></i> Cancel Submission</button>
      <% } %>
    </div>

    <!-- Rejection notice -->
    <% if (release.status === 'rejected' && release.rejection_reason) { %>
    <div style="background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px 16px;margin-bottom:16px;font-size:.875rem;color:#b91c1c">
      <strong><i class="bi bi-exclamation-triangle-fill"></i> Rejection reason:</strong> <%= release.rejection_reason %>
    </div>
    <% } %>

    <!-- Image -->
    <% if (release.image) { %>
    <img src="<%= release.image %>" alt="<%= release.title %>" style="width:100%;max-height:320px;object-fit:cover;border-radius:10px;margin-bottom:20px">
    <% } %>

    <!-- Title -->
    <h1 style="margin:0 0 16px;font-size:1.5rem;font-weight:800;color:#111827;line-height:1.3"><%= release.title %></h1>

    <!-- Excerpt -->
    <% if (release.excerpt) { %>
    <p style="font-size:1rem;font-weight:500;color:#374151;line-height:1.7;border-left:3px solid #1a56db;padding-left:14px;margin:0 0 20px"><%= release.excerpt %></p>
    <% } %>

    <!-- Body -->
    <div style="font-size:.9rem;color:#374151;line-height:1.9;white-space:pre-wrap"><%= release.content %></div>

    <!-- Contact -->
    <% if (release.contact_name || release.contact_email || release.contact_phone) { %>
    <div style="margin-top:28px;padding-top:20px;border-top:1px solid #f3f4f6">
      <div style="font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#9ca3af;margin-bottom:10px">Press Contact</div>
      <% if (release.contact_name) { %><div style="font-size:.875rem;font-weight:600;color:#111827;margin-bottom:4px"><%= release.contact_name %></div><% } %>
      <div style="display:flex;gap:14px;flex-wrap:wrap">
        <% if (release.contact_email) { %><a href="mailto:<%= release.contact_email %>" style="font-size:.875rem;color:#1a56db"><i class="bi bi-envelope"></i> <%= release.contact_email %></a><% } %>
        <% if (release.contact_phone) { %><a href="tel:<%= release.contact_phone %>" style="font-size:.875rem;color:#1a56db"><i class="bi bi-telephone"></i> <%= release.contact_phone %></a><% } %>
      </div>
    </div>
    <% } %>

    <!-- Distribution channels -->
    <% if (release.distribution_channels) { %>
    <% const channels = typeof release.distribution_channels === 'object' ? release.distribution_channels : JSON.parse(release.distribution_channels); %>
    <% if (channels && channels.length) { %>
    <div style="margin-top:20px;padding-top:16px;border-top:1px solid #f3f4f6">
      <div style="font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#9ca3af;margin-bottom:10px">Distributed To</div>
      <div style="display:flex;gap:8px;flex-wrap:wrap">
        <% channels.forEach(ch => { %><span style="background:#eff6ff;color:#1a56db;font-size:.78rem;padding:4px 12px;border-radius:20px;font-weight:500"><%= ch %></span><% }) %>
      </div>
    </div>
    <% } %>
    <% } %>

  </div>
</div>

<script>
async function withdrawPR(id) {
  if (!confirm('Cancel this submission and return it to Draft?')) return;
  const res = await fetch(`/member/press-releases/${id}/withdraw`, { method: 'POST' });
  const data = await res.json();
  if (data.success) window.location.href = '/member/press-releases';
  else alert(data.error || 'Failed to cancel submission.');
}
</script>
