{# This file is part of INGInious. See the LICENSE and the COPYRIGHTS files for #}
{# more information about the licensing of this file. #}

{% extends "layout.html" %}
{% block title %}{{_("Course list") }}{% endblock %}
{% block column %}
    {% if not session.loggedin %}
        {% include "signin_button.html" %}
    {% else %}
        <h3> {{ _("Public courses") }}</h3>
        <div class="alert alert-warning" role="alert">
            {{ _("This page lists all the courses that are available now. If you are a course administrator, go to your 'My courses' page to see all of them.") }}
        </div>
        <div class="list-group">
            <a class="list-group-item list-group-item-action list-group-item-info" href="{{url_for('mycoursespage')}}">
                <i class="fa fa-fw fa-th-list"></i>
                {{ _("My courses") }}
            </a>
        </div>
        {% for entry in plugin_manager.call_hook('main_menu') %}
            {{ entry }}
        {% endfor %}
    {% endif %}
{% endblock %}
{% block navbar %}
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item active"><a href="#"><i class="fa fa-th-list fa-fw"></i> {{ _("Course list") }}
                <span class="sr-only">{{_("(current)")}}</span></a></li>
        </ol>
    </nav>
{% endblock %}
{% block content %}

<h2>{{ _("Course list") }}</h2>
<div class="card-deck m-0">

    {% set username = session.username %}
    {% for courseid, course in open_courses.items() %}
        <div class="card m-2">
            <div class="card-body">
                <h5 class="card-title">
                    {% if course.is_lti() %}
                        {% if course.lti_url() %}
                            <a target="_blank" href="{{ course.lti_url() }}">
                        {% endif %}
                        {{course.get_name(session.language)}}
                        {% if course.lti_url() %}
                            </a>
                        {% endif %}
                    {% else %}
                        <a href="{{ url_for('coursepage', courseid=courseid) }}">{{course.get_name(session.language)}}</a>
                    {% endif %}
                </h5>
                <div class="card-text card-trunc">
                    {{ course.get_description(session.language) | safe }}
                </div>
            </div>
            <div class="card-footer">
                <small class="text-muted">
                    {% set any = False %}
                    {% if course.is_lti() %}
                        {% set any = True %}
                        <i class="fa fa-fw fa-external-link"></i> {{ _("External platform") }}<br/>
                    {% endif %}
                    {%if course.is_registration_possible(user_info) %}
                        {% set any = True %}
                        <i class="fa fa-fw fa-user"></i> {{ _("Auto-registration") }}<br/>
                    {% endif %}
                    {% if course.is_password_needed_for_registration() %}
                        {% set any = True %}
                        <i class="fa fa-fw fa-key"></i> {{ _("Password needed") }}<br/>
                    {% endif %}
                    {{ ("&nbsp;" if not any else "") | safe }}
                </small>
            </div>
        </div>
        {# Resizing logic #}
        {% if loop.index % 2 == 0 %}
             <div class="w-100 d-none d-sm-block d-md-none"><!-- wrap every 2 on sm--></div>
        {% endif %}
        {% if loop.index % 3 == 0 %}
            <div class="w-100 d-none d-md-block d-lg-none"><!-- wrap every 3 on md--></div>
        {% endif %}
        {% if loop.index % 4 == 0 %}
            <div class="w-100 d-none d-lg-block d-xl-none"><!-- wrap every 4 on lg--></div>
        {% endif %}
        {% if loop.index % 5 == 0 %}
            <div class="w-100 d-none d-xl-block"><!-- wrap every 5 on xl--></div>
        {% endif %}
    {% endfor %}
</div>
{% endblock %}