{% extends base_template %}

{% block show %}

    {% set exist = false %}
    {% if app.user and is_granted('ROLE_ENSEIGNANT')  %}
        {% for enseignantClasses in  app.user.enseignantClasses   %}
            {% if (enseignantClasses.classe.id == homework.Classe.id) %}
                {% set exist = true %}
            {% endif %}
        {% endfor %}
    {% endif %}
    {% if app.user and is_granted('ROLE_ELEVE')  %}
        {% for eleve in  app.user.eleveAnneeScolaires   %}
            {% if (eleve.classe.id == homework.Classe.id) %}
                {% set exist = true %}
            {% endif %}
        {% endfor %}
    {% endif %}

    {% if app.user and is_granted('ROLE_ADMIN')  %}
                {% set exist = true %}

    {% endif %}
    {% if app.user and is_granted('ROLE_SUPER_ADMIN')  %}
                {% set exist = true %}

    {% endif %}
    {% if exist %}
    <div class="row">
        <div class="col-md-12">
            <div class="row">
                <div class="col-md-12">
                    <div class="box box-primary">
                        <div class="box-header">
                            <h4 class="box-title">
                                {{ "admin.cours.exmaison"|trans }}
                            </h4>
                        </div>
                        <div class="box-body">
                            <div class="sonata-ba-collapsed-fields">
                                <div class="col-md-12">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="panel panel-default widget">
                                                <div class="panel-heading">
                                                    <span class="glyphicon glyphicon-tag"></span>
                                                    <h3 class="panel-title"> &nbsp;&nbsp;{{ "admin.cours.detailex"|trans }} </h3>
                                                </div>
                                                <div class="panel-body">

                                                    <div class="col-md-9">
                                                        <div class="inner">
                                                            <h3>{{ "admin.cours.titre"|trans }} : {{ homework.subject }} </h3>
                                                            {% if homework.datelimit %}
                                                            <h4>( <span style="font-size: smaller;">{{ "admin.cours.datel"|trans }}  : {{ homework.datelimit|date('d/m/Y') }}</span> )</h4>
                                                            {% endif %}
                                                            <h4>{{ "admin.cours.description"|trans }}  :</h4>
                                                            <p>
                                                                {{ homework.description|raw }}
                                                            </p>

                                                        </div>
                                                    </div>
                                                    <div class="col-md-3 text-center">
                                                        {% if homework.doc %}
                                                            <br>
                                                            <a type="button" class="btn " href="{{ vich_uploader_asset(homework, 'docFile') }}"
                                                                title="{{ homework.doc }}">
                                                                <i class="fa fa-4x fa-download"></i>
                                                            </a><br>
                                                            {{ "admin.cours.telecharger"|trans }}  : {{ homework.doc }}
                                                        {% else %}
                                                            <a href="#" title="">
                                                                <i class="fa  fa-4x fa-times"></i>
                                                            </a>
                                                            <br> {{ "admin.cours.nodoc"|trans }}
                                                        {% endif %}
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="panel panel-default widget">
                                                <div class="panel-heading">
                                                    <span class="glyphicon glyphicon-tag"></span>
                                                    <h3 class="panel-title"> &nbsp;&nbsp; Document</h3>
                                                </div>
                                                <div class="panel-body">
                                                    {% if (homework.doc and (homework.doc|split('.')|last == "pdf"))  %}

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

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

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

                                                    {% endif %}

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

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

                                                    {% endif %}

                                                    {% if (homework.doc and ((homework.doc|split('.')|last == "doc") or (homework.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/{{ homework.doc}}&embedded=true"
                                                                    style="width: 100% ;min-height: 500px;" ></iframe>
                                                        </div>

                                                    {% endif %}
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    {% else %}
    <div class="row">
        <div class="col-md-12">
            <div class="row">
                <div class="col-md-12">
                    <div class="box box-primary">
                        <div class="box-header">
                            <h4 class="box-title">
                                Vous avez pas le droit d'accedez à cet exercice
                            </h4>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    {% endif %}
{% endblock %}
{% block stylesheets %}
    {{ parent() }}
    <style>
        .widget .panel-body {
            padding: 0;
        }

        .widget .list-group {
            margin-bottom: 0;
        }

        .widget .panel-title {
            display: inline
        }

        .widget .label-info {
            float: right;
        }

        .widget li.list-group-item {
            border-radius: 0;
            border: 0;
            border-top: 1px solid #ddd;
        }

        .widget li.list-group-item:hover {
            background-color: rgba(86, 61, 124, .1);
        }

        .widget .mic-info {
            color: #666666;
            font-size: 11px;
        }

        .widget .action {
            margin-top: 5px;
        }

        .widget .comment-text {
            font-size: 12px;
        }

        .widget .btn-block {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
        }

        .panel-body {
            padding-inline: 20px;
            overflow-y: unset;
            height: auto;
        }

        textarea {
            padding: 10px;
        }
    </style>
{% endblock %}
{% block javascripts %}
    {{ parent() }}
{% endblock %}