{% extends "catalogue/base.html" %}
{% load i18n %}
{% load static %}


{% block content %}

<div class="jumbotron">
<div class="row">
<div class="col-md-8 col-md-offset-2">

    <h1><span style="color: #dd8000">MIL</span>/<span style="color: #0a0">PEER</span>
    </h1>

<div class="row">

<div class="col-md-6">

{% blocktrans %}
    <p>Media &amp; Information Literacy<br>
    Platform for Exchanging<br>
    Educational Resources<br>
    </p>
{% endblocktrans %}
    <a class="btn btn-success btn-lg" id="tuton">{% trans "Create and share your resources<br>Start tutorial" %}</a>
</div>
<div class="col-md-6">
    {#<a href="/competition/" class="btn btn-success btn-lg">{% trans "Competition" %}</a>#}
    <p style="margin-top: 17px;">{% trans "Joint project by:" %}</p>
    <a target="_blank" href="http://evensfoundation.be"><img style="margin-top: 20px; width: 145px;margin-right: 40px;" src="{% static 'img/evens2.png' %}"></a>
    <a target="_blank" href="https://nowoczesnapolska.org.pl"><img style="margin-top: 20px; width: 135px;" src="//nowoczesnapolska.org.pl/wp-content/themes/koed/images/nowoczesnapolska.org.pl.png"></a>
</div>
</div>
</div>

</div>
</div>

{{ block.super }}
{% endblock %}

{% block inner_content %}


<section>
<h1>{% trans "See active organizations and join" %}</h1>
{% for org in organizations %}
    {% include "organizations/organization_box.html" %}
{% endfor %}
{% if more_organizations %}
<p style="text-align: right"><a href="{% url 'organizations' %}">{% trans "More organizations" %}</a></p>
{% endif %}
</section>




<section>
<h1>{% trans "Finished resources" %}</h1>
{% for doc in finished %}
    {% include "catalogue/resource_box.html" with link_url='catalogue_html' %}
{% endfor %}
{% if more_finished %}
<p style="text-align: right"><a href="{% url 'catalogue_finished' %}">{% trans "More finished resources" %}</a></p>
{% endif %}
</section>

<section>
<h1>{% trans "Upcoming resources" %}</h1>
{% for doc in upcoming %}
    {% include "catalogue/resource_box.html" with link_url='catalogue_preview' %}
{% endfor %}
{% if more_upcoming %}
<p style="text-align: right"><a href="{% url 'catalogue_upcoming' %}">{% trans "More upcoming resources" %}</a></p>
{% endif %}
</section>




<div id="tutModal" class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-sm">
    <div class="modal-content">
        <div class="modal-header"><h4>{% trans "Tutorial mode" %}</h4></div>
        <div class="modal-body"><p>{% trans "Tutorial will help you navigate through the platform. You can disable it at any point." %}</p></div>
        <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">OK</button>
        </div>
    </div>
  </div>
</div>
{% endblock %}