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.                                 </div>
  45.                             </div>
  46.                             <div class="modal-actions">
  47.                                 <button type="submit" class="btn main-btn btn-sm mx-auto" name="save" value="save">{{ "manage_courses.yes_delete" | trans }}</button>
  48.                             </div>
  49.                         </div>
  50.                     </form>
  51.                 </div>
  52.             </div>
  53.         </div>
  54.         
  55.         {% if course.status == 'active' %}
  57.         <!-- Modal suspend course -->
  58.         <div class="modal fade" id="suspend-course-{{ course.token }}" tabindex="-1" role="dialog" aria-labelledby="update-course-modal" aria-hidden="true">
  59.             <div class="modal-dialog modal-dialog-centered" role="document">
  60.                 <div class="modal-content">
  61.                     <form action="{{ path('handle_course_status', {'token': course.token}) }}" method="post">
  62.                         <div class="modal-body">
  63.                             <div class="modal-title-wrap">
  64.                                 <h5 class="modal-title">{{ "courses.suspend_course" | trans }}</h5>
  65.                                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  66.                                     <i class="fal fa-times"></i>
  67.                                 </button>
  68.                             </div>
  69.                             <div class="row">
  70.                                 <div class="col-12">
  71.                                     <input type="hidden" name="status" value="suspended">
  72.                                     <p class="modal-text text-center">{{ "manage_courses.confirm_course_suspend" | trans }}</p>
  73.                                     <p class="modal-text text-center">{{ "manage_courses.course_suspend_delete_impact" | trans }}</p>
  74.                                 </div>
  75.                             </div>
  76.                             <div class="modal-actions">
  77.                                 <button type="submit" class="btn main-btn btn-sm mx-auto" name="save" value="save">{{ "manage_courses.yes_suspend" | trans }}</button>
  78.                             </div>
  79.                         </div>
  80.                     </form>
  81.                 </div>
  82.             </div>
  83.         </div>
  84.         
  85.         <div class="course-pro-actions">
  86.             <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 }}">
  87.                 <i class="fas fa-pen"></i>
  88.             </a>
  89.             <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 }}">
  90.                 <i class="far fa-layer-plus"></i>
  91.             </a>
  92.             <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 }}">
  93.                 <i class="far fa-arrow-from-top"></i>
  94.             </a>
  95.             <button class="btn pro-edit-btn on-course" data-toggle="modal" data-target="#suspend-course-{{ course.token }}">
  96.                 <i class="far fa-pause"></i>
  97.             </button>
  98.             <button class="btn pro-edit-btn on-course" data-toggle="modal" data-target="#delete-course-{{ course.token }}">
  99.                 <i class="far fa-trash-alt"></i>
  100.             </button>
  101.         </div>
  103.         {% elseif course.status == 'pending' or course.status == 'suspended' %}
  104.         
  105.         <div class="course-pro-actions">
  106.             <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 }}">
  107.                 <i class="fas fa-pen"></i>
  108.             </a>
  109.             
  110.             {% if course.status == 'pending' %}
  111.             <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 }}">
  112.                 <i class="far fa-layer-plus"></i>
  113.             </a>
  114.             {% endif %}
  115.             
  116.             <button class="btn pro-edit-btn on-course" data-toggle="modal" data-target="#delete-course-{{ course.token }}">
  117.                 <i class="far fa-trash-alt"></i>
  118.             </button>
  119.         </div>
  121.         {% elseif course.status == 'completed' %}
  123.         <div class="course-pro-actions">
  124.             <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 }}">
  125.                 <i class="far fa-layer-plus"></i>
  126.             </a>
  127.         </div>
  129.         {% elseif course.status == 'archived' %}
  131.             <div class="course-pro-actions">
  132.                 <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 }}">
  133.                     <i class="far fa-layer-plus"></i>
  134.                 </a>
  135.                 <button class="btn pro-edit-btn on-course" data-toggle="modal" data-target="#delete-course-{{ course.token }}">
  136.                     <i class="far fa-trash-alt"></i>
  137.                 </button>
  138.             </div>
  140.         {% endif %}
  141.         {% endif %}
  143.         <a href="{{ path('view_course', {'token': course.token }) }}" class="course-link-img">
  144.         {% if course is hasseveralavailabilities %}
  145.             <div class="course-dates">{{ "directory.several_dates" | trans }}</div>
  146.         {% endif %}
  147.         {% if course.cover and course.cover is fileexists('courses_img_directory') %}
  148.             {% set firstPhoto = course.cover %}
  149.         {% else %}
  150.             {% set firstPhoto = 'default.png' %}
  151.         {% endif %}
  152.         <img loading="lazy" src="{{ asset('/images/stages/' ~ firstPhoto) }}" alt="Stage">
  153.         </a>
  154.         <div class="sports-wrap">
  155.             {% for sport in course.sports %}
  156.                 <a href="{{ path('courses', {'sports[]': sport.id, 'search': 'true'}) }}" class="sport-item">
  157.                     {{ ("sport_name." ~ sport.slug) | trans }}
  158.                 </a>
  159.             {% endfor %}
  160.         </div>
  161.     </div>
  162.     <div class="course-infos">
  163.         <a href="{{ path('view_course', {'token': course.token }) }}" class="course-link">
  164.             <h3 class="course-title">
  165.                 {{ course.getTranslatedContent(app.request.locale).name | raw }} 
  166.             </h3>
  167.             <div class="course-author {{ type }}">
  168.                 <div class="author">
  169.                     <a href="{{ path('view_pro', {'type': type, 'slug': course.owner.slug}) }}" class="author-link">
  170.                         {% if course.owner.photo is fileexists('avatar_directory') %}
  171.                             {% set avatar = course.owner.photo %}
  172.                         {% else %}
  173.                             {% set avatar = 'default-profile.png' %}
  174.                         {% endif %}
  175.                         <img loading="lazy" src="{{ asset('/images/profiles/' ~ avatar) }}" alt="{{ type | slice(0, 1) }}">
  176.                         <p class="course-owner-name">{{ course.owner.proInfo.fullname }}</p>
  177.                     </a>
  178.                 </div>
  179.                 
  180.                 <div class="author-stars">
  181.                     {% set averageNotes = getAverageNotes(course.owner)%}
  182.                     {% set average = averageNotes.total %}
  183.                     {% if average != 0 %}
  184.                         {% for i in 1..5 %}
  185.                             {% if average >= i %}
  186.                                 <i class="fas fa-star"></i>
  187.                             {% else %}
  188.                                 {% if average > (i - 1) %}
  189.                                     <i class="fas fa-star-half-alt"></i>
  190.                                 {% else %}
  191.                                     <i class="far fa-star"></i>                                    
  192.                                 {% endif %}
  193.                             {% endif %}
  194.                         {% endfor %}
  195.                     {% else %}
  196.                         {% for i in 1..5 %}
  197.                                 <i class="fas fa-star grey-star"></i>
  198.                             
  199.                         {% endfor %}
  200.                     {% endif %}
  201.                     <span class="pro-review-note">({{ averageNotes.count }})</span>
  202.                 </div>
  203.                 
  204.             </div>
  205.             
  206.             <div class="course-bottom">
  207.                 <div class="left-wrap">
  208.                     <div class="location">
  209.                         <img loading="lazy" src="{{ asset('/images/flag/') ~ course.countryCode | lower }}.svg" class="country-flag" alt="{{ course.countryCode }}">
  210.                         <span class="text">{{ course.address.city }}</span>
  211.                     </div>
  212.                     <div class="date">
  213.                     {% if course.status == "pending" or course.status == "active" %}
  214.                         <img loading="lazy" src="/images/icons/calendar-icon.svg" alt="Dates">
  215.                         {% if course.availabilities | length > 0 and course | nextdate(startingDate).begin != null %}
  216.                             {% if course is hasseveralavailabilities %}
  217.                                 <span class="text">{{ "courses.next_date" | trans }} : {{ course | nextdate(startingDate).begin }}</span>
  218.                             {% else %}
  219.                                 <span class="text">{{ "page_course_detail.from_short" | trans }} {{ course | nextdate(startingDate).begin }} {{ "page_course_detail.to" | trans }} {{ course | nextdate(startingDate).end }}</span>
  220.                             {% endif %}
  221.                         {% endif %}
  222.                     {% endif %}
  223.                     </div>
  224.                 </div>
  225.                 <div class="right-wrap">
  226.                     {% if course.availabilities | length > 0 and course | cheapestavailability.price != null %}
  227.                         <span class="price">{{ course | cheapestavailability.price }} €</span>
  228.                         <span class="duration">{{ "directory.on" | trans }} {{ course | cheapestavailability.duration }} {{ "page_course_detail.days" | trans | lower }}</span>
  229.                     {% endif %}
  230.                 </div>
  231.             </div>
  232.         </div>
  233.     </a>
  234. </div>