templates/frontend/frontindex/detailCas.html.twig line 1

Open in your IDE?
  1. {% extends 'frontend/frontindex/add.html.twig' %}
  2. {% block body %}
  3.     <section class="breadcrumbs" style="background-image:url('../../front-assets/assets/img/breadcrumb-bg.jpg')">
  4.         <div class="container">
  5.             <div class="row">
  6.                 <div class="col-lg-6 offset-lg-3 col-12">
  7.                     <div class="breadcrumb-content">
  8.                         <h4>{{'%EspacePatient%'|trans}}</h4>
  9.                         <ul class="breadcrumb-menu">
  10.                             <li><a href="{{path('app_accueil')}}">{{ '%Home%'|trans }}</a><i class="far fa-angle-double-right"></i></li>
  11.                             <li><a href="{{path('cas_index')}}">{{'%NosCas%'|trans}}</a><i class="far fa-angle-double-right"></i></li>
  12.                             <li><a href="javascript:void(0)">{{'%cas%'|trans}} : {% if app.request.locale=='fr' %}{{ cas.titreFr }}{% elseif app.request.locale=='en' %}{{ cas.titreEn }}{% endif %}</a></li>
  13.                         </ul>
  14.                     </div>
  15.                 </div>
  16.             </div>
  17.         </div>
  18.     </section>
  19.     <section class="blog-area blog-archive-area">
  20.         <div class="container">
  21.             <div class="row">
  22.                 <div class="col-md-8 offset-md-2 text-center">
  23.                      {% for message in app.flashes('success') %}
  24.                         <div class="alert alert-success">
  25.                             {{ message }}
  26.                         </div>
  27.                     {% endfor %}
  28.                 </div>
  29.             </div>
  30.             <div class="row">
  31.                 <div class="col-lg-8 col-12 wow fadeInUp" data-wow-delay="0.2s">
  32.                     <div class="row">
  33.                         <div class="col-12">
  34.                             <div class="single-blog-area single-blog-area-sidebar">
  35.                                 <div class="single-blog-head">
  36.                                     <div class="single-head-img">
  37.                                         <div class="s-blog-head">
  38.                                             <div class="s-blog-img">
  39.                                                 <img src="{{ asset('uploads/images/' ~ cas.image) }}"   alt="{{cas.titreFr}}">
  40.                                                 {% if cas.video!=null %}
  41.                                                     <div class="video-main">
  42.                                                         <div class="promo-video">
  43.                                                             <div class="waves-block">
  44.                                                                 <div class="waves wave-1"></div>
  45.                                                                 <div class="waves wave-2"></div>
  46.                                                                 <div class="waves wave-3"></div>
  47.                                                             </div>
  48.                                                         </div>
  49.                                                         <a href="{{ cas.video }}" class="video video-popup mfp-iframe" ><i class="far fa-play"></i></a>
  50.                                                     </div>
  51.                                                 {% endif %}
  52.                                             </div>
  53.                                         </div>
  54.                                     </div>
  55.                                     <div class="blog-s-title">
  56.                                         <div class="blog-single-meta">
  57.                                             <span><img src="{{asset('front-assets/assets/img/logo1.png')}}" alt="atu" width="10%">ATU</span>
  58.                                             <span><i class="far fa-calendar-alt"></i>{{ cas.date |date("d/m/y") }}</span>
  59.                                         </div>
  60.                                         <h3>{% if app.request.locale=='fr' %}{{ cas.titreFr }}{% elseif app.request.locale=='en' %}{{ cas.titreEn }}{% endif %}
  61.                                          </h3>
  62.                                     </div>
  63.                                     
  64.                                 </div>
  65.                                 <div class="single-content">
  66.                                     <div class="blog-s-middle-img">
  67.                                         <div class="row">
  68.                                             <div class="col-md-4">
  69.                                                 <img src="{{ asset('uploads/images/' ~ cas.image) }}"   alt="{{cas.titreFr}}">
  70.                                             </div>
  71.                                             {% if cas.pdf!= null %}
  72.                                                 <div class="col-md-8">
  73.                                                     <a class="btn btn-outline-info btn-lg btn-block" href="{{asset('uploads/uploadCasPatient/' ~ cas.pdf)}}" target="_blank">{{'%voirPdf%'|trans}}</a>
  74.                                                     
  75.                                                 </div>
  76.                                             {% endif %}
  77.                                             
  78.                                         </div>
  79.                                     </div>
  80.                                 </div>
  81.                                 <div class="blog-comments">
  82.                                     <div class="comment-title">
  83.                                         <h3>{{'%Commentaires%'|trans}}</h3>
  84.                                     </div>
  85.                                     <div class="comments-body">
  86.                                         {% for qr in cas.questionReponses %}
  87.                                         <div class="single-comments">
  88.                                             <div class="main">
  89.                                                 <div class="head">
  90.                                                     {% if qr.image!=null %}<img  src="{{ asset('uploads/images/' ~ qr.image) }}"   alt="{{qr.question}}">{% elseif qr.image==null %}<img src="{{asset('front-assets/assets/img/logo1.png')}}" alt="{{qr.question}}">{% endif %}
  91.                                                 </div>
  92.                                                 <div class="body">
  93.                                                     <div class="body-top">
  94.                                                         <h6>{{ qr.prenom }} {{ qr.nom }}</h6>
  95.                                                         <span class="date-meta">{{ qr.dateQuestion  |date("d/m/y")  }}</span>
  96.                                                     </div>
  97.                                                     <p>{{ qr.question }}</p>
  98.                                                 </div>
  99.                                             </div>
  100.                                             {%  if qr.reponse != null %}
  101.                                             <div class="comment-list">
  102.                                                 <div class="head">
  103.                                                     <img src="{{asset('front-assets/assets/img/logo1.png')}}" alt="{{qr.question}}">
  104.                                                 </div>
  105.                                                 <div class="body">
  106.                                                     <div class="body-top">
  107.                                                         <h6>ATU</h6>
  108.                                                         <span class="date-meta">{{  qr.dateQuestion  |date("d/m/y") }}</span>
  109.                                                     </div>
  110.                                                     <p>{{ qr.reponse }}</p>
  111.                                                 </div>
  112.                                             </div>
  113.                                             {%  endif %}
  114.                                         </div>
  115.                                         {% endfor %}
  116.                                     </div>
  117.                                 </div>
  118.                                 <div class="post-comment">
  119.                                     <div class="comment-title">
  120.                                         <h3>{{'%Laissezvotrequestion%'|trans}}</h3>
  121.                                     </div>
  122.                                     {{ form_start(form) }}
  123.                                         <div class="comment-form">
  124.                                             <div class="row">
  125.                                                 <div class="col-lg-6 col-lg-6 col-12">
  126.                                                     <div class="form-group">
  127.                                                         <input name="{{ field_name(form.nom) }}" value="{{ field_value(form.nom) }}" placeholder="{{ '%nom%'|trans}}" class="form-control" required/>
  128.                                                     </div>
  129.                                                 </div>
  130.                                                 <div class="col-lg-6 col-lg-6 col-12">
  131.                                                     <div class="form-group">
  132.                                                         <input name="{{ field_name(form.prenom) }}" value="{{ field_value(form.prenom) }}" placeholder="{{ '%prenom%'|trans }}" class="form-control" required/>
  133.                                                     </div>
  134.                                                 </div>
  135.                                                 <div class="col-12">
  136.                                                     <div class="form-group">
  137.                                                         <textarea name="{{ field_name(form.question) }}" value="{{ field_value(form.question) }}" placeholder="{{ '%question%'|trans|capitalize }}" class="form-control" required></textarea>
  138.                                                     </div>
  139.                                                 </div>
  140.                                                 <div class="col-12">
  141.                                                     <div class="form-group">
  142.                                                         <label for="image">{{'%image%'|trans}}</label>
  143.                                                         {{form_widget(form.image)}}
  144.                                                     </div>
  145.                                                 </div>
  146.                                                 <div class="col-12">
  147.                                                     <div class="post-comment-btn">
  148.                                                         <button type="submit" class="theme-btn">{{'%Envoyer%'|trans}}</button>
  149.                                                     </div>
  150.                                                 </div>
  151.                                             </div>
  152.                                         </div>
  153.                                     {{ form_end(form) }}
  154.                                 </div>
  155.                             </div>
  156.                         </div>
  157.                     </div>
  158.                 </div>
  159.                 <div class="col-lg-4 col-md-6 col-12 wow fadeInUp" data-wow-delay="0.3s">
  160.                     <div class="blog-sidebar">
  161.                         <div class="b-single-widget popular-feeds">
  162.                             <h5 class="widget-title">{{'%autrecas%'|trans}}</h5>
  163.                             <div class="popular-feed-loop">
  164.                                 {% for cas in touscas %}
  165.                                 <div class="single-popular-feed">
  166.                                     <div class="feed-img">
  167.                                         <img src="{{ asset('uploads/images/' ~ cas.image) }}"   alt="{{cas.titreFr}}">
  168.                                     </div>
  169.                                     <div class="feed-desc">
  170.                                         <h6><a href="#">{% if app.request.locale=='fr' %}{{ cas.titreFr }}{% elseif app.request.locale=='en' %}{{ cas.titreEn }}{% endif %}  </a></h6>
  171.                                         <span class="time"><i class="far fa-calendar-alt"></i> {{ cas.date |date("d/m/y") }}</span>
  172.                                     </div>
  173.                                 </div>
  174.                                 {% endfor %}
  175.                             </div>
  176.                         </div>
  177.                         <div class="b-single-widget socail-widget">
  178.                             <h5 class="widget-title">{{'%suivezNous%'|trans}}</h5>
  179.                             <ul>
  180.                                 <li class="facebook"><a href="https://www.facebook.com/Association-Tunisienne-dUrologie-ATU-101728484906597"><i class="fab fa-facebook-f"></i></a></li>
  181.                                 <li class="instagram"><a href="#"><i class="fab fa-instagram"></i></a></li>
  182.                                 <li class="twitter"><a href="https://twitter.com/ATUrologie"><i class="fab fa-twitter"></i></a></li>
  183.                                 <li class="instagram"><a href="https://www.youtube.com/@urotunisiachannel9507"><i class="fab fa-youtube"></i></a></li>
  184.                             </ul>
  185.                         </div>
  186.                     </div>
  187.                 </div>
  188.             </div>
  189.         </div>
  190.     </section>
  191. {% endblock %}