{% extends base_template %}

{% block show %}
    <div class="container">
        <p class="font-weight-bold" >{{ cours.subjet}}</p>
        <p class="lead">{{ cours.description}}</p>
    </div>

    {% if cours.video %}

        <div style="text-align: center;width: 100%">
            <video width="900" height="700" controls src="/uploads/files/video/{{ cours.video}}">
                Ici la description alternative</video>
        </div>

    {% endif %}

    {% if (cours.doc and (cours.doc|split('.')|last == "pdf"))  %}

        <div style="text-align: center;width: 100%">
            <embed src="/uploads/files/doc/{{ cours.doc}}"
                   width="900" height="700" type='application/pdf'>
        </div>

    {% endif %}

    {% if (cours.doc and (cours.doc|split('.')|last == "xls"))  %}

        <div style="text-align: center;width: 100%"><embed src="/uploads/files/doc/{{ cours.doc}}" width="900" height="700" type='application/vnd.ms-excel'></div>

    {% endif %}

    {% if (cours.doc and (cours.doc|split('.')|last == "xlsx"))  %}

        <div style="text-align: center;width: 100%"><embed src="/uploads/files/doc/{{ cours.doc}}" width="900" height="700" type='application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'></div>

    {% endif %}

    {% if (cours.doc and ((cours.doc|split('.')|last == "doc") or (cours.doc|split('.')|last == "docx")))  %}

        <div style="text-align: center;width: 100%"><iframe src="https://docs.google.com/gview?url={{ app.request.getSchemeAndHttpHost() }}/uploads/files/doc/{{ cours.doc}}&embedded=true"  width="900" height="700" frameborder="0">
            </iframe>
        </div>
        </div>
            <a href="/uploads/files/doc/{{ cours.doc}}" tabindex="-1"><strong>Télécharger le Cours</strong></a>
        </div>

    {% endif %}
{% endblock %}