{% extends "ticket/base.html" %}
{% load staticfiles %}
{% block ticket_content %}
    <h2>Köp biljetter för {{ show }}</h2>
    <section class="select-seats">
        <main>
            <span class="theater-seat-map">
                {% include "seat_map.svg" with venue=venue taken_seats=taken_seats %}
            </span>
        </main>
        <aside>
            <h2>Dina valda platser</h2>
            <form method="post" action="{% url "select_seats" show.id %}">
                {% csrf_token %}
                <div id="booking"></div>
                <input type="submit" value="Boka!">
            </form>
            <div class="seat-info"></div>
        </aside>
    </section>
    <script>
     window.config = window.config || {}
     window.config.seatSelection = {
         allSeats: {{ seats|safe }},
         pricings: {{ pricings|safe }}
     }
    </script>
{% endblock %}

{% extends "ticket/base.html" %}
{% load staticfiles %}
{% block ticket_content %}
    <div>
    <h2>Köp biljetter för {{ show }}</h2>

    <h3>Instruktioner</h3>

    <ol>
      <li>Välj platser genom att klicka på de platser där du vill sitta i platskartan nedan</li>
      <li>Välj vilken biljettyp du vill ha för varje biljett i listan till höger</li>
      <li>Klicka på "Boka!" för att komma vidare till betalningssidan</li>
    </ol>

    <section class="select-seats">
        <main>
            <span class="theater-seat-map">
                {% include "seat_map.svg" with venue=venue taken_seats=taken_seats %}
            </span>
        </main>
        <aside>
            <h2>Dina valda platser</h2>
            <form method="post" action="{% url "select_seats" show.id %}">
                {% csrf_token %}
                <div id="booking"></div>
                <input type="submit" value="Boka!">
            </form>
            <div class="seat-info"></div>
        </aside>
    </section>
    <script>
     window.config = window.config || {}
     window.config.seatSelection = {
         allSeats: {{ seats|safe }},
         pricings: {{ pricings|safe }}
     }
    </script>
    </div>
{% endblock %}

Add some basic instructions to the seat selection page
Add some basic instructions to the seat selection page
