{% extends "wagtailadmin/login.html" %}
{% load static wagtailimages_tags wagtailsettings_tags %}
{% block branding_login %}
    <div class="logo-container">
        {% get_settings %}
        {% if settings.phoxtail_cms.SiteSetting.logo_admin and settings.phoxtail_cms.SiteSetting.logo_admin_dark %}
            {% image settings.phoxtail_cms.SiteSetting.logo_admin height-256 as logo_admin %}
            {% image settings.phoxtail_cms.SiteSetting.logo_admin_dark height-256 as logo_admin_dark %}
            <img src="{{ logo_admin.file.url }}"
                 alt="{{ settings.phoxtail_cms.SiteSetting.logo.title }}"
                 class="logo-light" />
            <img src="{{ logo_admin_dark.file.url }}"
                 alt="{{ settings.phoxtail_cms.SiteSetting.logo.title }}"
                 class="logo-dark" />
        {% else %}
            <img class="logo-light"
                 src="{% static 'phoxtail_core/phoxtail/logo/wordmark-on-light.svg' %}"
                 alt="Phoxtail" />
            <img class="logo-dark"
                 src="{% static 'phoxtail_core/phoxtail/logo/wordmark-on-dark.svg' %}"
                 alt="Phoxtail" />
        {% endif %}
    </div>
{% endblock %}
{% block extra_css %}
    <link rel="stylesheet"
          href="{% static 'phoxtail_core/css/wagtailadmin/login.css' %}">
{% endblock %}