templates/formation/detailsFront.html.twig line 1

Open in your IDE?
  1. {% extends 'backfront.html.twig' %}
  3. {% block title %}Formations SIP Academy - Java, Python, DevOps, Agile et Plus{% endblock %}
  5. {% block body %}
  6.         <!--End of Header Area-->
  7.         <!--Breadcrumb Banner Area Start-->
  9.         <!--End of Breadcrumb Banner Area-->
  10.         <!--Course Area Start-->
  11.         <div class="course-details-area section-padding">
  12.             <div class="container">
  13.                 <div class="row">
  14.                     <div class="col-lg-9 col--12">
  15.                         <div class="course-details-right-sidebar">
  16.                             <div class="events-details-img1 img-full">
  17.                                 <h3>{{formation.titre }}</h3>
  18.                                 <img alt="" src="{{asset('uploads/formation/'~ formation.photofront  )}}">
  19.                             </div>
  20.                             <div class="single-item-content">
  21.                                 <div class="single-item-comment-view">
  22.                                     <span><i class="zmdi zmdi-accounts"></i>{{formation.totalinscrit }}</span>
  23.                                     <span><i class="zmdi zmdi-favorite"></i>{{formation.nblike }}</span>
  24.                                 </div>
  25.                                 <div class="single-item-rating">
  26.                                     <i class="zmdi zmdi-star"></i>
  27.                                     <i class="zmdi zmdi-star"></i>
  28.                                     <i class="zmdi zmdi-star"></i>
  29.                                     <i class="zmdi zmdi-star"></i>
  30.                                     <i class="zmdi zmdi-star"></i>
  31.                                 </div>
  32.                             </div>
  33.                             <div class="about-lectures">
  34.                                 <h3>Description</h3>
  35.                                 {{ formation.description|raw }}
  36.                             </div>
  37.                             {% if sections  != null %}
  38.                             <div class="course-duration mb-30">
  39.                                 <div class="duration-title">
  40.                                     <div class="text"><span>Sections</span> <span class="text-right"> Durée</span></div>
  41.                                 </div>
  42.                                 <div class="duration-text">
  43.                                     {%  for section  in sections %}
  44.                                     <div class="text"><span style="width: 300px">{{ section.titre }}</span> <span class="text-right">{{ section.duree }}</span></div>
  46.                                {% endfor %}
  47.                                 </div>
  48.                             </div>
  49.                             {% endif %}
  53.                         </div>
  54.                     </div>
  55.                     <div class="col-lg-3">
  56.                         <div class="sidebar-widget">
  57.                             <div class="single-sidebar-widget">
  58.                                 <h3 class="sidebar-title">Détails Formation </h3>
  59.                                 <ul class="course-menu">
  60.                                     <li>Niveau :<span>{{ formation.niveau }}</span></li>
  62.                                     <li>Durée :<span>{{ formation.duree }}</span></li>
  64.                                     <li>Catégorie :<span>{{ formation.categorie }}</span></li>
  66.                                     <li>Prix :<span>{{ formation.prix }}DT</span></li>
  67.                                 </ul>
  68.                             </div>
  69.                             <div class="single-sidebar-widget">
  70.                                 <h4 class="title">Prochaines Sessions</h4>
  71.                                 <div class="recent-content">
  72.                                     {% for evenement in evenements|sort|reverse %}
  74.                                         <div class="recent-content-item">
  75.                                             <a href="{{ path('app_details_session',{'slug':evenement.slug}) }}">
  78.                                                 {% if evenement.image %}
  79.                                                     <img  alt="" style="width: 70px;height: 65px"  src="{{asset('uploads/evenement/'~ evenement.image  )}}">
  80.                                                 {% else %}
  81.                                                     <img  alt="" style="width: 70px;height: 65px"  src="{{asset('uploads/formation/'~ evenement.formation.affiche  )}}">
  82.                                                 {% endif %}
  85.                                             </a>
  86.                                             <div class="recent-text">
  87.                                                 <h4><a href="{{ path('app_details_session',{'slug':evenement.slug}) }}">{{ evenement.titre }}</a></h4>
  88.                                                 <div class="single-item-comment-view">
  89.                                                     <span><i class="zmdi zmdi-time"></i>{{ evenement.starttime |date('d M H:i') }}</span>
  90.                                                     <span><i class="zmdi zmdi-time"></i>{{ evenement.endtime |date('d M H:i') }}</span>
  92.                                                 </div>
  94.                                             </div>
  95.                                         </div>
  98.                                     {% endfor %}
  99.                                 </div>
  100.                             </div>
  102.                             <div class="single-sidebar-widget">
  103.                                 <h4 class="title">Anciennes Sessions</h4>
  104.                                 <div class="recent-content">
  105.                                     {% for evenement in ancienevents|sort|reverse %}
  107.                                         <div class="recent-content-item">
  108.                                             <a href="{{ path('app_details_session',{'slug':evenement.slug}) }}">
  111.                                                 {% if evenement.image %}
  112.                                                     <img  alt="" style="width: 70px;height: 65px"  src="{{asset('uploads/evenement/'~ evenement.image  )}}">
  113.                                                 {% else %}
  114.                                                     <img  alt="" style="width: 70px;height: 65px"  src="{{asset('uploads/formation/'~ evenement.formation.affiche  )}}">
  115.                                                 {% endif %}
  118.                                             </a>
  119.                                             <div class="recent-text">
  120.                                                 <h4><a href="{{ path('app_details_session',{'slug':evenement.slug}) }}">{{ evenement.titre }}</a></h4>
  121.                                                 <div class="single-item-comment-view">
  122.                                                     <span><i class="zmdi zmdi-time"></i>{{ evenement.starttime |date('d M H:i') }}</span>
  123.                                                     <span><i class="zmdi zmdi-time"></i>{{ evenement.endtime |date('d M H:i') }}</span>
  125.                                                 </div>
  127.                                             </div>
  128.                                         </div>
  131.                                     {% endfor %}
  132.                                 </div>
  133.                             </div>
  134.                             <div class="single-sidebar-widget">
  135.                                 <h4 class="title">Dernières Actualités</h4>
  136.                                 <div class="recent-content">
  137.                                     {% for actualite in actualites %}
  138.                                         <div class="recent-content-item">
  139.                                             <a href="{{ path('app_details_actualite',{'slug':actualite.slug}) }}"><img src="{{asset('uploads/actualite/'~ actualite.image  )}}" style="width: 70px;height: 65px" alt=""></a>
  140.                                             <div class="recent-text">
  141.                                                 <h4><a href="{{ path('app_details_actualite',{'slug':actualite.slug}) }}">{{ actualite.titre }}</a></h4>
  142.                                                 <a class="single-item-comment-view" style="height: 20px;margin-bottom: 0px;color: darkblue;font-size: 13px"
  143.                                                    href="{{ path('app_details_actualite',{'slug':actualite.slug}) }}"
  144.                                                 >Lire la suite</a>
  145.                                                 <div class="single-item-comment-view">
  146.                                                     <span><i class="zmdi zmdi-eye"></i>{{ actualite.nbvue }}</span>
  147.                                                     <span><i class="zmdi zmdi-comments"></i>{{ actualite.nbcommentaire }}</span>
  148.                                                 </div>
  150.                                             </div>
  151.                                         </div>
  152.                                     {% endfor %}
  153.                                 </div>
  154.                             </div>
  155. {#                            <div class="single-sidebar-widget">#}
  156. {#                                <h4 class="title">Recent Course</h4>#}
  157. {#                                <div class="recent-content">#}
  158. {#                                    <div class="recent-content-item">#}
  159. {#                                        <a href="#"><img src="img/event/7.jpg" alt=""></a>#}
  160. {#                                        <div class="recent-text">#}
  161. {#                                            <h4><a href="#">Learn English in</a></h4>#}
  162. {#                                            <div class="single-item-comment-view">#}
  163. {#                                                <span><i class="zmdi zmdi-eye"></i>59</span>#}
  164. {#                                                <span><i class="zmdi zmdi-comments"></i>19</span>#}
  165. {#                                            </div>#}
  166. {#                                            <p>There are many varf passages of Lorem Ipsuable,amar</p>#}
  167. {#                                        </div>#}
  168. {#                                    </div>#}
  169. {#                                    <div class="recent-content-item">#}
  170. {#                                        <a href="#"><img src="img/event/8.jpg" alt=""></a>#}
  171. {#                                        <div class="recent-text">#}
  172. {#                                            <h4><a href="#">Team Works</a></h4>#}
  173. {#                                            <div class="single-item-comment-view">#}
  174. {#                                                <span><i class="zmdi zmdi-eye"></i>59</span>#}
  175. {#                                                <span><i class="zmdi zmdi-comments"></i>19</span>#}
  176. {#                                            </div>#}
  177. {#                                            <p>There are many varf passages of Lorem Ipsuable,amar</p>#}
  178. {#                                        </div>#}
  179. {#                                    </div>#}
  180. {#                                    <div class="recent-content-item">#}
  181. {#                                        <a href="#"><img src="img/event/9.jpg" alt=""></a>#}
  182. {#                                        <div class="recent-text">#}
  183. {#                                            <h4><a href="#">Learn With Fun</a></h4>#}
  184. {#                                            <div class="single-item-comment-view">#}
  185. {#                                                <span><i class="zmdi zmdi-eye"></i>59</span>#}
  186. {#                                                <span><i class="zmdi zmdi-comments"></i>19</span>#}
  187. {#                                            </div>#}
  188. {#                                            <p>There are many varf passages of Lorem Ipsuable,amar</p>#}
  189. {#                                        </div>#}
  190. {#                                    </div>#}
  191. {#                                    <div class="recent-content-item">#}
  192. {#                                        <a href="#"><img src="img/event/10.jpg" alt=""></a>#}
  193. {#                                        <div class="recent-text">#}
  194. {#                                            <h4><a href="#">Writing Skill</a></h4>#}
  195. {#                                            <div class="single-item-comment-view">#}
  196. {#                                                <span><i class="zmdi zmdi-eye"></i>59</span>#}
  197. {#                                                <span><i class="zmdi zmdi-comments"></i>19</span>#}
  198. {#                                            </div>#}
  199. {#                                            <p>There are many varf passages of Lorem Ipsuable,amar</p>#}
  200. {#                                        </div>#}
  201. {#                                    </div>#}
  202. {#                                </div>#}
  203. {#                            </div>#}
  204. {#                            <div class="single-sidebar-widget">#}
  205. {#                                <h4 class="title">Search by Tags</h4>#}
  206. {#                                <ul class="tags">#}
  207. {#                                    <li><a href="#">Photoshop</a></li>#}
  208. {#                                    <li><a href="#">Design</a></li>#}
  209. {#                                    <li><a href="#">Tutorial</a></li>#}
  210. {#                                    <li><a href="#">Courses</a></li>#}
  211. {#                                    <li><a href="#">Premium</a></li>#}
  212. {#                                    <li><a href="#">Designtuto</a></li>#}
  213. {#                                </ul>#}
  214. {#                            </div>#}
  215. {#                      #}
  217.                         </div>
  218.                     </div>
  219.                 </div>
  220.             </div>
  221.         </div>
  222.         <!--Course Area End-->
  223. {% endblock %}