templates/sidebar.html.twig line 1

Open in your IDE?
  1. <!--nav class="w3-sidebar w3-red w3-collapse w3-top w3-large w3-padding" style="z-index: 3; width: 300px; font-weight: bold; display: block;" id="mySidebar"><br>
  2. <a href="javascript:void(0)" onclick="w3_close()" class="w3-button w3-hide w3-pink w3-transparent-large w3-display-topleft" style="width:100%;font-size:22px">Close Menu</a>
  3. <div class="w3-container">
  4. <h3 class="w3-padding-64"><b>Company<br>Name</b></h3>
  5. </div>
  6. <div class="w3-bar-block">
  7. <a href="#" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Home</a>
  8. <a href="#showcase" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Showcase</a>
  9. <a href="#services" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Services</a>
  10. <a href="#designers" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Designers</a>
  11. <a href="#packages" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Packages</a>
  12. <a href="#contact" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Contact</a>
  13. </div>
  14. </nav-->
  16. <nav class="w3-sidebar w3-round w3-bar-block w3-collapse w3-leftbar w3-rightbar w3-border-red w3-animate-left w3-card w3-hover-border-pink w3-hover-white w3-teal " style="z-index:3;width:250px;" id="mySidebar">
  17. <a class="w3-bar-item w3-button w3-border-bottom w3-large w3-center w3-hover-red" href="{{ path('home') }}"><img class="w3-round-xxlarge w3-image" src="{{ asset('./birth3.png') }}" style="width:100%;color: red;text-align: center;"alt="BIRTH"></a>
  18. <a class="w3-bar-item w3-button w3-hide w3-pink w3-transparent-large w3-hover-red w3-large" href="javascript:void(0)" onclick="w3_close()">{% trans %}Close {% endtrans %}<i class="fa fa-remove"></i></a>
  23. <a class="w3-bar-item w3-button w3-hover-red" href="{{ path('home') }}"><span class='fa fa-home fa-2x'> </span>{% trans %} Home{% endtrans %}</a>
  27. <div>
  28. <a class="w3-bar-item w3-button w3-hover-teal" onclick="myAccordion('lang')" href="javascript:void(0)"><span class='fa fa-language '> </span> {% trans %}Language{% endtrans %} <i class="fa fa-caret-down"></i></a>
  29. <div id="lang" class="w3-hide w3-pink w3-transparent ">
  30. {% if app.request.attributes.get('id') %}
  31. <a class="dropdown-item w3-bar-item" href="{{ path( app.request.attributes.get('_route') ,{_locale:'en',id:app.request.attributes.get('id')}) }}"><img class="w3-round" src="{{ asset('image/us.png') }}" width="32px" alt="en">{% trans %}English{% endtrans %}</a>
  32. <a class="dropdown-item w3-bar-item" href="{{ path( app.request.attributes.get('_route') ,{_locale:'fr',id:app.request.attributes.get('id')}) }}"><img class="w3-round" src="{{ asset('image/fr.webp') }}" width="32px" alt="fr">{% trans %}French{% endtrans %}</a>
  33. {% else %}
  34. <a class="dropdown-item w3-bar-item" href="{{ path( app.request.attributes.get('_route') ,{_locale:'en'}) }}"><img class="w3-round" src="{{ asset('image/us.png') }}" width="32px" alt="en">{% trans %}English{% endtrans %}</a>
  35. <a class="dropdown-item w3-bar-item" href="{{ path( app.request.attributes.get('_route') ,{_locale:'fr'}) }}"><img class="w3-round" src="{{ asset('image/fr.webp') }}" width="32px" alt="fr">{% trans %}French{% endtrans %}</a>
  37. {% endif %}
  38. </div>
  39. </div>
  41. <!--
  42. <a class="w3-bar-item w3-button w3-red" href="#">Home</a>
  43. <a class="w3-bar-item w3-button" href="#">Link 1</a>
  44. <a class="w3-bar-item w3-button" href="#">Link 2</a>
  45. <a class="w3-bar-item w3-button" href="#">Link 3</a>
  46. <a class="w3-bar-item w3-button" href="#">Link 4</a>
  47. <a class="w3-bar-item w3-button" href="#">Link 5</a>
  48. -->
  49. {% if is_granted('IS_AUTHENTICATED_FULLY') %}
  50. <div>
  51. <!--a class="w3-bar-item w3-button w3-hover-teal" onclick="myAccordion('demo')" href="javascript:void(0)">{% trans %}Profile{% endtrans %} <i class="fa fa-caret-down"></i></a>
  52. <div id="demo" class="w3-hide w3-pink w3-transparent">
  53. <a class="w3-bar-item w3-button" href="#">Link</a>
  54. <a class="w3-bar-item w3-button" href="#">Link</a>
  55. <a class="w3-bar-item w3-button" href="#">Link</a>
  56. </div-->
  57. </div>
  59. <div>
  60. <a class="w3-bar-item w3-button w3-hover-teal" onclick="myAccordion('demo_birth')" href="javascript:void(0)"><span class="fa-child fa"></span> {% trans %}Birth{% endtrans %} <i class="fa fa-caret-down"></i></a>
  61. <div id="demo_birth" class="w3-hide w3-pink w3-transparent ">
  62. <a class="w3-bar-item w3-button w3-hover-red" href="{{ path('child_new') }}">{% trans %}Record a birth{% endtrans %}</a>
  63. <a class="w3-bar-item w3-button w3-hover-red" href="{{ path('child_index') }}">{% trans %}All Birth Certificate{% endtrans %}</a>
  64. <a class="w3-bar-item w3-button w3-hover-red" href="{{ path('child_test') }}">{% trans %}Complete Birth certificate {% endtrans %}</a>
  65. </div>
  66. </div>
  69. <div>
  70. <a class="w3-bar-item w3-button w3-hover-teal" onclick="myAccordion('demo_marriage')" href="javascript:void(0)"><span class="fa-random fa"></span> {% trans %}Marriage{% endtrans %}<i class="fa fa-caret-down"></i></a>
  71. <div id="demo_marriage" class="w3-hide w3-pink w3-transparent">
  72. <a class="w3-bar-item w3-button" href="{{ path('marriage_certificate_new') }}">{% trans %}Record a Wedding{% endtrans %}</a>
  73. <a class="w3-bar-item w3-button w3-hover-red" href="{{ path('marriage_certificate_index') }}">{% trans %}All marriage Certificate{% endtrans %}</a>
  74. <a class="w3-bar-item w3-button w3-hover-red" href="{{ path('marriage_test') }}">{% trans %}Complete Marriage certificate {% endtrans %}</a>
  76. </div>
  77. </div>
  79. <div>
  80. <a class="w3-bar-item w3-button w3-hover-teal" onclick="myAccordion('demo_death')" href="javascript:void(0)"><span class="fa-ban fa"></span> {% trans %}Death{% endtrans %} <i class="fa fa-caret-down"></i></a>
  81. <div id="demo_death" class="w3-hide w3-pink w3-transparent">
  82. <a class="w3-bar-item w3-button" href="{{ path('death_certificate_new') }}">{% trans %}Record a death{% endtrans %}</a>
  83. <a class="w3-bar-item w3-button w3-hover-red" href="{{ path('death_certificate_index') }}">{% trans %}All Death Certificate{% endtrans %}</a>
  84. <a class="w3-bar-item w3-button w3-hover-red" href="{{ path('death_test') }}">{% trans %}Complete death certificate {% endtrans %}</a>
  85. </div>
  86. </div>
  89. {% if is_granted('ROLE_HABITECH') or is_granted('ROLE_CEC') %}
  90. <br>
  92. <div>
  93. <a class="w3-bar-item w3-button w3-hover-teal" onclick="myAccordion('demo_hospital')" href="javascript:void(0)"><span class="fa-hospital-o fa"></span> {% trans %}Hospital{% endtrans %}<i class="fa fa-caret-down"></i></a>
  94. <div id="demo_hospital" class="w3-hide w3-pink w3-transparent">
  95. <a class="w3-bar-item w3-button" href="{{ path('hospital_new') }}">{% trans %}new Hospital{% endtrans %}</a>
  96. <a class="w3-bar-item w3-button w3-hover-red" href="{{ path('hospital_index') }}">{% trans %}All hospitals{% endtrans %}</a>
  98. </div>
  99. </div>
  103. <div>
  104. <a class="w3-bar-item w3-button w3-hover-teal" onclick="myAccordion('demo_subdivision')" href="javascript:void(0)"><span class="fa-universal-access fa"></span> {% trans %}Subdivision{% endtrans %}<i class="fa fa-caret-down"></i></a>
  105. <div id="demo_subdivision" class="w3-hide w3-pink w3-transparent">
  106. <a class="w3-bar-item w3-button" href="{{ path('subdivision_new') }}">{% trans %}new subdivision{% endtrans %}</a>
  107. <a class="w3-bar-item w3-button w3-hover-red" href="{{ path('subdivision_index') }}">{% trans %}All Subdivisions{% endtrans %}</a>
  109. </div>
  110. </div>
  112. <br>
  115. <div class="">
  117. <a class="w3-bar-item w3-button w3-hover-teal" href="{{ path('app_register') }}"><span class="fa fa-user-plus"></span> {% trans %}Register {% endtrans %}</a>
  118. </div>
  124. {% endif %}
  126. {% else %}
  128. <div>
  129. <a class="w3-bar-item w3-button w3-hover-teal" onclick="myAccordion('demo_birth')" href="javascript:void(0)"><span class="fa-address-card-o fa"></span> {% trans %}Birth{% endtrans %} <i class="fa fa-caret-down"></i></a>
  130. <div id="demo_birth" class="w3-hide w3-pink w3-transparent">
  131. <a class="w3-bar-item w3-button w3-hover-red" href="{{ path('child_new') }}">{% trans %}Record a birth{% endtrans %}</a>
  132. <a class="w3-bar-item w3-button w3-hover-red" href="{{ path('child_test') }}">{% trans %}Complete Birth certificate {% endtrans %}</a>
  133. </div>
  134. </div>
  137. <div>
  138. <a class="w3-bar-item w3-button w3-hover-teal" onclick="myAccordion('demo_marriage')" href="javascript:void(0)"><span class="fa-random fa"></span> {% trans %}Marriage{% endtrans %}<i class="fa fa-caret-down"></i></a>
  139. <div id="demo_marriage" class="w3-hide w3-pink w3-transparent">
  140. <a class="w3-bar-item w3-button" href="{{ path('marriage_certificate_new') }}">{% trans %}Record a Wedding{% endtrans %}</a>
  141. <a class="w3-bar-item w3-button w3-hover-red" href="{{ path('marriage_test') }}">{% trans %}Complete Marriage certificate {% endtrans %}</a>
  143. </div>
  144. </div>
  146. <div>
  147. <a class="w3-bar-item w3-button w3-hover-teal" onclick="myAccordion('demo_death')" href="javascript:void(0)"><span class="fa-ban fa"></span> {% trans %}Death{% endtrans %} <i class="fa fa-caret-down"></i></a>
  148. <div id="demo_death" class="w3-hide w3-pink w3-transparent">
  149. <a class="w3-bar-item w3-button" href="{{ path('death_certificate_new') }}">{% trans %}Record a death{% endtrans %}</a>
  150. <a class="w3-bar-item w3-button w3-hover-red" href="{{ path('death_test') }}">{% trans %}Complete death certificate {% endtrans %}</a>
  151. </div>
  152. </div>
  158. {% endif %}
  161. <div class="w3-row w3-padding-large w3-panel w3-hover-pink w3-round-large">
  162. <marquee behavior="" ><h4 class="w3-center">{% trans %}Social solutions, we have them{% endtrans %}</h4></marquee>
  164. <marquee class="w3-righ-bar" direction="right">
  165. <a href="https://habitechsolution.com"> <img src="{{ asset('./solutions/habitech.png') }}" class="w3-image w3-round-large w3-small" style="height: 125px"></a>
  166. <a href="https://birth.habitechsolution.com"><img src="{{ asset('./solutions/favicon.png') }}" class="w3-image w3-round-large w3-small" alt="..." style="height: 125px"></a>
  167. <a href="https://rapmis.habitechsolution.com"> <img src="{{ asset('./solutions/rap.png') }}" class="w3-image w3-round-large w3-small" alt="..." style="height: 125px"></a>
  168. <a href="http://facebook/kideats"> <img src="{{ asset('./solutions/kideat.jpg') }}" class="w3-image w3-round-large w3-small" alt="..." style="height: 125px"></a>
  169. <a href="http://easykeep.habitechsolution.com"><img src="{{ asset('./solutions/easykeep.jpg') }}" class="w3-image w3-circle w3-small" alt="..." style="height: 125px"></a>
  170. <a href="http://santalert.habitechsolution.com"> <img src="{{ asset('./solutions/santalert.jpg') }}" class="w3-image w3-circle w3-small" alt="..." style="height: 125px"></a>
  171. <a href="http://habitechsolution.com"> <img src="{{ asset('./solutions/archidoc.png') }}" class="w3-image w3-circle w3-small" alt="..." style="height: 125px"></a>
  174. </marquee>
  175. </div>
  178. </nav>
  180. <div class="w3-overlay w3-hide-large w3-animate-opacity" onclick="w3_close()" style="cursor:pointer" id="myOverlay"></div>
  183. <div id="myTop" class="w3-container w3-hide-large w3-theme w3-large w3-animate-fading ">
  184. <p><i class="fa fa-eye w3-button w3-red w3-large pull-right" onclick="w3_open()"></i>
  185. </p>
  186. </div>
  190. <div id="myTop" class="w3-container w3-theme w3-large w3-animate-zoom w3-teal ">
  191. <marquee class="w3-container w3-theme w3-large w3-animate-input "> Birth,
  192. {% trans %} Integrated digital solution of a proactive nature for the almost
  193. instantaneous establishment of birth certificates with the aim of reducing the problems of statelessness,
  194. and other all-out corollaries due to the non-possession of a birth certificate.{% endtrans %}
  195. </marquee>
  196. </div>
  199. <!--script>
  200. // Script to open and close sidebar
  201. function w3_open() {
  202. document.getElementById("mySidebar").style.display = "block";
  203. document.getElementById("myOverlay").style.display = "block";
  204. }
  206. function w3_close() {
  207. document.getElementById("mySidebar").style.display = "none";
  208. document.getElementById("myOverlay").style.display = "none";
  209. }
  211. // Modal Image Gallery
  212. function onClick(element) {
  213. document.getElementById("img01").src = element.src;
  214. document.getElementById("modal01").style.display = "block";
  215. var captionText = document.getElementById("caption");
  216. captionText.innerHTML = element.alt;
  217. }
  218. </script-->
  223. <script>
  224. // Open and close the sidebar on medium and small screens
  225. function w3_open() {
  226. document.getElementById("mySidebar").style.display = "block";
  227. document.getElementById("myOverlay").style.display = "block";
  228. }
  230. function w3_close() {
  231. document.getElementById("mySidebar").style.display = "none";
  232. document.getElementById("myOverlay").style.display = "none";
  233. }
  235. // Change style of top container on scroll
  236. window.onscroll = function() {myFunction()};
  237. function myFunction() {
  238. if (document.body.scrollTop > 80 || document.documentElement.scrollTop > 80) {
  239. document.getElementById("myTop").classList.add("w3-card-4", "w3-animate-opacity");
  240. document.getElementById("myIntro").classList.add("w3-show-inline-block");
  241. } else {
  242. document.getElementById("myIntro").classList.remove("w3-show-inline-block");
  243. document.getElementById("myTop").classList.remove("w3-card-4", "w3-animate-opacity");
  244. }
  245. }
  247. // Accordions
  248. function myAccordion(id) {
  249. var x = document.getElementById(id);
  250. if (x.className.indexOf("w3-show") == -1) {
  251. x.className += " w3-show";
  252. x.previousElementSibling.className += " w3-theme";
  253. } else {
  254. x.className = x.className.replace("w3-show", "");
  255. x.previousElementSibling.className =
  256. x.previousElementSibling.className.replace(" w3-theme", "");
  257. }
  258. }
  259. </script>