{% extends "adminpanel/base.html" %}
{% load money %}
{% block title %}{{ website.name }} — admin{% endblock %}
{% block heading %}{{ website.name }}{% endblock %}

{% block content %}
<div class="pane">
  <a class="back" href="{% url 'admin_websites' %}">&larr; Website inventory</a>
  <div class="toolbar">
    <h2 style="font-size:20px;margin:0">{{ website.name }}</h2>
    <span class="status {{ website.get_status_display|status_class }}">{{ website.get_status_display }}</span>
    <div class="right">
      <a href="https://{{ website.domain }}" target="_blank" rel="noopener" class="btn btn-sm">Visit</a>
      <a href="{% url 'admin_website_edit' website.slug %}" class="btn btn-sm btn-primary">Edit website</a>
    </div>
  </div>

  <div class="tabs">
    <button onclick="location.search='?tab=overview'" class="{% if tab == 'overview' %}on{% endif %}">Overview</button>
    <button onclick="location.search='?tab=domain'" class="{% if tab == 'domain' %}on{% endif %}">Domain</button>
    <button onclick="location.search='?tab=hosting'" class="{% if tab == 'hosting' %}on{% endif %}">Hosting</button>
    <button onclick="location.search='?tab=technology'" class="{% if tab == 'technology' %}on{% endif %}">Technology</button>
    <button onclick="location.search='?tab=ssl'" class="{% if tab == 'ssl' %}on{% endif %}">SSL</button>
    <button onclick="location.search='?tab=maintenance'" class="{% if tab == 'maintenance' %}on{% endif %}">Maintenance</button>
    <button onclick="location.search='?tab=credentials'" class="{% if tab == 'credentials' %}on{% endif %}">Credentials</button>
    <button onclick="location.search='?tab=activity'" class="{% if tab == 'activity' %}on{% endif %}">Activity</button>
  </div>

  <div class="panel"><div class="panel-b">
    {% if tab == 'domain' %}
      <dl class="dl">
        <dt>Domain</dt><dd class="mono">{{ website.domain }}</dd>
        <dt>Registrar</dt><dd>{{ website.registrar|default:"—" }}</dd>
        <dt>Expires</dt><dd>{{ website.domain_expiry|date:"j M Y"|default:"—" }}</dd>
        <dt>Auto-renewal</dt><dd>{% if website.auto_renew %}On{% else %}Off{% endif %}</dd>
        <dt>DNS notes</dt><dd>{{ website.dns_notes|linebreaksbr|default:"—" }}</dd>
      </dl>
    {% elif tab == 'hosting' %}
      <dl class="dl">
        <dt>Provider</dt><dd>{{ website.hosting_provider|default:"—" }}</dd>
        <dt>Plan</dt><dd>{{ website.hosting_plan|default:"—" }}</dd>
        <dt>Server</dt><dd class="mono">{{ website.server_reference|default:"—" }}</dd>
        <dt>Expires</dt><dd>{{ website.hosting_expiry|date:"j M Y"|default:"—" }}</dd>
        <dt>Deployment</dt><dd>{{ website.deployment_notes|linebreaksbr|default:"—" }}</dd>
      </dl>
    {% elif tab == 'technology' %}
      <dl class="dl">
        <dt>Backend</dt><dd>{{ website.backend|default:"—" }}</dd>
        <dt>Frontend</dt><dd>{{ website.frontend|default:"—" }}</dd>
        <dt>Database</dt><dd>{{ website.database|default:"—" }}</dd>
        <dt>APIs</dt><dd>{{ website.apis|default:"—" }}</dd>
      </dl>
    {% elif tab == 'ssl' %}
      <dl class="dl">
        <dt>Provider</dt><dd>{{ website.ssl_provider|default:"—" }}</dd>
        <dt>Expires</dt><dd>{{ website.ssl_expiry|date:"j M Y"|default:"—" }}</dd>
        <dt>Renewal</dt><dd>Automatic, 30 days before expiry</dd>
      </dl>
    {% elif tab == 'maintenance' %}
      <dl class="dl">
        <dt>Plan</dt><dd><span class="status {{ website.get_maintenance_status_display|status_class }}">{{ website.get_maintenance_status_display }}</span></dd>
        <dt>Last update</dt><dd>{{ website.last_update|date:"j M Y"|default:"—" }}</dd>
        <dt>Next window</dt><dd>{{ website.next_maintenance|date:"j M Y"|default:"—" }}</dd>
      </dl>
      <form method="post" style="margin-top:18px">{% csrf_token %}
        <div class="field"><label for="maintenance_notes">Maintenance notes</label>
          <textarea id="maintenance_notes" name="maintenance_notes" style="min-height:110px">{{ website.maintenance_notes }}</textarea></div>
        <button class="btn btn-primary">Save notes</button>
      </form>
    {% elif tab == 'credentials' %}
      <div class="warnbox">Credentials are held in encrypted secret storage. Only the vault reference is kept in this database — never the secret itself.</div>
      {% for c in website.credentials.all %}
      <div class="cred"><div><div class="cn">{{ c.label }}</div>
        <div class="cv">{% if c.held_by_client %}Client holds — not stored{% else %}Vault: {{ c.vault_reference }}{% endif %}</div></div></div>
      {% empty %}<p class="muted" style="margin:0">No credentials recorded.</p>{% endfor %}
      <form method="post" action="{% url 'admin_website_credential' website.slug %}" style="margin-top:20px;border-top:1px solid var(--line-soft);padding-top:18px">{% csrf_token %}
        <div class="two">
          <div class="field"><label for="label">What it opens</label>
            <input id="label" name="label" placeholder="Server SSH"></div>
          <div class="field"><label for="vault_reference">Vault reference</label>
            <input id="vault_reference" name="vault_reference" placeholder="vault://abc/ssh"></div>
        </div>
        <label style="display:flex;align-items:center;gap:10px;padding:4px 0 12px">
          <input type="checkbox" name="held_by_client" style="width:auto">
          <span>The client holds this one — nothing stored</span></label>
        <button class="btn btn-primary">Add reference</button>
        <p class="hint">Store the pointer, never the secret.</p>
      </form>
    {% elif tab == 'activity' %}
      <ul class="feed">
        {% for a in website.activity.all %}<li><div class="ft">{{ a.happened_on|date:"j M Y" }}</div><p>{{ a.description }}</p></li>
        {% empty %}<p class="muted" style="margin:0">Nothing logged yet.</p>{% endfor %}
      </ul>
      <form method="post" action="{% url 'admin_website_activity' website.slug %}" style="margin-top:20px;border-top:1px solid var(--line-soft);padding-top:18px">{% csrf_token %}
        <div class="two">
          <div class="field"><label for="description">What happened</label>
            <input id="description" name="description" placeholder="SSL renewed automatically"></div>
          <div class="field"><label for="happened_on">When</label>
            <input id="happened_on" name="happened_on" type="date"></div>
        </div>
        <button class="btn btn-primary">Log it</button>
      </form>
    {% else %}
      <dl class="dl">
        <dt>Website</dt><dd>{{ website.name }}</dd>
        <dt>Client</dt><dd><a href="{% url 'admin_client' website.client.pk %}" style="color:var(--gold)">{{ website.client }}</a></dd>
        <dt>Domain</dt><dd><a href="https://{{ website.domain }}" target="_blank" rel="noopener" style="color:var(--gold)">{{ website.domain }}</a></dd>
        <dt>Status</dt><dd><span class="status {{ website.get_status_display|status_class }}">{{ website.get_status_display }}</span></dd>
        <dt>Built</dt><dd>{{ website.built_on|date:"M Y"|default:"—" }}</dd>
        <dt>Project</dt><dd>{% if website.project %}<a href="{% url 'admin_project' website.project.slug %}" style="color:var(--gold)">{{ website.project.reference }}</a>{% else %}—{% endif %}</dd>
        <dt>Last deployment</dt><dd>{{ website.last_deployment|date:"j M Y"|default:"—" }}</dd>
      </dl>
    {% endif %}
  </div></div>
</div>
{% endblock %}