{% set _route = app.request.attributes.get('_route') %}
{% set _route_params = app.request.attributes.get('_route_params') %}
{% set params = route_params|merge(app.request.query.all) %}
{%set page = "" %}
<header>
<!--KODE TOP WRAP START-->
<!--KODE TOP2 WRAP START-->
<!--KODE TOP2 WRAP END-->
<div class="kode_top2_icon">
<ul>
<li>
<div class="dropdown">
<div id="dLabel" data-toggle="dropdown">
<img src="{{ asset('images/locale_flags/' ~ app.request.locale ~ '.png') }}" alt="flag">{{ app.request.locale|title }}
<span class="fa fa-angle-down"></span>
</div>
<ul class="dropdown-menu" aria-labelledby="dLabel">
{% for locale in locales %}
{% if locale != app.request.locale %}
<li>
<a href="{{ path(route, params|merge({ _locale: locale })) }}">
<img src="{{ asset('images/locale_flags/' ~ locale ~ '.png') }}" alt="{{ locale }}">{{ locale|title }}
</a>
</li>
{% endif %}
{% endfor %}
</ul>
</div>
</li>
</ul>
<div id="installContainer" class="">
</div>
<div class="donate_btn">
<!-- Button trigger modal
<div class="medium_btn theme_color_bg btn_hover2" data-toggle="modal" data-target="#myModal">
{{ 'header.donate.title' | trans}}
</div>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span></button>
<div class="modal-body">
<!--KODE DONATE DES START-->
{{ render(controller("App\\Controller\\Front\\PaymentController::donate") )}}
<!--KODE DONATE DES END-->
</div>
</div>
</div>
</div>
</div>
</div>
<!--KODE TOP WRAP END-->
<!--KODE TOP LOGO WRAP START-->
<div class="kode_top_logo_wrap them_overlay">
<!--CONTAINER START-->
<div class="container">
<div class="top_logo">
<a href="#"><img src="{{asset('images/header-logo.webp')}}" alt="sharjah Masjids"></a>
</div>
<div class="top_time_circle">
<ul>
<li><a href="#">Fajr</a><span id="fajr">5:30</span></li>
<li><a href="#">Dhur</a><span id="dhor">1:30</span></li>
<li><a href="#">Asar</a><span id="asr">5:00</span></li>
<li><a href="#">Magrib</a><span id="maghreb">6:30</span></li>
<li><a href="#">iSHA</a><span id="icha">8:00</span></li>
</ul>
</div>
</div>
<!--CONTAINER END-->
</div>
<!--KODE TOP LOGO WRAP END-->
<!--KODE NAVIGATION WRAP START-->
<!--KODE NAVIGATION WRAP END-->
</header>
<script> var city = '{{city}}'</script>