partner.html

{% extends "base.html" %}
{% load i18n bleach_tags google_map_url compress partner_cards static %}

{% block title %}{{ partner.name }} — {% trans "Partners" %} — {% trans "Career" %} — {{ block.super }}{% endblock %}
{% block opengraph_title %}{{ partner.name }} — {% trans "Partners" %} — {% trans "Career" %} —
    {{ block.super }}{% endblock %}

{% block header_image %}{% spaceless %}
    {% if partner.site_header %}
        {{ partner.site_header.url }}
    {% else %}
        {{ block.super }}
    {% endif %}
{% endspaceless %}{% endblock header_image %}

{% block body %}
    <section class="page-section" id="partners-index">
        <div class="container">
            <h1 class="text-center section-title">{{ partner.name }}</h1>

            <div class="row">
                <div class="col-12 col-md-4">
                    <img src="{{ partner.logo.url }}" alt="Logo {{ partner.name }}"/>

                    <h4 class="mt-4 text-center text-md-left">{% trans "Address" %}</h4>
                    <p class="text-center text-md-left">
                        {{ partner.address }}<br/>
                        {{ partner.zip_code }}<br/>
                        {{ partner.city }}
                    </p>

                    {% if partner.link %}
                        <h4 class="text-center text-md-left">{% trans "Website" %}</h4>
                        <p class="text-center text-md-left">
                            <a href="{{ partner.link }}" target="_blank">{{ partner.link }}</a>
                        </p>
                    {% endif %}

                    <p class="text-center">
                        {% with partner.address|add:" "|add:partner.zip_code|add:" "|add:partner.city|add:",The Netherlands"|urlize as location %}
                            <img src="{% google_map_url location zoom=10 size='400x300' %}"/>
                        {% endwith %}
                    </p>
                </div>
                <div class="col-12 col-md-8">
                    {{ partner.company_profile|bleach }}
                </div>
            </div>

            <div class="row">
                {% for obj in partner.images.all %}
                    <div class="col-4 col-md-3 my-3">
                        {% partner_image_card obj.image %}
                    </div>
                {% endfor %}
            </div>
        </div>
    </section>

    {% if vacancies.all|length > 0 %}
        <section class="page-section" id="partners-partner-vacancies">
            <div class="container">
                <h1 class="text-center section-title">{% trans 'Vacancies' %}</h1>
                <div class="accordion bordered">
                    {% for vacancy in vacancies %}
                        <div class="card mb-0">
                            <div class="card-header collapsed" data-toggle="collapse"
                                 data-target="#vacancy-{{ vacancy.id }}">
                                <a href="#vacancy-{{ vacancy.id }}">{{ vacancy.title }}</a>
                            </div>
                            <div class="collapse" id="vacancy-{{ vacancy.id }}">
                                <div class="card-body">
                                    <p>{{ vacancy.description|bleach }}</p>
                                    {% if vacancy.link %}
                                        <a class="btn btn-primary" href="{{ vacancy.link }}" target="_blank">
                                            {% trans "Learn more" %}
                                        </a>
                                    {% endif %}
                                </div>
                            </div>
                        </div>
                    {% endfor %}
                </div>
            </div>
        </section>
    {% endif %}
{% endblock body %}

{% block js_body %}
    {{ block.super }}
    {% compress js %}
        <script type="text/javascript" src="{% static 'partners/js/main.js' %}"></script>
    {% endcompress %}
{% endblock %}