3 files changed, 82 insertions, 0 deletions
diff --git a/app/planner/templates/planner/base.html b/app/planner/templates/planner/base.html
new file mode 100644
index 0000000..4de5ce7
--- /dev/null
+++ b/app/planner/templates/planner/base.html
@@ -0,0 +1,25 @@
+<html>
+<head>
+    <title>{% block pagetitle %}Luxagraf - Planner{% endblock %}</title>
+    <meta charset="utf-8">
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    {%block stylesheet%}<link rel="stylesheet" 
+                              href="/media/planner.css{%comment%}?{% now "u" %}{%endcomment%}" 
+          media="screen">{%endblock%}
+    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
+    {%block extrahead%}{%endblock%}
+</head>
+    </head>
+    <body>
+        <nav>
+            <span class="nav-item"><a href="{% url 'luxplanner:list' %}">Home</a></span>
+            <span class="nav-item"><a href="{% url 'luxplanner:create' %}">Add Camp</a></span>
+        </nav>
+        {% block content %}
+        {% endblock %}
+    </body>
+        {% block js %}
+        {% endblock %}
+</html>
+
diff --git a/app/planner/templates/planner/create_form.html b/app/planner/templates/planner/create_form.html
new file mode 100644
index 0000000..3db0282
--- /dev/null
+++ b/app/planner/templates/planner/create_form.html
@@ -0,0 +1,42 @@
+{% extends 'planner/base.html' %}
+{%block extrahead%}<link href="/media/mc-calendar.min.css" rel="stylesheet" />{%endblock%}
+{% load typogrify_tags %}
+    {% block pagetitle %}Luxagraf - Add Camp{% endblock %}
+        {% block content %}
+        <form id="id_form" action="{% url 'luxplanner:create' %}" method="post" class="big">{% csrf_token %}
+    {% for field in form %}
+    <fieldset>
+        {{ field.errors }}
+        {% if field.name == 'status'%}
+        <label class="hide" for="id_status">Status:</label>{{ field }}
+        {% else %}
+        {{ field.label_tag }} {{ field }}
+        {% endif %}
+        {% if field.help_text %}
+        <p class="help">{{ field.help_text|safe }}</p>
+        {% endif %}
+    </fieldset>
+{% endfor %}
+    <div class="flex">
+        <input type="submit" name="post" class="btn" value="add camp"/>
+    </div>
+        </form>
+        {% endblock %}
+
+        {% block js %}
+
+<script src="/media/js/mc-calendar.min.js"></script>
+        <script>
+arrive = MCDatepicker.create({
+    el: '#id_date_arrive',
+    dateFormat: 'YYYY-MM-DD'
+});
+depart = MCDatepicker.create({
+    el: '#id_date_depart',
+    dateFormat: 'YYYY-MM-DD',
+});
+arrive.onClose(() => depart.setYear(arrive.getYear()));
+arrive.onClose(() => depart.setMonth(arrive.getMonth()));
+arrive.onClose(() => depart.setDate(arrive.getDate()));
+</script>
+{% endblock %}
diff --git a/app/planner/templates/planner/list.html b/app/planner/templates/planner/list.html
new file mode 100644
index 0000000..e212867
--- /dev/null
+++ b/app/planner/templates/planner/list.html
@@ -0,0 +1,15 @@
+{% extends 'planner/base.html' %}
+{% load typogrify_tags %}
+{% block pagetitle %}Luxagraf - Camping{% endblock %}
+    {% block content %}
+    <div class="camp-list">
+    {% for object in object_list %}
+    <div class="distance"><a href="{{object.map_link}}" target="_blank">{{object.distance_from_previous|floatformat:"0"}} Miles</a></div>
+    <article>
+        <h3 class="campname">{{object.name}}</h3>
+        <h6 class="date">Arrive: {{object.date_arrive|date:"D"}} Afternoon, {{object.date_arrive|date:"M j, Y"}}</h6>
+        <h6 class="date">Depart: {{object.date_depart|date:"D"}} Morning, {{object.date_depart|date:"M j, Y"}}</h6>
+        <div class="notes">{{object.notes_html|safe|urlize}}</div>
+    </article>{% endfor %}
+    </div>
+    {% endblock %}