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

{% block title %}Pool Equipment Manuals | {{ parent() }}{% endblock %}

{% block body %}
    <h1>Pool Equipment Manuals</h1>
    <div class="row">
        {% for manual in manuals %}
            <div class="col-12 col-md-4 mb-4">
                <a href="{{ asset('images/manuals/'~manual.name~'-manual.pdf') }}" target="_blank">
                    <img class="img-fluid" src="{{ asset('images/manuals/'~manual.name~'.jpg') }}">
                    <br>
                    {{ manual.title }}
                </a>
            </div>
        {% endfor %}
    </div>
    <hr>
    <div class="row">
        <div class="col-12">
            <a href="{{ asset('images/manuals/coverstar-remote-connection-setup.jpg') }}" target="_blank">How to reconnect your Coverstar remote to the wired host.</a>
        </div>
    </div>
{% endblock %}