{% extends 'admin_base.html.twig' %}


{% block body %}
<div class="content-body">
    <!-- row -->
    <div class="container-fluid">

        <div class="row page-titles mx-0">
            <div class="col-sm-6 p-md-0">
                <div class="welcome-text">
                    <h4>Évaluation du cours</h4>
                </div>
            </div>
            <div class="col-sm-6 p-md-0 justify-content-sm-end mt-2 mt-sm-0 d-flex">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ path("admin.main") }}">Tableau de board</a></li>
                    <li class="breadcrumb-item"><a href="{{ path("admin.courses.read.all",{ "token" :  cours.getGroupe().getSgToken() }) }}">{{ cours.getGroupe().getName() }}</a></li>

                    <li class="breadcrumb-item active"><a href="javascript:;">Évaluation du cours</a></li>
                </ol>
            </div>
        </div>
        {% set i =0 %}
        {% for a in etudiants%}
            {% set n = 0 %}
            {% set m = 0 %}

            {% if a.getAnswers()|length >0  %}
                {% for c in a.getAnswers() %}
                    {% if c.getCours().getSgToken()== cours.getSgToken() %}
                        {% set n=1 %}
                    {% endif %}
                {% endfor %}
            {% endif %}
            {% if a.getComments()|length >0  %}
                {% for c in a.getComments() %}
                    {% if c.getCours().getSgToken()== cours.getSgToken() %}
                        {% set m=1 %}
                    {% endif %}
                {% endfor %}
            {% endif %}
            {% if n==1 or m==1%}
                <div class="row">
                    <div class="col-xl-3 col-xxl-4 col-lg-4">
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="card">
                                    <div class="text-center p-3 overlay-box" >
                                        <div class="profile-photo">
                                            {% if a.getGroupe.getId()==3 %}
                                                <img width="100" class="img-fluid rounded-circle" alt=""  src="{{ a.file_name ? asset(etudiant_imagesF~'/'~a.id~'/'~a.file_name) : asset(admin_assets~"/images/default_image.png") }}" id="img">
                                            {% else %}
                                                <img width="100" class="img-fluid rounded-circle" alt=""  src="{{ a.file_name ? asset(etudiant_imagesG~'/'~a.id~'/'~a.file_name) : asset(admin_assets~"/images/default_image.png") }}" id="img">

                                            {% endif %}
                                        </div>
                                        <h3 class="mt-3 mb-1 text-white">{{ a.getFullName() }}</h3>
                                    </div>
                                    <ul class="list-group list-group-flush">
                                        <li class="list-group-item d-flex justify-content-between"><span class="mb-0">Groupe</span> <strong class="text-muted">{{ a.getGroupe().getName() }}	</strong></li>
                                        <li class="list-group-item d-flex justify-content-between"><span class="mb-0">Niveau</span> <strong class="text-muted">{{ a.getLevel().getName() }}	</strong></li>
                                    </ul>

                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-9 col-xxl-8 col-lg-8">
                        <div class="card">
                            <div class="card-body">
                                <div class="profile-tab">
                                    <div class="custom-tab-1">
                                        <ul class="nav nav-tabs">
                                          {% if n==1%}
                                            <li class="nav-item"><a href="{{"#about-me"~i}}" data-toggle="tab" class="nav-link active show">Évaluation</a></li>
                                           {% endif %}
                                            {% if m==1%}
                                            <li class="nav-item"><a href="{{"#my-posts"~i}}" data-toggle="tab" class="nav-link">Commentaire</a></li>
                                            {% endif %}
                                                </ul>
                                        <div class="tab-content">
                                            {% if n==1%}
                                            <div id="{{ "about-me"~i }}" class="tab-pane fade active show">
                                                <div class="profile-personal-info pt-4">

                                                    {% for c in a.getAnswers() %}
                                                        {% if c.getCours().getSgToken()== cours.getSgToken() %}
                                                            <div class="row mb-4">
                                                                <div class="col-lg-6 col-md-4 col-sm-6 col-6">
                                                                    <h5 class="f-w-500">{{ c.getReview.getValue()}} <span class="pull-right">:</span>
                                                                    </h5>
                                                                </div>
                                                                <div class="col-lg-6 col-md-8 col-sm-6 col-6"><span>{{ c.getOptione().getValue }}</span>
                                                                </div>
                                                            </div>
                                                        {% endif %}
                                                    {% endfor %}

                                                </div>



                                            </div>
                                            {% endif %}
                                            {% if m==1%}
                                            <div id="{{ "my-posts"~i }}" class="tab-pane fade">
                                                <div class="my-post-content pt-3">

                                                    <div class="profile-uoloaded-post border-bottom-1 pb-5">


                                                        {% for c in a.getComments() %}
                                                            {% if c.getCours().getSgToken()== cours.getSgToken() %}
                                                                <p>{{ c.getValue() }}</p>
                                                            {% endif %}
                                                        {% endfor %}


                                                    </div>

                                                    </div>
                                                </div>
                                            </div>
                                            {% endif %}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                </div>
                {% set i = i +1 %}
            {% endif %}

        {% endfor %}

{#        <div class="row">#}

{#            <div class="col-lg-12">#}
{#                <div class="row tab-content">#}
{#                    <div id="list-view" class="tab-pane fade active show col-lg-12">#}
{#                        <div class="card">#}
{#                            <div class="card-header">#}
{#                                <h4 class="card-title">Évaluation du cours  </h4>#}

{#                            </div>#}
{#                            <div class="card-body">#}
{#                                <div class="table-responsive">#}
{#                                    <table id="example3" class="display" style="min-width: 845px">#}
{#                                        <thead>#}
{#                                        <tr>#}
{#                                            <th style="width: 600px">Etudiants</th>#}

{#                                            <th>Évaluation</th>#}


{#                                        </tr>#}
{#                                        </thead>#}
{#                                       <tbody>#}

{#                                           {% for a in etudiants%}#}
{#                                               {% set n = 0 %}#}
{#                                               {{ a.getAnswers()|length }}#}
{#                                               {% if a.getAnswers()|length >0  %}#}
{#                                                   {% for c in a.getAnswers() %}#}
{#                                                        {% if c.getCours().getSgToken()== cours.getSgToken() %}#}
{#                                                            {% set n=1 %}#}
{#                                                       {% endif %}#}
{#                                                   {% endfor %}#}
{#                                               {% endif %}#}
{#                                               {% if a.getComments()|length >0  %}#}
{#                                                   {% for c in a.getComments() %}#}
{#                                                       {% if c.getCours().getSgToken()== cours.getSgToken() %}#}
{#                                                           {% set n=1 %}#}
{#                                                       {% endif %}#}
{#                                                   {% endfor %}#}
{#                                               {% endif %}#}
{#                                               {% if n==1 %}#}

{#                                               {% endif %}#}

{#                                           {% endfor %}#}
{#                                       </tbody>#}
{#                                    </table>#}
{#                                </div>#}
{#                            </div>#}
{#                        </div>#}
{#                    </div>#}
{#                </div>#}
{#            </div>#}
{#        </div>#}

    </div>
</div>
{% endblock %}