{% extends base_template %}

{% block show %}

    <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">
                                Cours
                            </h4>
                        </div>
                        <div class="box-body">
                            <div class="sonata-ba-collapsed-fields">
                                <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; Détail de cours</h3>
                                        </div>
                                        <div class="panel-body">

                                            <div class="col-md-9">
                                                <div class="inner">
                                                    <h3>Sujet : {{ cours.subject }} </h3>
                                                    <h4>Matière : {{ cours.matiere }}</h4>

                                                </div>
                                            </div>

                                            <div class="col-md-12">
                                                <div class="inner">
                                                    <h4>description :</h4>
                                                    <p>
                                                        {{ cours.message }}
                                                    </p>

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-12">
{#                                    {% do redirect(cours.lienzoom) %}#}

                                    <div style="text-align: center;width: 100%">
                                        {% if cours.lienZoom %}
                                            <a class="btn btn-success" href="{{ cours.lienZoom }}" target="_blank">Cours en ligne via Zoom</a>
                                        {% endif %}
                                        {% if cours.lienGmeet %}
                                            <a class="btn btn-success" href="{{ cours.lienGmeet }}" target="_blank"> Cours en ligne Google Meet</a>
                                        {% endif %}
{#                                        <iframe src="https://146.59.230.157:9999/?id={{ idzoom }}&pass={{ passzoom }}&username={{ eleve_name }}"#}
{#                                                style="overflow:hidden;height:100vh;width:100%"  allowfullscreen=""></iframe>#}
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

{% 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 %}