{% load static %}
<!doctype html>
<html lang="pt-PT">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Acesso · Portal Kreate4Web</title>
  <link rel="icon" href="{% static 'branding/kreate4web-favicon.png' %}">
  <link rel="stylesheet" href="{% static 'css/client-portal.css' %}">
</head>
<body class="portal-login-page k4w-access-page">
  <main class="k4w-access-shell">
    <header class="k4w-access-header">
      <img src="{% static 'branding/kreate4web-logo-horizontal.png' %}" alt="Kreate4Web">
      <p>PORTAL DE SERVIÇOS DIGITAIS</p>
      <h1>Escolha a área a que pretende aceder.</h1>
      <span>O mesmo nome de utilizador ou email pode ser usado no acesso correspondente.</span>
    </header>
    <section class="k4w-access-grid">
      <a class="k4w-access-card k4w-access-card--admin" href="{% url 'admin:login' %}?next={% url 'admin:index' %}">
        <span class="k4w-access-icon">⚙</span>
        <small>ADMINISTRAÇÃO</small>
        <h2>Backoffice</h2>
        <p>Gestão de clientes, serviços, pagamentos, notificações, tickets e infraestrutura.</p>
        <strong>Entrar no backoffice →</strong>
      </a>
      <a class="k4w-access-card k4w-access-card--client" href="{% url 'client_portal:login' %}">
        <span class="k4w-access-icon">◉</span>
        <small>CLIENTES</small>
        <h2>Área do cliente</h2>
        <p>Consulta de serviços, renovações, documentos, pagamentos e pedidos de suporte.</p>
        <strong>Entrar na área do cliente →</strong>
      </a>
    </section>
    <footer><a href="{% url 'health' %}">Verificar estado do servidor</a></footer>
  </main>
</body>
</html>
