<div class="col-md-4">
<!--SIDEBAR WIDGET START-->
<div class="sidebar-widget">
<!--KODE SEARCH MARGIN START-->
<div class="kode_search margin">
<form method="post" id="commentform" ACTION="{{ path('search') }}" class="comment-form">
<div class="kf_commet_field">
<label>
<input placeholder="{{ "sidebar.search"|trans }}" name="term" type="text" value="" data-default="Name*" size="30" required>
</label>
<button><i class="fa fa-paper-plane"></i></button>
</div>
</form>
</div>
<!--KODE SEARCH MARGIN END-->
<!--SIDEBAR CATEGORIES MARGIN START-->
<div class="siderbar_categories margin sidebar_bg">
<h4 class="sidebar_title">{{ "sidebar.community.browse"|trans }}</h4>
<ul class="categories_detail">
{% for community in randomCommunities %}
<li><a href="{{path('community_show',{slug:community.slug})}}">*** {{ community.translations[app.request.locale].name }}</a></li>
{% endfor %}
<li><a href="{{ path('community_index') }}"><strong>{{ "sidebar.community.all"|trans }}</strong></a></li>
</ul>
</div>
<!--SIDEBAR CATEGORIES MARGIN END-->
<!--SIDEBAR CATEGORIES RECENT NEWS MARGIN START-->
{% if currentRoute == "masjid_show" %}
<div class="siderbar_categories recent_news margin sidebar_bg">
<h4 class="sidebar_title">{{ "sidebar.nearest.title"|trans }}</h4>
<ul class="kode_calender_detail">
{% for masjid in nearestMasjid %}
{% if masjid[0].id != masjidId %}
<li>
<div class="kode_calender_list">
{% if masjid[0].pictures|length > 1 %}
<figure class="them_overlay">
<a href="{{path('masjid_show',{slug:masjid[0].slug})}}">
<img src="{{ masjid[0].MainPic|imagine_filter('sidebar') }}" alt="sharjah-masjids.com - {{masjid[0].name}}"></a>
</figure>
{% else %}
<div style="float: left;">
<i class="fa icon-art" style="font-size:50px" aria-hidden="true" title="{{'no pictures'|trans}}"></i>
</div>
{% endif %}
<div class="kode_event_text">
<h6><a href="{{path('masjid_show',{slug:masjid[0].slug})}}">{{ masjid[0].translations[app.request.locale].name }}</a></h6>
<ul class="kode_meta">
<li><a href="#"><i class="fa fa-map-marker"></i>{{ masjid["dist"] |round(3, 'floor') * 1000 }} {{ "sidebar.nearest.kms"|trans }}</a></li>
</ul>
</div>
</div>
</li>
{% endif %}
{% endfor %}
</ul>
</div>
{% endif %}
{% if currentRoute == "masjid_show" or currentRoute == "community_show" %}
{% if masjidsSameCommunity|length > 1 %}
<div class="siderbar_categories archive sidebar_bg">
<h4 class="sidebar_title">{{ 'sidebar.masjid.title'|trans}} {{ masjid.community.translations[app.request.locale].name}} </h4>
<ul class="categories_detail">
{% for masjids in masjidsSameCommunity %}
{% if masjids.id != masjidId %}
<li><a href="{{ path('masjid_show',{slug:masjids.slug}) }}">{{ masjids.translations[app.request.locale].name }}</a></li>
{% endif %}
{% endfor %}
</ul>
</div>
{% endif %}
{% endif %}
</div>
</div>