{% extends 'base.html.twig' %}

{% block title %}Pool School Videos | {{ parent() }}{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <style>

        @media (min-width: 768px) {
            .rowrelative {
                position: relative;
            }

            .centertextverticaltoright {
                position: absolute !important;
                top: 50%;
                left: 50%;
                transform: translate(0, -50%);
            }

            .centertextverticaltoleft {
                position: absolute !important;
                top: 50%;
                transform: translate(0, -50%);
            }

            .totherightofcenteredtext {
                left: 50%;
            }
        }

    </style>
{% endblock %}

{% block body %}
    <h1>Pool School Videos</h1>
    <h2>Understanding How Your Pool Works And How To Take Care Of It.</h2>
    <div class="row">
        <div class="col-xs-12">
            <p>Owning your first pool may seem a bit overwhelming at first. For most the mystery and unknown
                can be the worst and scariest part. It is truly an easy process once you get the hang of
                it.</p>
            <p>After we complete your pool installation we will schedule a time at you convenience to orient
                you with your pool operation and service items. To make sure you have all the information
                you need we have put together a video series below of the same pool school topics. Though
                this is exactly what pool school at your home consists of and likely could be viewed instead
                of pool school, we do recommend that you make time to work with us at your home as well in
                person.</p>
        </div>
    </div>
    {% set x = 0 %}
    {% for video in videoArray %}
        {% if x % 2 == 0 %}
            {% set videoSide = 'left' %}
            {% set descriptionSide = 'right' %}
        {% else %}
            {% set videoSide = 'right' %}
            {% set descriptionSide = 'left' %}
        {% endif %}
        {% set x = x + 1 %}

        <div class="row rowrelative">
            {% if videoSide == 'left' %}
                {% include 'blocks/videoBlock.html.twig' %}
                {% include 'blocks/videoDescriptionBlock.html.twig' %}
            {% else %}
                {% include 'blocks/videoDescriptionBlock.html.twig' %}
                {% include 'blocks/videoBlock.html.twig' %}
            {% endif %}
        </div>
    {% endfor %}
{% endblock %}