{% extends "base.html" %}
{% load static %}
{% load products_tags %}
{% load random_encode %}

{% block style %}
    <link rel="stylesheet"
          href="{% static 'vendored/bootstrap/css/bootstrap.min.css' %}">
    <link href="{% static 'vendored/font-awesome/css/all.min.css' %}" rel="stylesheet">

    <link rel="stylesheet" href="{% static 'products/css/main.css' %}">
    <link rel="stylesheet" href="{% static 'products/css/bootstrap/main.css' %}">
    <link rel="icon" href="{% static 'products/images/logo_16.ico' %}">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
    <style>
        body, h1, h2, h3, h4, h5, h6 {
            font-family: "Raleway", sans-serif
        }
    </style>
{% endblock %}

{% block meta_social %}
    <meta name="title" content="AI for Radiology">
    <meta property="og:title" content="AI for Radiology" />
    <meta property="og:url" content="//www.AIforRadiology.com/" />
    <meta property="og:image" content= "{% static 'products/images/logo-collage-aiforradiology.JPG' %}" />
    <meta property="og:description" content="A platform to help you find the right AI software for radiology." />
    <meta property="og:type" content="website"/>
{% endblock %}

{% block body %}

    {% navbar %}
    {% include "products/partials/subscribebar.html" %}

    <main role="main" class="flex-fill">
        <div id="page" class="container pb-3">

            <div class="row">
                <div class="col">
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb bg-white pl-0">
                            {% block breadcrumbs %}
                            {% endblock %}
                        </ol>
                    </nav>
                </div>
            </div>

            {% block messages %}
                {% include "grandchallenge/partials/messages.html" %}
            {% endblock %}

            {% block outer_content %}
                <div class="row">
                    {% block sidebar %}{% endblock %}
                    <div class="col">
                        {% block content %}
                        {% endblock %}
                    </div>
                </div>
            {% endblock %}
        </div>
    </main>
{% endblock %}

{% block footer %}
    <footer class="bg-secondary text-white small">
        <div class="container py-5 px-4">
            <div class="row">
                <div class="col-md-3">
                    <div class="h4">About</div>
                    <div>
                        AI for Radiology is a non-commercial initiative of the <a href="http://diagnijmegen.nl/" title="DIAG" target="_blank"
                                                        class="text-radboud">Diagnostic Image Analysis Group</a>,
                        part of the Department of Medical Imaging at the <a
                            href="https://www.radboudumc.nl/en/" title="Radboudumc" target="_blank"
                            class="text-radboud">Radboud university medical center</a>.
                    </div>
                </div>

                <div class="col-md-6 px-4">
                    <div class="h4">Newsletter</div>
                    <p>Subscribe to our monthly newsletter to stay up to date on the latest developments in the commercial field of artificial intelligence in radiology.</p>
                    <a href="http://eepurl.com/hrqfdr" title="Subscribe" class="btn btn-sm btn-square btn-dark" target="_blank">Subscribe</a>
                </div>

                <div class="col-md-3 px-4">
                    <div class="h4">Contact</div>
                    <div>Radboudumc</div>
                    <div>Geert Grooteplein Zuid 10</div>
                    <div>6525 GA, Nijmegen</div>
                    <div>The Netherlands</div>
                    <div><a href="{{ 'mailto:kicky.vanleeuwen@radboudumc.nl'|random_encode|safe }}" class="text-radboud">kicky.vanleeuwen@radboudumc.nl</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="bg-dark text-white">
            <div class="container">
                <div class="text-center py-4">
                    <a href="https://www.radboudumc.nl/en/" title="Radboudumc" target="_blank" class="text-white">
                        Radboud university medical center</a>, {% now "Y" %}
                </div>
            </div>
        </div>
    </footer>
{% endblock %}