templates/masjid/index.html.twig line 1

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