def single_slug(request, single_slug):

    categories = [c.category_slug for c in TutorialCategory.objects.all()]

    if single_slug in categories:

        matching_series = TutorialSeries.objects.filter(tutorial_category__category_slug=single_slug)

        series_urls = {}

        for m in matching_series.all():

            part_one = Tutorial.objects.filter(tutorial_series__tutorial_series=m.tutorial_series).earliest('tutorial_published')

            series_urls[m] = part_one.tutorial_slug

        return render(request=request,

            template_name='main/category.html',

            context={'tutorial_series':matching_series, 'part_ones': series_urls})

    tutorials = [t.tutorial_slug for t in Tutorial.objects.all()]

    if single_slug in tutorials:

        this_tutorial = Tutorial.objects.get(tutorial_slug=single_slug)

        tutorials_from_series = Tutorial.objects.filter(tutorial_series__tutorial_series=this_tutorial.tutorial_series).order_by('tutorial_published')

        this_tutorial_idx = list(tutorials_from_series).index(this_tutorial)

        return render(request=request,

            template_name='main/tutorial.html',

            context={'tutorial':this_tutorial, 'sidebar':tutorials_from_series, 'this_tut_idx':this_tutorial_idx})

{% extends 'main/header.html' %}

{% block content %}

<div class="row">

    <div class="col s12, m8, l8">

    <h3>{{tutorial.tutorial_title}}</h3>

    <p style="font-size: 70%">Published {{tutorial.tutorial_published}}</p>

    {{tutorial.tutorial_content|safe}}

  </div>

  <div class="col s12 m4 l4">

    <ul class="collapsible popout">

        {% for tutorial in sidebar %}

            {% if forloop.counter0 == this_tut_idx %}

                <li class="active">

                    <div class="collapsible-header" style="background-color: #008E72; color: white;">{{tutorial.tutorial_title}}<br>(currently viewing)</div>

                </li>

            {% else %}

                <li>

                    <div class="collapsible-header">{{tutorial.tutorial_title}}</div>

                    <div class="collapsible-body">

                        <p><a href="/{{tutorial.tutorial_slug}}"><button class="btn waves-effect waves-light right-align" style="background-color:green-light; color:white">Go</button></a></p>

                    </div>

                </li>

            {% endif %}

        {% endfor %}

    </ul>

  </div>

</div>

{% endblock %}