<!-- Modal notes g --><div class="modal fade bd-example-modal-lg {{ type }}" id="view-notes" tabindex="-1" role="dialog" aria-labelledby="view-notes" aria-hidden="true"> <div class="modal-dialog modal-lg modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="modal-title-wrap"> <h5 class="modal-title">{{ "pro_page.notes" | trans }}</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <i class="fal fa-times"></i> </button> </div> {% set averageNotes = getAverageNotes(pro)%} {% set average = averageNotes.total %} {% if average != 0 %} <div class="row total-average"> <div class="col-12"> <p class="average-note">{{ average }}</p> {% for i in 1..5 %} {% if average >= i %} <i class="fas fa-star"></i> {% else %} {% if average > (i - 1) %} <i class="fas fa-star-half-alt"></i> {% else %} <i class="far fa-star"></i> {% endif %} {% endif %} {% endfor %} </div> </div> <div class="row organization-education"> <div class="global-note-col"> <span class="text">{{ "pro_page.organization" | trans }}:</span> <div class="start-notes"> {% if averageNotes.organization != 0 %} {% for i in 1..5 %} {% if averageNotes.organization >= i %} <i class="fas fa-star"></i> {% else %} {% if averageNotes.organization > (i - 1) %} <i class="fas fa-star-half-alt"></i> {% else %} <i class="far fa-star"></i> {% endif %} {% endif %} {% endfor %} {% else %} {% for i in 1..5 %} {% if i <= 4 %} <i class="fas fa-star grey-star"></i> {% else %} <i class="far fa-star grey-star"></i> {% endif %} {% endfor %} {% endif %} </div> </div> <div class="global-note-col"> <span class="text">{{ "pro_page.education" | trans }}:</span> <div class="start-notes"> {% if averageNotes.education != 0 %} {% for i in 1..5 %} {% if averageNotes.education >= i %} <i class="fas fa-star"></i> {% else %} {% if averageNotes.education > (i - 1) %} <i class="fas fa-star-half-alt"></i> {% else %} <i class="far fa-star"></i> {% endif %} {% endif %} {% endfor %} {% else %} {% for i in 1..5 %} {% if i <= 4 %} <i class="fas fa-star grey-star"></i> {% else %} <i class="far fa-star grey-star"></i> {% endif %} {% endfor %} {% endif %} </div> </div> </div> <div class="notes"> {% for note in getNotes(pro) %} <div class="row note"> <div class="col-md-3 pl-0"> <p class="trainee">{{ note.trainee.fullname }}</p> <p class="date">{{ note.createdAt | date('d/m/Y') }}</p> <div class="total"> {% for i in 1..5 %} {% if note.getTotalNote >= i %} <i class="fas fa-star"></i> {% else %} {% if note.getTotalNote > (i - 1) %} <i class="fas fa-star-half-alt"></i> {% else %} <i class="far fa-star"></i> {% endif %} {% endif %} {% endfor %} </div> </div> <div class="col-md-9 note-details px-0"> <a href={{ path('view_course', { 'token':note.course.token }) }} class="course">{{ note.course.getTranslatedContent(app.request.locale).name | raw }}</a> <p class="comment">{{ note.comment }}</p> <div class="row organization-education-note"> <div class="col-6"> {{ "pro_page.organization" | trans }} {% if note.organization != null %} {% for i in 1..5 %} {% if note.organization >= i %} <i class="fas fa-star"></i> {% else %} {% if note.organization > (i - 1) %} <i class="fas fa-star-half-alt"></i> {% else %} <i class="far fa-star"></i> {% endif %} {% endif %} {% endfor %} {% else %} {% for i in 1..5 %} {% if i <= 4 %} <i class="fas fa-star grey-star"></i> {% else %} <i class="far fa-star grey-star"></i> {% endif %} {% endfor %} {% endif %} </div> <div class="col-6"> {{ "pro_page.education" | trans }} {% if note.education != null %} {% for i in 1..5 %} {% if note.education >= i %} <i class="fas fa-star"></i> {% else %} {% if note.education > (i - 1) %} <i class="fas fa-star-half-alt"></i> {% else %} <i class="far fa-star"></i> {% endif %} {% endif %} {% endfor %} {% else %} {% for i in 1..5 %} {% if i <= 4 %} <i class="fas fa-star grey-star"></i> {% else %} <i class="far fa-star grey-star"></i> {% endif %} {% endfor %} {% endif %} </div> </div> </div> </div> {% endfor %} </div> {% else %} <div class="note-box"> <p class="empty-note">{{ "pro_page.no_note" | trans }}</p> </div> {% endif %} </div> </div> </div></div>