From 3a11806b01ab7755b92aa35a0aea4f68f0491c5f Mon Sep 17 00:00:00 2001
From: Machiko Yasuda <machiko@compiler.la>
Date: Wed, 18 Sep 2024 00:51:41 +0000
Subject: [PATCH] feat(admin): first pass @ login page style, title override

---
 benefits/admin.py                   |  4 ++++
 benefits/templates/admin/login.html | 28 ++++++++++++++++++++++++++++
 2 files changed, 32 insertions(+)
 create mode 100644 benefits/templates/admin/login.html

diff --git a/benefits/admin.py b/benefits/admin.py
index 7d4537923..5a7eaa2b7 100644
--- a/benefits/admin.py
+++ b/benefits/admin.py
@@ -46,3 +46,7 @@ def index(self, request, extra_context=None):
                 )
 
             return TemplateResponse(request, "admin/agency-dashboard-index.html", context)
+
+
+BenefitsAdminSite.site_header = "Administrator"
+BenefitsAdminSite.site_title = "Cal-ITP Benefits - Administrator"
diff --git a/benefits/templates/admin/login.html b/benefits/templates/admin/login.html
new file mode 100644
index 000000000..dbd61bbdb
--- /dev/null
+++ b/benefits/templates/admin/login.html
@@ -0,0 +1,28 @@
+{% extends "admin/login.html" %}
+{% load i18n static %}
+
+{% block dark-mode-vars %}
+{% endblock dark-mode-vars %}
+
+{% block extrastyle %}
+    <link href="{% static "img/favicon.ico" %}" rel="icon" type="image/x-icon" />
+    <script nonce="{{ request.csp_nonce }}"
+            src="https://cdn.jsdelivr.net/npm/jquery@3.6.1/dist/jquery.min.js"
+            integrity="sha256-o88AwQnZB+VDvE9tvIXrMQaPlFFSUTR+nldQm1LuPXQ="
+            crossorigin="anonymous"></script>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"
+          rel="stylesheet"
+          integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
+          crossorigin="anonymous">
+    <link href="{% static "css/admin/styles.css" %}" rel="stylesheet">
+{% endblock extrastyle %}
+
+{% block branding %}
+    <div class="d-flex justify-content-center w-100 bg-primary">
+        <img class="my-3" src="{% static "img/logo-lg.svg" %}" width="220" height="50" alt="California Integrated Travel Project: Benefits logo (large)" />
+    </div>
+
+    <div id="site-name">
+        <h1 class="text-center text-white fs-3 py-3 m-0">{{ site_header }}</h1>
+    </div>
+{% endblock branding %}