templates/base.html.twig line 1

  1. {% set route_params = app.request.attributes.get('_route_params') %}
  2. {% set route = app.request.attributes.get('_route') %}
  3. {% set routePath = route ? path(route, route_params) : null %}
  4. <!DOCTYPE html>
  5. <html lang="{{ app.request.locale }}">
  6. <head>
  7. <meta charset="utf-8">
  8. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  9. <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
  10. <title>{% block page_title %}{{ website_title|trans }}{% endblock %}</title>
  11. {{ meta_tags() }}
  12. <link rel="canonical" href="{{ canonical_url() }}"/>
  13. <meta name="distribution" content="distribution">
  14. <meta name="author" content="tafsir">
  16. <!-- Favicons -->
  17. <link rel="shortcut icon" type='image/x-icon' href="{{ asset('favicon.ico') }}">
  18. <!-- Font -->
  19. <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet">
  20. <link href="https://fonts.googleapis.com/css?family=Amiri:400,700&display=swap" rel="stylesheet">
  22. {% block head %}
  23. <!-- mega-menu -->
  24. <link href="{{ asset('lib/mega-menu/css/webslidemenu.css') }}" rel="stylesheet">
  25. <!-- owl.carousel -->
  26. <link href="{{ asset('lib/OwlCarousel2-2.2.1/dist/assets/owl.carousel.min.css') }}" rel="stylesheet">
  27. <link href="{{ asset('lib/OwlCarousel2-2.2.1/dist/assets/owl.theme.default.min.css') }}" rel="stylesheet">
  28. <!-- Style -->
  29. <link href="{{ asset('lib/bootstrap-3.3.7/css/bootstrap.rtl.min.css') }}" rel="stylesheet">
  31. <link href="{{ asset('lib/font-awesome-4.7.0/css/font-awesome.min.css') }}" rel="stylesheet">
  32. <!-- fastselect -->
  33. <link href="{{ asset('lib/fastselect-0.7.3/fastselect.min.css') }}" rel="stylesheet">
  34. <link href="{{ asset('lib/fastselect-0.7.3/fastselect.custom.css') }}" rel="stylesheet">
  36. <link href="{{ asset('lib/lazyloadxt/jquery.lazyloadxt.fadein.css') }}" rel="stylesheet">
  37. <!-- paradise-slider -->
  38. <link href="{{ asset('lib/paradise-slider/css/plug.css') }}" rel="stylesheet" media="all">
  39. <link href="{{ asset('bundles/contentmanagement/css/cms.css') }}" rel="stylesheet">
  40. <link href="{{ asset('css/style.css') }}" rel="stylesheet">
  41. <link href="{{ asset('css/custom.css') }}" rel="stylesheet">
  43. {{ link_tags() }}
  44. {{ structured_data() }}
  45. {% endblock %}
  47. <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  48. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  49. <!--[if lt IE 9]>
  50. <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  51. <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  52. <![endif]-->
  53. <script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create', 'UA-19898463-1', {'cookieDomain':'none', 'siteSpeedSampleRate':5});ga('send', 'pageview');</script>
  54. </head>
  55. <body>
  56. <header>
  57. <!-- top-header -->
  58. <section class="top-header">
  59. <div class="container">
  60. <div class="row">
  61. <div class="col-xs-12 col-md-3 txt-c-sm text-center">
  62. <a href="{{ path('homepage') }}" class="logo"> <img src="{{ asset('img/logo.png') }}" alt="{{ website_title|trans }}"> </a>
  63. </div>
  65. <div class="col-xs-6 col-md-3 txt-c-sm">
  66. <form method="get" action="{{ path('search') }}" class="form-inline">
  67. <input type="text" maxlength="64" name="query" class="form-control" placeholder="ابحث" required>
  68. <button type="submit" class="btn btn-default"><i class="fa fa-search" aria-hidden="true"></i></button>
  69. </form>
  70. </div>
  72. <div class="col-xs-2 col-md-1 p-all-0 add-advanced">
  73. <a href="{{ path('search') }}" class="btn add-advanced btn-header" > بحث متقدم </a>
  74. </div>
  76. <div class="col-xs-4 col-md-2 text-center">
  77. <a href="{{ tafsir_store_url }}" class="btn add-form btn-header store-btn" >
  78. {# <i><img src="{{ asset('img/write-icon.png') }}" class="write-icon"></i> شارك بقلمك #}
  79. <i class="fa fa-shopping-cart fa-lg" aria-hidden="true"></i> متجر تفسير
  80. </a>
  81. </div>
  83. <div class="col-xs-12 col-md-3 txt-c-sm forPc">
  84. <a href="{{ dahyan_url }}" target="_blank" class="logo logo-left">
  85. {# <img src="{{ asset('img/dahyan-logo-header.png') }}"> #}
  86. <img src="{{ asset('uploads/settings/' ~ dahyan_header_logo) }}" alt="">
  87. </a>
  88. </div>
  89. </div>
  90. </div>
  91. <div class="counted-share-vertical" id="sm-hedin">
  92. <ul class="sm-list">
  93. {% if facebook_url|length > 1 %}
  94. <li>
  95. <a href="{{ facebook_url }}" target="_blank"><i class="fa fa-facebook"></i></a>
  96. </li>
  97. {% endif %}
  98. {% if twitter_url|length > 1 %}
  99. <li>
  100. <a href="{{ twitter_url }}" target="_blank"><i class="fa fa-twitter"></i></a>
  101. </li>
  102. {% endif %}
  103. {% if google_plus_url|length > 1 %}
  104. <li>
  105. <a href="{{ google_plus_url }}" target="_blank"><i class="fa fa-google-plus"></i></a>
  106. </li>
  107. {% endif %}
  108. {% if youtube_url|length > 1 %}
  109. <li>
  110. <a href="{{ youtube_url }}" target="_blank"><i class="fa fa-youtube"></i></a>
  111. </li>
  112. {% endif %}
  113. {% if telegram_url|length > 1 %}
  114. <li>
  115. <a href="{{ telegram_url }}" target="_blank"><i class="fa fa-send"></i></a>
  116. </li>
  117. {% endif %}
  118. {% if snapchat_url|length > 1 %}
  119. <li>
  120. <a href="{{ snapchat_url }}" target="_blank"><i class="fa fa-snapchat-ghost"></i></a>
  121. </li>
  122. {% endif %}
  123. {% if periscope_url|length > 1 %}
  124. <li>
  125. <a href="{{ periscope_url }}" target="_blank"><i class="fa fa-map-marker"></i></a>
  126. </li>
  127. {% endif %}
  128. <li>
  129. <span class="fa fa-chevron-left close-sm" id="sm-show"></span>
  130. </li>
  131. </ul>
  132. </div>
  134. <div class="counted-share-vertical-01" id="sm-back">
  135. <ul class="sm-list">
  136. <li> <span class="fa fa-chevron-right close-sm"></span> </li>
  137. </ul>
  138. </div>
  140. {% if route not in ['contactforms_front_send', 'contactforms_front_create'] %}
  141. <div class="counted-share-vertical-02 rilt-links">
  142. <ul class="sm-list">
  143. <li><a class="pointer-css" data-toggle="modal" data-target="#contact-us"><i class="fa fa-envelope-o"></i></a></li>
  144. <li><a class="pointer-css" data-toggle="modal" data-target="#feedback"><i class="fa fa-lightbulb-o"></i></a></li>
  145. </ul>
  146. </div>
  147. {% endif %}
  149. </section>
  151. <!-- top-header -->
  152. {{ render(controller('App\\Controller\\BlocksController::navbarBlockAction')) }}
  154. </header>
  156. {% block page_content %}
  157. {{ render(controller('App\\Controller\\BlocksController::newsbarBlockAction')) }}
  159. <section class="page-content">
  160. <div class="container">
  161. <div class="post-content main-content">
  162. <div class="col-md-9">
  163. <div class="row">
  164. {% block page_content_header %}
  165. {% block contextual %}
  166. {{ render(controller('Rawafed\\NavigationBundle\\Controller\\NavigationController::breadcrumbAction')) }}
  167. {% endblock %}
  168. {% block title_container %}
  169. <div class="title">
  170. <h1>{% block content_title %}{% endblock %}</h1>
  171. </div>
  172. {% endblock %}
  173. {% endblock %}
  174. </div>
  175. {% block content %}{% endblock %}
  176. </div>
  177. <div class="col-md-3">
  178. <div class="sidebar">
  179. <aside class="sidebar__inner">
  180. {% block aside %}{% endblock %}
  181. </aside>
  182. </div>
  183. </div>
  184. </div>
  185. </div>
  186. </section>
  187. {% endblock %}
  189. <footer>
  190. <div class="container">
  191. <div class="row">
  192. <div class="col-md-2">
  193. <div class="logo text-center">
  194. <img class="logo-taf-footer" src="{{ asset('img/logo-footer.png') }}" alt="{{ website_title|trans }}">
  195. </div>
  196. </div>
  197. {% set bottomMenuListCount = 6 %}
  199. <div class="col-md-8">
  200. <div class="col-md-12 m-t-20">
  201. <div class="form text-center">
  202. {{ render(controller('Rawafed\\NewsletterBundle\\Controller\\FrontController::addEmailAction')) }}
  203. </div>
  204. </div>
  205. <div class="col-md-12 m-t-20 m-b-20 text-center powred">
  206. تصميم وتطوير <a href="http://rawafedtech.net" target="_blank"> روافد تك </a>
  207. </div>
  208. </div>
  209. <div class="col-md-2 p-all-0">
  210. <div class="logo text-center">
  211. <a href="{{ dahyan_url }}" target="_blank">
  212. {# <img class="left-taf-footer logo-taf-footer" src="{{ asset('img/dahyan-logo-footer.png') }}"> #}
  213. <img class="left-taf-footer logo-taf-footer" src="{{ asset('uploads/settings/' ~ dahyan_footer_logo) }}" alt="">
  214. </a>
  215. </div>
  216. </div>
  217. </div>
  218. </div>
  219. <hr class="forPc">
  220. <div class="container forPc">
  221. <div class="row site-list">
  222. <div class="col-md-12 p-all-0">
  224. {% if international_marsad_url %}
  225. <div class="other-website">
  226. <a href="{{ international_marsad_url }}">
  227. <img src="{{ asset('img/site-list-01.png') }}"> المرصد الدولي
  228. </a>
  229. </div>
  230. {% endif %}
  232. {% if tafsir_forum_url %}
  233. <div class="other-website">
  234. <a href="{{ tafsir_forum_url }}">
  235. <img src="{{ asset('img/site-list-01.png') }}"> ملتقى أهل التفسير
  236. </a>
  237. </div>
  238. {% endif %}
  240. {% if tafsir_academy_url %}
  241. <div class="other-website">
  242. <a href="{{ tafsir_academy_url }}">
  243. <img src="{{ asset('img/site-list-02.png') }}"> أكاديمية تفسير
  244. </a>
  245. </div>
  246. {% endif %}
  248. {% if thesaurus_url %}
  249. <div class="other-website">
  250. <a href="{{ thesaurus_url }}">
  251. <img src="{{ asset('img/site-list-01.png') }}"> المرصد الدولي
  252. </a>
  253. </div>
  254. {% endif %}
  256. {% if tafsir_encyclopedia_url %}
  257. <div class="other-website">
  258. <a href="{{ tafsir_encyclopedia_url }}">
  259. <img src="{{ asset('img/site-list-03.png') }}"> موسوعة التفسير الموضوعي
  260. </a>
  261. </div>
  262. {% endif %}
  264. {% if applications_url %}
  265. <div class="other-website">
  266. <a href="{{ applications_url }}">
  267. <img src="{{ asset('img/site-list-01.png') }}"> التطبيقات
  268. </a>
  269. </div>
  270. {% endif %}
  272. </div>
  273. </div>
  274. </div>
  275. <div id="snackbar" class="alert alert-success"></div>
  276. </footer>
  278. {% block modals %}
  279. {% if route not in ['contactforms_front_send', 'contactforms_front_create'] %}
  280. <div class="modal fade modal-form" id="feedback" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  281. <div class="modal-dialog" role="document">
  282. <div class="modal-content">
  283. <div class="modal-header">
  284. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  285. <h4 class="modal-title" id="myModalLabel">شارك في تحسين الموقع</h4>
  286. </div>
  287. <div class="suggestion_popup_form">
  288. {{ render(controller('Rawafed\\ContactFormsBundle\\Controller\\FrontController::contactUsAction', {'_partial': true, '_feedback': true})) }}
  289. </div>
  290. </div>
  291. </div>
  292. </div>
  294. <div class="modal fade modal-form" id="contact-us" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  295. <div class="modal-dialog" role="document">
  296. <div class="modal-content">
  297. <div class="modal-header">
  298. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  299. <h4 class="modal-title" id="myModalLabel">تواصل معنا</h4>
  300. </div>
  301. <div id="contact_popup_form">
  302. {{ render(controller('Rawafed\\ContactFormsBundle\\Controller\\FrontController::contactUsAction', {'_partial': true})) }}
  303. </div>
  304. </div>
  305. </div>
  306. </div>
  307. {% endif %}
  309. <div class="modal fade" tabindex="-1" role="dialog" aria-hidden="true" id="confirm-modal">
  310. <div class="modal-dialog modal-sm">
  311. <div class="modal-content">
  312. <div class="modal-header">
  313. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  314. <span aria-hidden="true">&times;</span>
  315. </button>
  316. <h4 class="modal-title"></h4>
  317. </div>
  318. <div class="modal-body"></div>
  319. <div class="modal-footer">
  320. <button type="button" class="btn btn-default" id="modal-btn-yes">نعم</button>
  321. <button type="button" class="btn btn-primary" id="modal-btn-no">لا</button>
  322. </div>
  323. </div>
  324. </div>
  325. </div>
  327. <div class="modal fade" tabindex="-1" role="dialog" aria-hidden="true" id="alert-modal">
  328. <div class="modal-dialog modal-sm">
  329. <div class="modal-content">
  330. <div class="modal-body">
  331. <div class="alert" style="margin: 0;"></div>
  332. </div>
  333. <div class="modal-footer" style="text-align: center;">
  334. <button type="button" class="btn btn-default" id="modal-btn-close">غلق</button>
  335. </div>
  336. </div>
  337. </div>
  338. </div>
  339. {% endblock %}
  341. <script src="{{ asset('js/lab-2.0.3.min.js') }}"></script>
  343. <script>
  344. var CONFIG = {
  345. 'InternalSharing': false,
  346. 'FacebookAppId': 1906482402902614
  347. };
  349. var upload_sound_url = '{{ path('upload_sound') }}';
  351. $LAB
  352. .setOptions({
  353. BasePath: {{ uploads_host ? 'location.protocol + ' : '' }}'{{ uploads_host }}/',
  354. AlwaysPreserveOrder: true
  355. })
  357. .script("{{ asset('js/jquery-3.2.1.min.js') }}")
  358. .script("{{ asset('js/jquery-migrate-3.0.0.min.js') }}")
  359. .script("{{ asset('lib/bootstrap-3.3.7/js/bootstrap.min.js') }}")
  360. .script("{{ asset('lib/OwlCarousel2-2.2.1/dist/owl.carousel.min.js') }}")
  361. .script("{{ asset('lib/jump-menu/js/index.js') }}")
  362. .script("{{ asset('lib/mega-menu/js/webslidemenu.js') }}")
  363. .script("{{ asset('lib/paradise-slider/js/jquery.touchSwipe.min.js') }}")
  364. .script("{{ asset('lib/paradise-slider/js/plugin.min.js') }}")
  365. .script("{{ asset('lib/sweet-scroll/sweet-scroll.min.js') }}")
  366. .script("{{ asset('bundles/rawafedcommons/js/translations/ar.js') }}")
  367. .script("{{ asset('bundles/rawafedcommons/js/commons.js') }}")
  368. .script("{{ asset('lib/fastselect-0.7.3/fastselect.standalone.min.js') }}")
  369. .script("{{ asset('js/RecordRTC/RecordRTC-v5.4.6.min.js') }}")
  370. .script("{{ asset('js/RecordRTC/recorder.js') }}")
  371. .script("{{ asset('lib/jQuery.Marquee-1.3.1/jquery.marquee.min.js') }}")
  372. .script("{{ asset('lib/lazyloadxt/jquery.lazyloadxt.min.js') }}")
  373. .script("{{ asset('js/sticky-sidebar.min.js') }}")
  374. .script("{{ asset('js/script.js') }}")
  375. .script("{{ asset('js/main.js') }}")
  377. {% block js_files %}{% endblock %}
  379. .wait(function () {
  380. $(function () {
  381. /**
  382. * Tracking form submission state
  383. * used to prevent form double submission
  384. * @Author Hazem Noor <[email protected]>
  385. */
  386. $("form").each(function() {
  387. $(this).attr('data-submitted', false);
  388. });
  390. {% block js_document_ready %}{% endblock %}
  392. $('.country-fastselect').fastselect({
  393. searchPlaceholder: 'البحث في الدول',
  394. noResultsText: 'لا يوجد نتائج'
  395. });
  397. $('.marquee').marquee({
  398. pauseOnHover: true,
  399. direction: 'right',
  400. duration: 15000
  401. });
  403. $('[data-tooltip="tooltip"]').tooltip();
  405. if($('.sidebar').length) {
  406. var sidebar = new StickySidebar('.sidebar', {
  407. minWidth: 1090,
  408. containerSelector: '.main-content',
  409. innerWrapperSelector: '.sidebar__inner',
  410. topSpacing: 70,
  411. bottomSpacing: 285
  412. });
  413. }
  414. });
  415. });
  416. </script>
  418. {% if app.request.attributes.has('__stats') %}
  419. {{ render(url('__stats', app.request.attributes.get('__stats'))) }}
  420. {% endif %}
  421. </body>
  422. </html>