{% extends "wagtailadmin/login.html" %}
{% load static %}

{% block css %}
{{ block.super }}
<link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}" />
<link
    href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i"
    rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="{% static 'css/sb-admin-2.min.css' %}">
<link rel="stylesheet" href="{% static 'css/style.css' %}">
{% endblock %}

{% block branding_login %}{% endblock %}

{% block login_form %}
<div class="container p-5">
    <div class="card o-hidden border-0 shadow-lg my-4">
        <div class="card-body p-0">
            <div class="row">
                <div class="col-lg-6 d-none d-lg-block">
                    <img src="https://ww1.prweb.com/prfiles/2017/11/07/14894968/Food-Safety.jpg" class=""
                        style="width: 100%; height: auto;">
                </div>
                <div class="col-lg-6">
                    <div class="p-5 my-5">
                        <div class="text-center">
                            <h1 class="h4 text-gray-900 mb-4">Welcome Back!</h1>
                        </div>
                        <div></div>
                        <form class="user">
                            {{ block.super }}
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="{% static 'js/jquery-3.4.1.min.js' %}"></script>
<script src="{% static 'js/bootstrap.min.js' %}"> </script>
{% endblock %}