{% extends "base.html" %}
{% block title %}Subscribers · IP TM Manager{% endblock %}
{% block body %}
<h1>Subscribers</h1>
<p class="sub">Recipients of the daily report. Each has their own format, design, language, and classes of interest.</p>
<div class="panel">
  <h2>Add Subscriber</h2>
  <form method="post" action="{{ url_for('new_subscriber') }}">
    <div class="row">
      <div class="field"><label>Name</label><input name="name" required></div>
      <div class="field"><label>Email</label><input name="email" type="email" required></div>
      <div class="field"><label>Company</label><input name="company"></div>
      <div class="field"><label>Monthly fee</label><input name="monthly_fee" type="number" step="0.01" value="0"></div>
    </div>
    <div class="row">
      <div class="field"><label>Format</label>
        <select name="pref_format"><option>pdf</option><option>docx</option><option>xlsx</option><option>html</option></select></div>
      <div class="field"><label>Design</label>
        <select name="pref_design">{% for d in designs %}<option>{{ d }}</option>{% endfor %}</select></div>
      <div class="field"><label>Language</label>
        <select name="pref_language">{% for c,n in languages.items() %}<option value="{{ c }}">{{ n }}</option>{% endfor %}</select></div>
      <div class="field"><label>Classes of interest</label>
        <input name="classes_of_interest" placeholder="e.g. 29, 35  (blank = all)"></div>
    </div>
    <button class="btn" type="submit">Add</button>
  </form>
</div>
<div class="panel">
  <h2>All Subscribers</h2>
  <table>
    <tr><th>Name</th><th>Email</th><th>Prefs</th><th>Classes</th><th>Fee</th><th>Status</th><th></th></tr>
    {% for s in subscribers %}
    <tr>
      <td>{{ s.name }}{% if s.company %}<br><span class="muted" style="font-size:11px">{{ s.company }}</span>{% endif %}</td>
      <td class="mono">{{ s.email }}</td>
      <td class="muted">{{ s.pref_format }} · {{ s.pref_design }} · {{ s.pref_language }}</td>
      <td>{% if s.classes_of_interest %}<span class="mono">{{ s.classes_of_interest }}</span>{% else %}<span class="muted">all</span>{% endif %}</td>
      <td>{{ s.monthly_fee }}</td>
      <td><span class="pill {{ 'ok' if s.active else 'flag' }}">{{ 'active' if s.active else 'paused' }}</span></td>
      <td style="white-space:nowrap">
        <button class="btn ghost sm" type="button" onclick="document.getElementById('edit-{{ s.id }}').style.display=(document.getElementById('edit-{{ s.id }}').style.display=='table-row'?'none':'table-row')">Edit</button>
        <form method="post" action="{{ url_for('toggle_subscriber', sub_id=s.id) }}" style="display:inline">
          <button class="btn ghost sm">{{ 'Pause' if s.active else 'Activate' }}</button></form>
      </td>
    </tr>
    <tr id="edit-{{ s.id }}" style="display:none;background:var(--panel-2)">
      <td colspan="7">
        <form method="post" action="{{ url_for('edit_subscriber', sub_id=s.id) }}">
          <div class="row">
            <div class="field"><label>Name</label><input name="name" value="{{ s.name }}"></div>
            <div class="field"><label>Email</label><input name="email" value="{{ s.email }}"></div>
            <div class="field"><label>Company</label><input name="company" value="{{ s.company or '' }}"></div>
            <div class="field"><label>Monthly fee</label><input name="monthly_fee" type="number" step="0.01" value="{{ s.monthly_fee }}"></div>
          </div>
          <div class="row">
            <div class="field"><label>Format</label>
              <select name="pref_format">{% for f in ['pdf','docx','xlsx','html'] %}<option {{ 'selected' if s.pref_format==f }}>{{ f }}</option>{% endfor %}</select></div>
            <div class="field"><label>Design</label>
              <select name="pref_design">{% for d in designs %}<option {{ 'selected' if s.pref_design==d }}>{{ d }}</option>{% endfor %}</select></div>
            <div class="field"><label>Language</label>
              <select name="pref_language">{% for c,n in languages.items() %}<option value="{{ c }}" {{ 'selected' if s.pref_language==c }}>{{ n }}</option>{% endfor %}</select></div>
            <div class="field"><label>Classes of interest</label>
              <input name="classes_of_interest" value="{{ s.classes_of_interest or '' }}" placeholder="blank = all"></div>
          </div>
          <button class="btn sm" type="submit">Save changes</button>
        </form>
      </td>
    </tr>
    {% else %}<tr><td colspan="7" class="muted">No subscribers yet.</td></tr>{% endfor %}
  </table>
</div>
{% endblock %}