{% extends "client/base.html" %}
{% block title %}Websites — client portal{% endblock %}
{% block heading %}Your websites{% endblock %}

{% block content %}
<div class="pane">
  <p class="muted" style="margin-bottom:22px">Websites registered to your account. Domains and hosting are in your name — you can take them anywhere.</p>
  {% for w in websites %}
  <div class="panel">
    <div class="panel-h"><h2>{{ w.name }}</h2>
      <span class="status {{ w.get_status_display|lower|slugify|slice:':6' }} act">{{ w.get_status_display }}</span></div>
    <div class="panel-b">
      <dl class="dl">
        <dt>Domain</dt><dd><a href="https://{{ w.domain }}" target="_blank" rel="noopener" style="color:var(--gold)">{{ w.domain }}</a></dd>
        <dt>Hosting</dt><dd>{{ w.hosting_provider|default:"—" }}</dd>
        <dt>SSL</dt><dd>{% if w.ssl_expiry %}Valid to {{ w.ssl_expiry|date:"j M Y" }}{% else %}—{% endif %}</dd>
        <dt>Last deployment</dt><dd>{{ w.last_deployment|date:"j M Y"|default:"—" }}</dd>
        <dt>Domain renewal</dt><dd>{{ w.domain_expiry|date:"j M Y"|default:"—" }}</dd>
        <dt>Technology</dt><dd>{{ w.backend }}</dd>
        <dt>Maintenance</dt><dd>{{ w.get_maintenance_status_display }}</dd>
      </dl>
      <div style="display:flex;gap:10px;flex-wrap:wrap;margin-top:20px">
        <a href="https://{{ w.domain }}" target="_blank" rel="noopener" class="btn btn-sm btn-primary">Visit website</a>
        <a href="{% url 'client_support' %}" class="btn btn-sm">Request a change</a>
        <a href="{% url 'client_support' %}" class="btn btn-sm">Renew domain or hosting</a>
      </div>
    </div>
  </div>
  {% empty %}
  <div class="panel"><div class="panel-b empty"><h3>No websites yet</h3>
    <p>Once a project is deployed the site appears here with its domain, hosting and SSL details.</p></div></div>
  {% endfor %}
</div>
{% endblock %}