templates/course_list/courses.html.twig line 1

Open in your IDE?
  1. <div class="tab-content" id="course-pills-tabContent">
  2.     <!-- Content START -->
  3.     <div class="tab-pane fade show active" id="course-pills-tabs-1" role="tabpanel" aria-labelledby="course-pills-tab-1">
  4.         <div class="row g-4">
  5.             {% for course in courseList %}
  6.                 {% if free_class is defined %}
  7.                     {% set schedule_url = '/kurs/' ~ course.id ~ '/' ~ course.name|replace({' ': '-'})  ~ '/darmowe/harmonogram' %}
  8.                 {% else %}
  9.                     {% set schedule_url = '/kurs/' ~ course.id ~ '/' ~ course.name|replace({' ': '-'}) %}
  10.                 {% endif %}
  11.                     <!-- Card item START -->
  12.                     <div class="col-sm-6 col-lg-4 col-xl-6" data-type="{{course.category}}">
  13.                         <div class="card shadow h-100">
  14.                             <!-- Image -->
  15.                             <a href="{{ schedule_url }}">
  16.                                 <img src="{{ asset('./assets/images/courses/' ~ course.photo)  }}" class="card-img-top" alt="course image">
  17.                             </a>
  18.                             <div class="card-body pb-0">
  19.                                 <!-- Badge and favorite -->
  20.                                 <div class="d-flex justify-content-between mb-2">
  21.                                     <a href="{{ schedule_url }}" class="badge bg-success bg-opacity-10 text-success">
  22.                                     {%  if course.level == 'beginner' %}
  23.                                             Wiek 7-9 lat
  24.                                      {%  elseif course.level == 'intermediate' %}
  25.                                             Wiek 10-12 lat
  26.                                         {%  else %}
  27.                                             Wiek 13-15 lat
  28.                                         {%  endif %}
  29.                                     </a>
  31.                                 </div>
  32.                                 <!-- Title -->
  33.                                 <h5 class="card-title fw-normal"><a href="{{ schedule_url }}">{{ course.name }}</a></h5>
  34.                                 <p class="text-truncate-5 mb-2">
  35.                                     {{ course.description|striptags|slice(0, 300) }}....
  36.                                 </p>
  37.                             </div>
  38.                             <!-- Card footer -->
  39.                             <div class="card-footer pt-0 pb-3">
  40.                                 <hr>
  41.                                 <div class="d-flex justify-content-between mt-2">
  42.                                     <span class="h3 fw-light mb-0"><i class="far fa-clock text-orange me-2"></i><span class="h5" style="margin-bottom:10px;">60 min.</span></span>
  43.                                     <span class="h3 fw-light mb-0"><i class="fa fa-wallet text-orange me-2"></i><span class="h5">od {{ (course.price.yearly/100)|round(2,'floor') }} zł</span></span>
  44.                                     <span class="h3 fw-light mb-0"><i class="fas fa-table text-orange me-2"></i><span class="h5">
  45.                                             {% if free_class is defined %}
  46.                                             1 raz
  47.                                         {% else %}
  48.                                             1 na tydzień
  49.                                         {% endif %}
  50.                                     </span></span>
  51.                                 </div>
  52.                             </div>
  53.                         </div>
  54.                     </div>
  55.                     <!-- Card item END -->
  56.             {% endfor %}
  57.         </div>
  58.     </div>
  59.     <!-- Content START -->
  60.     <div class="tab-pane fade" id="course-pills-tabs-2" role="tabpanel" aria-labelledby="course-pills-tab-2">
  61.         <div class="row g-4">
  62.             {% for course in courseList %}
  63.                 {% if free_class is defined %}
  64.                     {% set schedule_url = '/kurs/' ~ course.id ~ '/' ~ course.name|replace({' ': '-'})  ~ '/darmowe/harmonogram' %}
  65.                 {% else %}
  66.                     {% set schedule_url = '/kurs/' ~ course.id ~ '/' ~ course.name|replace({' ': '-'}) %}
  67.                 {% endif %}
  68.                 {%  if course.level == 'beginner' %}
  69.                     <!-- Card item START -->
  70.                     <div class="col-sm-6 col-lg-4 col-xl-6" data-type="{{course.category}}">
  71.                         <div class="card shadow h-100">
  72.                             <!-- Image -->
  73.                             <a href="{{ schedule_url }}">
  74.                                 <img src="{{ asset('./assets/images/courses/' ~ course.photo)  }}" class="card-img-top" alt="course image">
  75.                             </a>
  76.                             <div class="card-body pb-0">
  77.                                 <!-- Badge and favorite -->
  78.                                 <div class="d-flex justify-content-between mb-2">
  79.                                     <a href="{{ schedule_url }}" class="badge bg-success bg-opacity-10 text-success">Wiek 7-9 lat</a>
  81.                                 </div>
  82.                                 <!-- Title -->
  83.                                 <h5 class="card-title fw-normal"><a href="{{ schedule_url }}">{{ course.name }}</a></h5>
  84.                                 <p class="text-truncate-5 mb-2">
  85.                                     {{ course.description|striptags|slice(0, 300) }}....
  86.                                 </p>
  87.                             </div>
  88.                             <!-- Card footer -->
  89.                             <div class="card-footer pt-0 pb-3">
  90.                                 <hr>
  91.                                 <div class="d-flex justify-content-between mt-2">
  92.                                     <span class="h3 fw-light mb-0"><i class="far fa-clock text-orange me-2"></i><span class="h5" style="margin-bottom:10px;">60 min.</span></span>
  93.                                     <span class="h3 fw-light mb-0"><i class="fa fa-wallet text-orange me-2"></i><span class="h5">od {{ (course.price.yearly/100)|round(2, 'floor') }} zł</span></span>
  94.                                     <span class="h3 fw-light mb-0"><i class="fas fa-table text-orange me-2"></i><span class="h5">
  95.                                             {% if free_class is defined %}
  96.                                             1 raz
  97.                                         {% else %}
  98.                                             1 na tydzień
  99.                                         {% endif %}
  100.                                     </span></span>
  101.                                 </div>
  102.                             </div>
  103.                         </div>
  104.                     </div>
  105.                     <!-- Card item END -->
  106.                 {%  endif %}
  107.             {% endfor %}
  108.         </div>
  109.     </div>
  111.     <!-- Content START -->
  112.     <div class="tab-pane fade" id="course-pills-tabs-3" role="tabpanel" aria-labelledby="course-pills-tab-3">
  113.         <div class="row g-4">
  114.             {% for course in courseList %}
  115.                 {% if free_class is defined %}
  116.                     {% set schedule_url = '/kurs/' ~ course.id ~ '/' ~ course.name|replace({' ': '-'})  ~ '/darmowe/harmonogram' %}
  117.                 {% else %}
  118.                     {% set schedule_url = '/kurs/' ~ course.id ~ '/' ~ course.name|replace({' ': '-'}) %}
  119.                 {% endif %}
  120.                 {%  if course.level == 'intermediate' %}
  121.                     <!-- Card item START -->
  122.                     <div class="col-sm-6 col-lg-4 col-xl-6" data-type="{{course.category}}">
  123.                         <div class="card shadow h-100">
  124.                             <!-- Image -->
  125.                             <a href="{{ schedule_url }}">
  126.                                 <img src="{{ asset('./assets/images/courses/' ~ course.photo)  }}" class="card-img-top" alt="course image">
  127.                             </a>
  128.                             <div class="card-body pb-0">
  129.                                 <!-- Badge and favorite -->
  130.                                 <div class="d-flex justify-content-between mb-2">
  131.                                     <a href="{{ course.id }}/{{ course.name|replace({' ': '-'}) }}" class="badge bg-success bg-opacity-10 text-success">Wiek 7-9 lat</a>
  133.                                 </div>
  134.                                 <!-- Title -->
  135.                                 <h5 class="card-title fw-normal"><a href="/{{ course.id }}/{{ course.name|replace({' ': '-'}) }}">{{ course.name }}</a></h5>
  136.                                 <p class="text-truncate-5 mb-2">
  137.                                     {{ course.description|striptags|slice(0, 300) }}....
  138.                                 </p>
  139.                             </div>
  140.                             <!-- Card footer -->
  141.                             <div class="card-footer pt-0 pb-3">
  142.                                 <hr>
  143.                                 <div class="d-flex justify-content-between mt-2">
  144.                                     <span class="h3 fw-light mb-0"><i class="far fa-clock text-orange me-2"></i><span class="h5" style="margin-bottom:10px;">60 min.</span></span>
  145.                                     <span class="h3 fw-light mb-0"><i class="fa fa-wallet text-orange me-2"></i><span class="h5">od {{ (course.price.yearly/100)|round(2, 'floor') }} zł</span></span>
  146.                                     <span class="h3 fw-light mb-0"><i class="fas fa-table text-orange me-2"></i><span class="h5">
  147.                                             {% if free_class is defined %}
  148.                                             1 raz
  149.                                         {% else %}
  150.                                             1 na tydzień
  151.                                         {% endif %}
  152.                                     </span></span>
  153.                                 </div>
  154.                             </div>
  155.                         </div>
  156.                     </div>
  157.                     <!-- Card item END -->
  158.                 {%  endif %}
  159.             {% endfor %}
  160.         </div>
  161.     </div>
  163.     <!-- Content START -->
  164.     <div class="tab-pane fade" id="course-pills-tabs-4" role="tabpanel" aria-labelledby="course-pills-tab-4">
  165.         <div class="row g-4">
  166.             {% for course in courseList %}
  167.                 {% if free_class is defined %}
  168.                     {% set schedule_url = '/kurs/' ~ course.id ~ '/' ~ course.name|replace({' ': '-'})  ~ '/darmowe/harmonogram' %}
  169.                 {% else %}
  170.                     {% set schedule_url = '/kurs/' ~ course.id ~ '/' ~ course.name|replace({' ': '-'}) %}
  171.                 {% endif %}
  172.                 {%  if course.level == 'advance' %}
  173.                     <!-- Card item START -->
  174.                     <div class="col-sm-6 col-lg-4 col-xl-6" data-type="{{course.category}}">
  175.                         <div class="card shadow h-100">
  176.                             <!-- Image -->
  177.                             <a href="{{ schedule_url }}">
  178.                                 <img src="{{ asset('./assets/images/courses/' ~ course.photo)  }}" class="card-img-top" alt="course image">
  179.                             </a>
  180.                             <div class="card-body pb-0">
  181.                                 <!-- Badge and favorite -->
  182.                                 <div class="d-flex justify-content-between mb-2">
  183.                                     <a href="{{ schedule_url }}" class="badge bg-success bg-opacity-10 text-success">Wiek 7-9 lat</a>
  185.                                 </div>
  186.                                 <!-- Title -->
  187.                                 <h5 class="card-title fw-normal"><a href="{{ schedule_url }}">{{ course.name }}</a></h5>
  188.                                 <p class="text-truncate-5 mb-2">
  189.                                     {{ course.description|striptags|slice(0, 300) }}....
  190.                                 </p>
  191.                             </div>
  192.                             <!-- Card footer -->
  193.                             <div class="card-footer pt-0 pb-3">
  194.                                 <hr>
  195.                                 <div class="d-flex justify-content-between mt-2">
  196.                                     <span class="h3 fw-light mb-0"><i class="far fa-clock text-orange me-2"></i><span class="h5" style="margin-bottom:10px;">60 min.</span></span>
  197.                                     <span class="h3 fw-light mb-0"><i class="fa fa-wallet text-orange me-2"></i><span class="h5">od {{ (course.price.yearly/100)|round(2, 'floor') }} zł</span></span>
  198.                                     <span class="h3 fw-light mb-0"><i class="fas fa-table text-orange me-2"></i><span class="h5">
  199.                                             {% if free_class is defined %}
  200.                                             1 raz
  201.                                         {% else %}
  202.                                             1 na tydzień
  203.                                         {% endif %}
  204.                                     </span></span>
  205.                                 </div>
  206.                             </div>
  207.                         </div>
  208.                     </div>
  209.                     <!-- Card item END -->
  210.                 {%  endif %}
  211.             {% endfor %}
  212.         </div>
  213.     </div>
  214. </div>