templates/community/show.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% set page = "community" %}
  3. {% set sub_page = "community_list" %}
  4. {% block title %}{{ community.translate(app.request.locale).getName() }}{% endblock %}
  5. {% block stylesheets %}
  6.     {{ parent() }}
  7.     <link href="{{asset('css/sidebar-widget.css')}}" rel="stylesheet">
  8.     <style>
  9.   
  10.         .after-icon{
  11.             margin-left: 3px;
  12.         }
  13.     </style>
  14. {% endblock %}
  15. {% block body %}
  16.     <!--KODE SAB BANNER WRAP START-->
  17.     <div class="kode_sab_banner_wrap them_overlay">
  18.         <!--CONTAINER START-->
  19.         <div class="container">
  20.             <div class="sab_banner_text">
  21.                 <h1>{{ "masjid.list"|trans }}</h1>
  22.                 <ul class="breadcrumbs">
  23.                     <li><a href="{{path('app_front_main_index')}}"><i class="fa fa-home"></i> {{'Home'|trans}}</a></li>
  24.                     <li><strong> <i class="fa fa-mosque"></i> {{ community.translate(app.request.locale).getName() }} </strong></li>
  25.                 </ul>
  26.             </div>
  27.         </div>
  28.         <!--CONTAINER END-->
  29.     </div>
  30.     <!--KODE SAB BANNER WRAP END-->
  32.     <!--KODE EVENT WRAP START-->
  33.     <div class="kode_event_wrap">
  34.         <!--CONTAINER START-->
  35.         <div class="container">
  36.             <div class="row">
  37.                 <div class="col-md-8">
  38.                     <div class="kode_blog_list">
  39.                         <ul>
  40.                             {% for masjid in masjids %}
  41.                                 {{masjid.id}}
  42.                             <li>
  43.                                 <div class="kode_blog_fig">
  44.                                     {% if masjid.pictures|length >= 1 %}
  45.                                     <figure class="them_overlay thumbby">
  46.                                         <img srcset="{{ masjid.MainPic|imagine_filter('list_mobile') }} 480w,
  47.                                                      {{ masjid.MainPic|imagine_filter('list') }} 800w" 
  48.                                              sizes="(max-width: 768px) 480px,800px"
  49.                                              src="{{ masjid.MainPic|imagine_filter('list') }}" 
  50.                                              alt="{{masjid.translate(app.request.locale).getName()}}">
  51.                                         <a class="plus_icon" href="{{ path('masjid_show',{slug:masjid.slug}) }}"><i class="fa fa-eye"></i></a>
  52.                                     </figure>
  53.                                     {% else %}
  54.                                         <figure class="them_overlay thumbby">
  55.                                             <i class="fa icon-art" style="font-size:200px" aria-hidden="true" title="{{'no pictures'|trans}}"></i>
  56.                                             <a class="plus_icon" href="{{ path('masjid_show',{slug:masjid.slug}) }}"><i class="fa fa-eye"></i></a>
  57.                                         </figure>
  58.                                     {% endif %}
  59.                                     <div class="kode_blog_text">
  60.                                         <ul class="kode_meta">
  61.                                             <li><a href="#"><i class="fa fa-calendar"></i>{{ masjid.dateOfConsctruct|date('d-m-Y') }}</a></li>
  62.                                             <li><a href="{{path('community_show',{slug:masjid.community.slug})}}"><i class="fa fa-map-marker"></i>{{ masjid.community.translate(app.request.locale).getName() }}</a></li>
  63.                                         </ul>
  64.                                         <h5>
  65.                                             <a href="{{ path('masjid_show',{slug:masjid.slug}) }}">{{ masjid.translate(app.request.locale).getName() }}</a>
  66.                                         </h5>
  67.                                         <ul class="kode_meta meta_2">
  68.                                             {% if masjid.isWomen %} <li><i class="fa fa-female"></i><a class="after-icon" href="#"> {{ "masjid.lady"|trans }} </a></li>{% endif %}
  69.                                             {% if masjid.isEnglish %} <li><i class="fa fa-language"></i><a class="after-icon" href="#"> {{ "masjid.english"|trans }} </a></li>{% endif %}
  70.                                             {% if masjid.isJumah %} <li><i class="fa fa-users"></i><a class="after-icon" href="#"> {{ "masjid.Jumah"|trans }} </a></li>{% endif %}
  71.                                         </ul>
  72.                                     </div>
  73.                                 </div>
  74.                             </li>
  75.                             {% endfor %}
  76.                         </ul>
  77.                     </div>
  78.                     <!--KODE PAGINATION LIST START-->
  79.                     <div class="kode_pagination_list navi_2">
  80.                         {{ knp_pagination_render(masjids, 'Main/pagination_custom.html.twig') }}
  81.                     </div>
  82.                     <!--KODE PAGINATION LIST END-->
  83.                 </div>
  84.                 {{ render(controller("App\\Controller\\Front\\MainController::sidebar", { 'masjidId': 1 }) )}}
  86.             </div>
  87.         </div>
  88.         <!--CONTAINER END-->
  89.     </div>
  90.    
  91. {% endblock %}