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

{% block title %}Careers | {{ parent() }}{% endblock %}

{% block body %}
    <h1>Start an exciting career with Luxury Pools and Living</h1>
    <div class="row">
        <div class="col text-center">
            <img src="{{ asset('images/pool-career.jpg') }}" class="img-fluid">
            <h2>Positions</h2>
            <h4><a href="{{ asset('images/employment-application.pdf') }}" target="_blank">Printable Application</a></h4>
        </div>
    </div>
    {% set x = 0 %}
    {% for title, data in jobs %}
        {% if x % 2 == 0 %}
            <div class="row">
        {% endif %}
        <div class="col col-sm-6">
            <h3 class="text-center">{{ title }}</h3>
            {% if data.opening %}
                <p class="text-center" style="color:red;">Immediate Opening Available</p>
            {% endif %}
            <p>{{ data.shortdesc }}<br><a href="{{ path('careerApplication', { 'jobSlug' : data.slug }) }}">Apply Here</a></p>
        </div>
        {% if (x+1) % 2 == 0 or x == (jobs|length - 1) %}
            </div>
        {% endif %}
        {% set x = x + 1 %}
    {% endfor %}
{% endblock %}