{% extends "base.html" %}
{% block title %}Websites — ContentBot{% endblock %}
{% block page_title %}Websites{% endblock %}

{% block content %}
<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:20px">
  <p class="text-muted text-sm">{{ sites|length }} site(s) configured</p>
  <a href="{{ url_for('add_website') }}" class="btn btn-primary">+ Add Website</a>
</div>

{% if sites %}
<div class="card">
  <table>
    <thead>
      <tr>
        <th>Name</th>
        <th>URL</th>
        <th>WP User</th>
        <th>Description</th>
        <th>Actions</th>
      </tr>
    </thead>
    <tbody>
      {% for s in sites %}
      <tr>
        <td style="font-weight:600">{{ s.name }}</td>
        <td><a href="{{ s.url }}" target="_blank" rel="noopener">{{ s.url }}</a></td>
        <td class="mono text-muted" style="font-size:12px">{{ s.user }}</td>
        <td class="text-muted" style="max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">
          {{ s.myself[:60] ~ '…' if s.myself|length > 60 else s.myself }}
        </td>
        <td>
          <div class="gap-2">
            <a href="{{ url_for('generate') }}?site_id={{ s.id }}" class="btn btn-sm btn-primary">Generate</a>
            <a href="{{ url_for('posts') }}?site_id={{ s.id }}" class="btn btn-sm btn-ghost">Posts</a>
            <a href="{{ url_for('delete_website', site_id=s.id) }}"
               class="btn btn-sm btn-danger"
               onclick="return confirm('Delete {{ s.name }}?')">Delete</a>
          </div>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% else %}
<div class="card" style="text-align:center;padding:48px">
  <p class="text-muted" style="margin-bottom:16px">No websites added yet.</p>
  <a href="{{ url_for('add_website') }}" class="btn btn-primary">Add your first website</a>
</div>
{% endif %}
{% endblock %}