templates/front/course/_course-card.html.twig line 1

Open in your IDE?
  1. {% if course.owner is instanceof('App\\Entity\\Coach') %}
  2.     {% set type = 'coach' %}
  3. {% elseif course.owner is instanceof('App\\Entity\\Club') %}
  4.     {% set type = 'club' %}
  5. {% else %}
  6.     {% set type = 'operator' %}
  7. {% endif %}
  9. <div class="course-card {% if view is defined and view == "map" %}map-view{% endif %}" {% if view is defined and  view == 'map' %}data-lat="{{ course.address.latitude }}" data-lng="{{ course.address.longitude }}" data-name="{{ course | cheapestavailability.price }} €" data-type="{{ type }}"{% endif %}>
  10.     
  11.     {% if course.token in app.session.get('seenCourses') and (not app.user or (app.user and app.user is instanceof('App\\Entity\\Trainee'))) %}
  12.          <i class="fal fa-eye"></i>
  13.     {% endif %}
  14.     
  15.     {% if app.user and is_granted('ROLE_TRAINEE') %}
  16.     <a href="{{ path('add_course_favorite', {'id': course.id}) }}" class="btn btn-like-course" data-update data-token="{{ csrf_token('favorite' ~ course.id) }}">
  17.         <i class="fas fa-heart {% if app.user.isCourseFavorite(course) %}favorite{% endif %}"></i>
  18.     </a>
  19.     {% elseif not app.user %}
  20.     <button type="button" class="btn btn-like-course" data-toggle="modal" data-target="#add-to-favorite">
  21.         <i class="fas fa-heart"></i>
  22.     </button>
  23.     {% endif %}
  24.     <div class="course-img">
  25.         
  26.         {% if is_granted('ROLE_PRO') and menu is defined and menu == 'manage-courses' and app.user == course.owner %}
  28.         <!-- Modal delete course -->
  29.         <div class="modal fade" id="delete-course-{{ course.token }}" tabindex="-1" role="dialog" aria-labelledby="update-course-modal" aria-hidden="true">
  30.             <div class="modal-dialog modal-dialog-centered" role="document">
  31.                 <div class="modal-content">
  32.                     <form action="{{ path('handle_course_status', {'token': course.token}) }}" method="post">
  33.                         <div class="modal-body">
  34.                             <div class="modal-title-wrap">
  35.                                 <h5 class="modal-title">{{ "courses.delete_course" | trans }}</h5>
  36.                                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  37.                                     <i class="fal fa-times"></i>
  38.                                 </button>
  39.                             </div>
  40.                             <div class="row">
  41.                                 <div class="col-12">
  42.                                     <input type="hidden" name="status" value="deleted">
  43.                                     <p class="modal-text text-center">{{ "manage_courses.confirm_course_delete" | trans }}</p>
  44.                                     <p class="modal-text text-center">{{ "manage_courses.course_suspend_delete_impact" | trans }}</p>
  45.                                     <hr>
  46.                                     <div class="form-group pb-5">
  47.                                         <label for="reason">{{ "messaging.refusal_reason.label_select" | trans }}</label>
  48.                                         <input type="text" name="reason" id="reason" class="form-control" placeholder="Indiquez la raison de la suppression" required>
  49.                                     </div>
  50.                                 </div>
  51.                             </div>
  52.                             <div class="modal-actions">
  53.                                 <button type="submit" class="btn main-btn btn-sm mx-auto" name="save" value="save">{{ "manage_courses.yes_delete" | trans }}</button>
  54.                             </div>
  55.                         </div>
  56.                     </form>
  57.                 </div>
  58.             </div>
  59.         </div>
  60.         
  61.         {% if course.status == 'active' %}
  63.         <!-- Modal suspend course -->
  64.         <div class="modal fade" id="suspend-course-{{ course.token }}" tabindex="-1" role="dialog" aria-labelledby="update-course-modal" aria-hidden="true">
  65.             <div class="modal-dialog modal-dialog-centered" role="document">
  66.                 <div class="modal-content">
  67.                     <form action="{{ path('handle_course_status', {'token': course.token}) }}" method="post">
  68.                         <div class="modal-body">
  69.                             <div class="modal-title-wrap">
  70.                                 <h5 class="modal-title">{{ "courses.suspend_course" | trans }}</h5>
  71.                                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  72.                                     <i class="fal fa-times"></i>
  73.                                 </button>
  74.                             </div>
  75.                             <div class="row">
  76.                                 <div class="col-12">
  77.                                     <input type="hidden" name="status" value="suspended">
  78.                                     <p class="modal-text text-center">{{ "manage_courses.confirm_course_suspend" | trans }}</p>
  79.                                     <hr>
  80.                                     <div class="form-group">
  81.                                         <div class="checkbox icheck-primary terms">       
  82.                                             <input type="checkbox" id="cancelBooking" name="cancelBooking" class="form-check-input">
  83.                                             <label class="form-check-label" for="cancelBooking">Annuler les réservations liées au stage</label>
  84.                                         </div>
  85.                                     </div>
  86.                                 </div>
  87.                             </div>
  88.                             <div class="modal-actions">
  89.                                 <button type="submit" class="btn main-btn btn-sm mx-auto" name="save" value="save">{{ "manage_courses.yes_suspend" | trans }}</button>
  90.                             </div>
  91.                         </div>
  92.                     </form>
  93.                 </div>
  94.             </div>
  95.         </div>
  96.         
  97.         <div class="course-pro-actions">
  98.             <a class="btn pro-edit-btn on-course" href="{{ path('update_course', {'token': course.token}) }}" data-toggle="tooltip" data-placement="top" title="{{ "manage_courses.modify_course" | trans }}">
  99.                 <i class="fas fa-pen"></i>
  100.             </a>
  101.             <a class="btn pro-edit-btn pro-duplicate-btn on-course" href="{{ path('duplicate_course', {'token': course.token}) }}"  data-toggle="tooltip" data-placement="top" title="{{ "manage_courses.duplicate_this_internship" | trans }}">
  102.                 <i class="far fa-layer-plus"></i>
  103.             </a>
  104.             <a class="btn pro-edit-btn pro-template-btn on-course" href="{{ path('course_template', {'token': course.token}) }}" data-toggle="tooltip" data-placement="top" title="{{ "manage_courses.view_templates" | trans }}">
  105.                 <i class="far fa-arrow-from-top"></i>
  106.             </a>
  107.             <button class="btn pro-edit-btn on-course" data-toggle="modal" data-target="#suspend-course-{{ course.token }}">
  108.                 <i class="far fa-pause"></i>
  109.             </button>
  110.             <button class="btn pro-edit-btn on-course" data-toggle="modal" data-target="#delete-course-{{ course.token }}">
  111.                 <i class="far fa-trash-alt"></i>
  112.             </button>
  113.         </div>
  115.         {% elseif course.status == 'pending' or course.status == 'suspended' %}
  116.         
  117.         <div class="course-pro-actions">
  118.             <a class="btn pro-edit-btn on-course" href="{{ path('update_course', {'token': course.token}) }}" data-toggle="tooltip" data-placement="top" title="{{ "manage_courses.modify_course" | trans }}">
  119.                 <i class="fas fa-pen"></i>
  120.             </a>
  121.             
  122.             {% if course.status == 'pending' %}
  123.             <a class="btn pro-edit-btn pro-duplicate-btn on-course" href="{{ path('duplicate_course', {'token': course.token}) }}"  data-toggle="tooltip" data-placement="top" title="{{ "manage_courses.duplicate_this_internship" | trans }}">
  124.                 <i class="far fa-layer-plus"></i>
  125.             </a>
  126.             {% endif %}
  127.             
  128.             <button class="btn pro-edit-btn on-course" data-toggle="modal" data-target="#delete-course-{{ course.token }}">
  129.                 <i class="far fa-trash-alt"></i>
  130.             </button>
  131.         </div>
  133.         {% elseif course.status == 'completed' %}
  135.         <div class="course-pro-actions">
  136.             <a class="btn pro-edit-btn pro-duplicate-btn on-course" href="{{ path('duplicate_course', {'token': course.token}) }}"  data-toggle="tooltip" data-placement="top" title="{{ "manage_courses.duplicate_this_internship" | trans }}">
  137.                 <i class="far fa-layer-plus"></i>
  138.             </a>
  139.         </div>
  141.         {% elseif course.status == 'archived' %}
  143.             <div class="course-pro-actions">
  144.                 <a class="btn pro-edit-btn pro-duplicate-btn on-course" href="{{ path('duplicate_course', {'token': course.token}) }}"  data-toggle="tooltip" data-placement="top" title="{{ "manage_courses.duplicate_this_internship" | trans }}">
  145.                     <i class="far fa-layer-plus"></i>
  146.                 </a>
  147.                 <button class="btn pro-edit-btn on-course" data-toggle="modal" data-target="#delete-course-{{ course.token }}">
  148.                     <i class="far fa-trash-alt"></i>
  149.                 </button>
  150.             </div>
  152.         {% endif %}
  153.         {% endif %}
  155.         <a href="{{ path('view_course', {'token': course.token }) }}" class="course-link-img">
  156.         {% if course is hasseveralavailabilities %}
  157.             <div class="course-dates">{{ "directory.several_dates" | trans }}</div>
  158.         {% endif %}
  159.         {% if course.cover and course.cover is fileexists('courses_img_directory') %}
  160.             {% set firstPhoto = course.cover %}
  161.         {% else %}
  162.             {% set firstPhoto = 'default.png' %}
  163.         {% endif %}
  164.         <img loading="lazy" src="{{ asset('/images/stages/' ~ firstPhoto) }}" alt="Stage">
  165.         </a>
  166.         <div class="sports-wrap">
  167.             {% for sport in course.sports %}
  168.                 <a href="{{ path('courses', {'sports[]': sport.id, 'search': 'true'}) }}" class="sport-item">
  169.                     {{ ("sport_name." ~ sport.slug) | trans }}
  170.                 </a>
  171.             {% endfor %}
  172.         </div>
  173.     </div>
  174.     <div class="course-infos">
  175.         <a href="{{ path('view_course', {'token': course.token }) }}" class="course-link">
  176.             <h3 class="course-title">
  177.                 {{ course.getTranslatedContent(app.request.locale).name | raw }} 
  178.             </h3>
  179.             <div class="course-author {{ type }}">
  180.                 <div class="author">
  181.                     <a href="{{ path('view_pro', {'type': type, 'slug': course.owner.slug}) }}" class="author-link">
  182.                         {% if course.owner.photo is fileexists('avatar_directory') %}
  183.                             {% set avatar = course.owner.photo %}
  184.                         {% else %}
  185.                             {% set avatar = 'default-profile.png' %}
  186.                         {% endif %}
  187.                         <img loading="lazy" src="{{ asset('/images/profiles/' ~ avatar) }}" alt="{{ type | slice(0, 1) }}">
  188.                         <p class="course-owner-name">{{ course.owner.proInfo.fullname }}</p>
  189.                     </a>
  190.                 </div>
  191.                 
  192.                 <div class="author-stars">
  193.                     {% set averageNotes = getAverageNotes(course.owner)%}
  194.                     {% set average = averageNotes.total %}
  195.                     {% if average != 0 %}
  196.                         {% for i in 1..5 %}
  197.                             {% if average >= i %}
  198.                                 <i class="fas fa-star"></i>
  199.                             {% else %}
  200.                                 {% if average > (i - 1) %}
  201.                                     <i class="fas fa-star-half-alt"></i>
  202.                                 {% else %}
  203.                                     <i class="far fa-star"></i>                                    
  204.                                 {% endif %}
  205.                             {% endif %}
  206.                         {% endfor %}
  207.                     {% else %}
  208.                         {% for i in 1..5 %}
  209.                                 <i class="fas fa-star grey-star"></i>
  210.                             
  211.                         {% endfor %}
  212.                     {% endif %}
  213.                     <span class="pro-review-note">({{ averageNotes.count }})</span>
  214.                 </div>
  215.                 
  216.             </div>
  217.             
  218.             <div class="course-bottom">
  219.                 <div class="left-wrap">
  220.                     <div class="location">
  221.                         <img loading="lazy" src="{{ asset('/images/flag/') ~ course.countryCode | lower }}.svg" class="country-flag" alt="{{ course.countryCode }}">
  222.                         <span class="text">{{ course.address.city }}</span>
  223.                     </div>
  224.                     <div class="date">
  225.                     {% if course.status == "pending" or course.status == "active" %}
  226.                         <img loading="lazy" src="/images/icons/calendar-icon.svg" alt="Dates">
  227.                         {% if course.availabilities | length > 0 and course | nextdate(startingDate).begin != null %}
  228.                             {% if course is hasseveralavailabilities %}
  229.                                 <span class="text">{{ "courses.next_date" | trans }} : {{ course | nextdate(startingDate).begin }}</span>
  230.                             {% else %}
  231.                                 <span class="text">{{ "page_course_detail.from_short" | trans }} {{ course | nextdate(startingDate).begin }} {{ "page_course_detail.to" | trans }} {{ course | nextdate(startingDate).end }}</span>
  232.                             {% endif %}
  233.                         {% endif %}
  234.                     {% endif %}
  235.                     </div>
  236.                 </div>
  237.                 <div class="right-wrap">
  238.                     {% if course.availabilities | length > 0 and course | cheapestavailability.price != null %}
  239.                         <span class="price">{{ course | cheapestavailability.price }} €</span>
  240.                         <span class="duration">{{ "directory.on" | trans }} {{ course | cheapestavailability.duration }} {{ "page_course_detail.days" | trans | lower }}</span>
  241.                     {% endif %}
  242.                 </div>
  243.             </div>
  244.         </div>
  245.     </a>
  246. </div>