{% extends "base.twig" %}

{% block content %}

<main>
    <section class="hero-page bg-dark-arrows">
        <div class="container">
            <h1 class="hero-page__main-title text-left text-align-left text-uppercase">{{ tutorial.title }}</h1>
        </div>

    </section>
    <section class="page-content small-top-padding">
        <div class="container page-content__single">
            <article class="post-narrow single-post"> 
              {% if tutorial.post_type=="tutorial" %}<a href="{{ support_page_template }}" class="h3 page_back">Back to support</a>{% endif %}             
              <div class="youtube-embed">
                <iframe src="{{ tutorial.youtube_embed }}" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
              </div>
              <div class="single-post__content m-t-4">
                  {{ tutorial.content }}
              </div>
            </article>
        </div>
    </section>

{% endblock %}