{% extends "base.html" %}{% load static %}
{% block meta %}<meta name="robots" content="noindex">{% endblock %}
{% block body_class %}min-h-full bg-brand-950{% endblock %}
{% block body %}
<div class="grid min-h-screen lg:grid-cols-2">
  <div class="relative hidden overflow-hidden lg:block">
    <img src="{% static 'img/login.png' %}" alt="" class="absolute inset-0 size-full object-cover opacity-50">
    <div class="absolute inset-0 bg-gradient-to-t from-brand-950 via-brand-950/60 to-brand-900/30"></div>
    <div class="relative flex h-full flex-col justify-between p-12">
      <a href="{% url 'public:home' %}" class="flex items-center gap-3">
        <img src="{% if site.logo %}{{ site.logo.url }}{% else %}{% static 'img/logo.jpg' %}{% endif %}" alt="" class="size-12 rounded-xl object-cover">
        <span class="text-xl font-extrabold text-white">{{ site.site_name }}</span>
      </a>
      <div>
        <span class="mb-4 inline-block h-1 w-14 rounded-full bg-signal-500"></span>
        <p class="max-w-md text-3xl leading-tight font-extrabold text-white">{{ site.slogan }}</p>
        <p class="mt-3 text-sm text-brand-200">Espace réservé à la rédaction.</p>
      </div>
    </div>
  </div>
  <div class="flex items-center justify-center bg-slate-50 px-4 py-12 sm:px-8">
    <div class="w-full max-w-md">
      <a href="{% url 'public:home' %}" class="mb-8 flex items-center gap-3 lg:hidden">
        <img src="{% if site.logo %}{{ site.logo.url }}{% else %}{% static 'img/logo.jpg' %}{% endif %}" alt="" class="size-10 rounded-lg object-cover">
        <span class="text-lg font-extrabold text-brand-900">{{ site.site_name }}</span>
      </a>
      <c-messages />
      {% block auth_content %}{% endblock %}
    </div>
  </div>
</div>
{% endblock %}