templates/actualite/detailsFront.html.twig line 1

Open in your IDE?
  2. {% extends 'backfront.html.twig' %}
  4. {% block title %}SIP ACADEMY{% endblock %}
  6. {% block body %}
  9. <!--Blog Area Start-->
  10. <div class="blog-area pt-100 pb-100">
  11.     <div class="container">
  12.         <div class="row">
  13.             <div class="col-lg-9 col--12">
  14.                 <div class="blog-wrapper blog-details">
  15.                     <div class="blog-img img-full">
  16.                         <img src="{{asset('uploads/actualite/'~ actualite.image  )}}" alt="">
  17.                     </div>
  18.                     <div class="blog-content">
  19.                         <div class="single-item-comment-view">
  20.                             <span><i class="zmdi zmdi-calendar-check"></i>{{ actualite.date |date('d-m-Y') }}</span>
  21.                             <span><i class="zmdi zmdi-eye"></i>{{ actualite.nbvue  }}</span>
  22.                             <span><i class="zmdi zmdi-comments"></i>{{ actualite.nbcommentaire  }}</span>
  23.                         </div>
  24.                         <h3>{{ actualite.titre  }}</h3>
  25.                         {{ actualite.desccourt|raw  }}
  26.                         {{ actualite.description|raw  }}
  28.                     </div>
  29.                 </div>
  30. {#                <div class="blog-author mt-60">#}
  31. {#                    <h4 class="small-title">Author</h4>#}
  32. {#                    <div class="blog-author-box">#}
  33. {#                        <div class="blog-author-img">#}
  34. {#                            <img src="img/teacher/l-1.jpg" alt="">#}
  35. {#                        </div>#}
  36. {#                        <div class="blog-author-content">#}
  37. {#                            <h6>Stuart Smith</h6>#}
  38. {#                            <p>But I must explain to you how all this mistaken idea of denouncing sure and ising pain  borand I will give you a complete account</p>#}
  39. {#                        </div>#}
  40. {#                    </div>#}
  41. {#                </div>#}
  42. {#                <div class="common-tag-and-next-prev mt-60">#}
  43. {#                    <div class="common-tag">#}
  44. {#                        <h6>Tags: </h6>#}
  45. {#                        <ul>#}
  46. {#                            <li><a href="#">Photoshop,</a></li>#}
  47. {#                            <li><a href="#">Design,</a></li>#}
  48. {#                            <li><a href="#">Tutorial</a></li>#}
  49. {#                        </ul>#}
  50. {#                    </div>#}
  51. {#                    <div class="blog-share">#}
  52. {#                        <h6>Share:</h6>#}
  53. {#                        <ul>#}
  54. {#                            <li><a href="#">Facebook,</a></li>#}
  55. {#                            <li><a href="#">Tweeter,</a></li>#}
  56. {#                            <li><a href="#">Google+</a></li>#}
  57. {#                        </ul>#}
  58. {#                    </div>#}
  59. {#                    <div class="next-prev-post">#}
  60. {#                        <ul>#}
  61. {#                            <li><a href="#"><i class="zmdi zmdi-long-arrow-left"></i> Previous</a></li>#}
  62. {#                            <li><a href="#">Next<i class="zmdi zmdi-long-arrow-right"></i></a></li>#}
  63. {#                        </ul>#}
  64. {#                    </div>#}
  65. {#                </div>#}
  66. {#                <div class="comment-list mt-60">#}
  67. {#                    <h4 class="small-title">Comments</h4>#}
  68. {#                    <div class="comment">#}
  69. {#                        <div class="blog-author-img">#}
  70. {#                            <img src="img/teacher/l-2.jpg" alt="">#}
  71. {#                        </div>#}
  72. {#                        <div class="comment-content">#}
  73. {#                            <div class="comment-content-top">#}
  74. {#                                <h6>Alvaro Santos</h6>#}
  75. {#                                <span>08 Jun 2017</span>#}
  76. {#                            </div>#}
  77. {#                            <a href="#" class="reply">Reply</a>#}
  78. {#                            <div class="comment-content-bottom">#}
  79. {#                                <p>But I must explain to you how all this mistaken idea of denouncing pleasure and ising pain  borand I will give you a complete account of the system</p>#}
  80. {#                            </div>#}
  81. {#                        </div>#}
  82. {#                    </div>#}
  83. {#                    <div class="comment reply">#}
  84. {#                        <div class="blog-author-img">#}
  85. {#                            <img src="img/teacher/l-3.jpg" alt="">#}
  86. {#                        </div>#}
  87. {#                        <div class="comment-content">#}
  88. {#                            <div class="comment-content-top">#}
  89. {#                                <h6>Julia thomas</h6>#}
  90. {#                                <span>06 Jun 2017</span>#}
  91. {#                            </div>#}
  92. {#                            <a href="#" class="reply">Reply</a>#}
  93. {#                            <div class="comment-content-bottom">#}
  94. {#                                <p>But I must explain to you how all this mistaken idea of denouncing pleasure and ising pain  borand I will give you a complete account of the system</p>#}
  95. {#                            </div>#}
  96. {#                        </div>#}
  97. {#                    </div>#}
  98. {#                    <div class="comment">#}
  99. {#                        <div class="blog-author-img">#}
  100. {#                            <img src="img/teacher/l-4.jpg" alt="">#}
  101. {#                        </div>#}
  102. {#                        <div class="comment-content">#}
  103. {#                            <div class="comment-content-top">#}
  104. {#                                <h6>Nicolus Christopher</h6>#}
  105. {#                                <span>08 Jun 2017</span>#}
  106. {#                            </div>#}
  107. {#                            <a href="#" class="reply">Reply</a>#}
  108. {#                            <div class="comment-content-bottom">#}
  109. {#                                <p>But I must explain to you how all this mistaken idea of denouncing pleasure and ising pain  borand I will give you a complete account of the system</p>#}
  110. {#                            </div>#}
  111. {#                        </div>#}
  112. {#                    </div>#}
  113. {#                </div>#}
  114. {#                <div class="comment-box mt-60">#}
  115. {#                    <h4 class="small-title">Leave a Comment</h4>#}
  116. {#                    <form action="#">#}
  117. {#                        <div class="row">#}
  118. {#                            <div class="col-md-6">#}
  119. {#                                <div class="single-input">#}
  120. {#                                    <input name="commenter-name" placeholder="Name" id="commenter-name" type="text">#}
  121. {#                                </div>#}
  122. {#                            </div>#}
  123. {#                            <div class="col-md-6">#}
  124. {#                                <div class="single-input">#}
  125. {#                                    <input name="commenter-email" placeholder="Email" id="commenter-email" type="email">#}
  126. {#                                </div>#}
  127. {#                            </div>#}
  128. {#                            <div class="col-md-12">#}
  129. {#                                <div class="single-input">#}
  130. {#                                    <textarea name="commenter-message" placeholder="Message" id="commenter-message" cols="30" rows="5"></textarea>#}
  131. {#                                </div>#}
  132. {#                            </div>#}
  133. {#                            <div class="col-md-12">#}
  134. {#                                <div class="single-input">#}
  135. {#                                    <button class="sent-btn" type="submit">SEND Now</button>#}
  136. {#                                </div>#}
  137. {#                            </div>#}
  138. {#                        </div>#}
  139. {#                    </form>#}
  140. {#                </div>#}
  141.             </div>
  143.             <div class="col-lg-3">
  144.                 <div class="sidebar-widget">
  145.                     <div class="single-sidebar-widget">
  146.                         <h4 class="title">Prochaines Sessions</h4>
  147.                         <div class="recent-content">
  148.                             {% for eve in evenements|sort|reverse %}
  152.                                     <div class="recent-content-item">
  153.                                         <a href="{{ path('app_details_session',{'slug':eve.slug}) }}">
  156.                                             {% if eve.image %}
  157.                                                 <img src="{{asset('uploads/evenement/'~ eve.image  )}}" style="width: 70px;height: 65px" alt="">
  158.                                             {% else %}
  159.                                                 <img src="{{asset('uploads/formation/'~ eve.formation.affiche  )}}"   style="width: 70px;height: 65px" alt="">
  160.                                             {% endif %}
  164.                                         </a>
  165.                                         <div class="recent-text">
  166.                                             <h4><a href="{{ path('app_details_session',{'slug':eve.slug}) }}">{{ eve.titre }}</a></h4>
  167.                                             <div class="single-item-comment-view">
  168.                                                 <span><i class="zmdi zmdi-time"></i>{{ eve.starttime |date('d M H:i') }}</span>
  169.                                                 <span><i class="zmdi zmdi-time"></i>{{ eve.endtime |date('d M H:i') }}</span>
  171.                                             </div>
  173.                                         </div>
  174.                                     </div>
  179.                             {% endfor %}
  183.                         </div>
  184.                     </div>
  186.                     <div class="single-sidebar-widget">
  187.                         <h4 class="title">Anciennes Sessions</h4>
  188.                         <div class="recent-content">
  189.                             {% for eve in ancienEvent|sort|reverse %}
  193.                                 <div class="recent-content-item">
  194.                                     <a href="{{ path('app_details_session',{'slug':eve.slug}) }}">
  197.                                         {% if eve.image %}
  198.                                             <img src="{{asset('uploads/evenement/'~ eve.image  )}}" style="width: 70px;height: 65px" alt="">
  199.                                         {% else %}
  200.                                             <img src="{{asset('uploads/formation/'~ eve.formation.affiche  )}}"   style="width: 70px;height: 65px" alt="">
  201.                                         {% endif %}
  205.                                     </a>
  206.                                     <div class="recent-text">
  207.                                         <h4><a href="{{ path('app_details_session',{'slug':eve.slug}) }}">{{ eve.titre }}</a></h4>
  208.                                         <div class="single-item-comment-view">
  209.                                             <span><i class="zmdi zmdi-time"></i>{{ eve.starttime |date('d M H:i') }}</span>
  210.                                             <span><i class="zmdi zmdi-time"></i>{{ eve.endtime |date('d M H:i') }}</span>
  212.                                         </div>
  214.                                     </div>
  215.                                 </div>
  220.                             {% endfor %}
  224.                         </div>
  225.                     </div>
  226.                     <div class="single-sidebar-widget">
  227.                         <h4 class="title">Dernières Actualités</h4>
  228.                         <div class="recent-content">
  229.                             {% for actualite in actualites %}
  230.                                 <div class="recent-content-item">
  231.                                     <a href="{{ path('app_details_actualite',{'slug':actualite.slug}) }}"><img src="{{asset('uploads/actualite/'~ actualite.image  )}}" style="width: 70px;height: 65px" alt=""></a>
  232.                                     <div class="recent-text">
  233.                                         <h4><a href="{{ path('app_details_actualite',{'slug':actualite.slug}) }}">{{ actualite.titre }}</a></h4>
  234.                                         <a class="single-item-comment-view" style="height: 20px;margin-bottom: 0px;color: darkblue;font-size: 13px"
  235.                                            href="{{ path('app_details_actualite',{'slug':actualite.slug}) }}"
  236.                                         >Lire la suite</a>
  237.                                         <div class="single-item-comment-view">
  238.                                             <span><i class="zmdi zmdi-eye"></i>{{ actualite.nbvue }}</span>
  239.                                             <span><i class="zmdi zmdi-comments"></i>{{ actualite.nbcommentaire }}</span>
  240.                                         </div>
  242.                                     </div>
  243.                                 </div>
  244.                             {% endfor %}
  245.                         </div>
  246.                     </div>
  247.                     <div class="single-sidebar-widget">
  248.                         <div class="widget-banner img-full">
  249.                             <a href="#"><img src="img/banner/event-banner1.jpg" alt=""></a>
  250.                         </div>
  251.                     </div>
  253.                 </div>
  254.             </div>
  255.         </div>
  256.     </div>
  257. </div>
  258. <!--Blog Area End-->
  259. {% endblock %}