wip on new import/export system

cookbook/templates/test.html

@@ -1,11 +1,26 @@
-<script type="application/javascript">
-    window.addEventListener("load", () => {
-        if ("serviceWorker" in navigator) {
-            navigator.serviceWorker.register("{% url 'service_worker' %}", {scope: '/'}).then(function (reg) {
-                console.warn('Successfully registered service worker', err);
-            }).catch(function (err) {
-                console.warn('Error whilst registering service worker', err);
-            });
-        }
-    });
-</script>
+{% extends "base.html" %}
+{% load crispy_forms_filters %}
+{% load i18n %}
+{% load static %}
+
+{% block title %}{% trans 'Import Recipes' %}{% endblock %}
+
+{% block extra_head %}
+    {{ form.media }}
+{% endblock %}
+
+
+{% block content %}
+    <h2>{% trans 'Import' %}</h2>
+    <div class="row">
+        <div class="col col-md-12">
+            <form action="." method="post">
+                {% csrf_token %}
+                {{ form|crispy }}
+                <button class="btn btn-success" type="submit"><i class="fas fa-file-import"></i> {% trans 'Import' %}
+                </button>
+            </form>
+        </div>
+    </div>
+
+{% endblock %}