templates/site_body.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.     <head>
  4.       <meta charset="utf-8">
  5.       <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
  6.       
  7.       {{ sonata_seo_metadatas() }}
  9.       <title>{% block page_title %} {{ pageTitle|default('Title not set') ~' | '~ setting('app_name') }} {% endblock %}</title>
  10.       {% block stylesheet %}
  11.       <!-- <link type="image/x-icon" href="{{ asset('themes/castine/assets/img/favicon.png') }}" rel="icon"> -->
  12.       <link rel="stylesheet" href="{{ asset('themes/castine/assets/css/bootstrap.min.css') }}">
  13.       <link rel="stylesheet" href="{{ asset('themes/castine/assets/plugins/fontawesome/css/fontawesome.min.css') }}">
  14.       <link rel="stylesheet" href="{{ asset('themes/castine/assets/plugins/fontawesome/css/all.min.css') }}">
  15.       <link rel="stylesheet" href="{{ asset('themes/castine/assets/css/feather.css') }}">
  16.       <link rel="stylesheet" href="{{ asset('themes/castine/assets/css/style.css') }}">
  17.       <link rel="stylesheet" href="{{ asset('bundles/starrating/css/rating.css') }}">
  18.       
  19.       {% endblock %}
  20.       {{ encore_entry_link_tags('app') }}
  22.     </head>
  23.     <body class="{% block body_class %}{% endblock %}">
  24.         <div class="main-wrapper">
  25.             {% block page_wrapper %}
  26.                 {% set user = app.user %}
  27.                 <header class="header">
  28.                     <nav class="navbar navbar-expand-lg header-nav">
  29.                         <div class="navbar-header">
  30.                             <a id="mobile_btn" href="javascript:void(0);">
  31.                             <span class="bar-icon">
  32.                             <span></span>
  33.                             <span></span>
  34.                             <span></span>
  35.                             </span>
  36.                             </a>
  37.                             <a href="{{ path('home_page') }}" class="navbar-brand logo">
  38.                                 <img src="{{ asset('build/images/logo.png') }}" class="img-fluid" alt="{{ setting('app_name') }}">
  39.                             </a>
  40.                         </div>
  41.                         <div class="main-menu-wrapper">
  42.                             <div class="menu-header">
  43.                                 <a href="{{ path('home_page') }}" class="menu-logo">
  44.                                 <img src="{{ asset('build/images/logo.png') }}" class="img-fluid" alt="Logo">
  45.                                 </a>
  46.                                 <a id="menu_close" class="menu-close" href="javascript:void(0);">
  47.                                 <i class="fas fa-times"></i>
  48.                                 </a>
  49.                             </div>
  50.                             
  51.                             {{ front_menu_render(0, 'menu/front_menu.html.twig') }}
  53.                         </div>
  54.                         {% if is_granted('ROLE_USER') %}
  55.                         <ul class="nav header-navbar-rht">
  56.                         <li class="nav-item contact-item">
  57.                             <div class="header-contact-img">
  58.                             <i class="far fa-hospital"></i>
  59.                             </div>
  60.                             <div class="header-contact-detail">
  61.                             <p class="contact-header">Contact</p>
  62.                             <p class="contact-info-header"> {{ setting('primary_number') }}</p>
  63.                             </div>
  64.                         </li>
  66.                         <li class="nav-item dropdown has-arrow logged-item">
  67.                                 <a href="#" class="dropdown-toggle nav-link" data-bs-toggle="dropdown">
  68.                                 <span class="user-img">
  69.                                 {% if user.thumbnail %}
  70.                                 <img class="rounded-circle" src="{{ user.thumbnail|media_url(150, 150) }}" width="31" alt="{{ user.firstname ~' '~ user.lastname }}">
  71.                                 {% else %}
  72.                                 <img src="{{ 'blank-profile-pic.jpeg'|media_url(150, 150) }}" alt="{{ user.firstname ~' '~ user.lastname }}">
  73.                                 {% endif %}
  74.                                 </span>
  75.                                 </a>
  76.                                 <div class="dropdown-menu dropdown-menu-end">
  77.                                     <div class="user-header">
  78.                                         <div class="avatar avatar-sm">
  79.                                             {% if user.thumbnail %}
  80.                                                 <img src="{{ user.thumbnail|media_url(150, 150) }}" alt="{{ user.firstname ~' '~ user.lastname }}" class="avatar-img rounded-circle">
  81.                                             {% else %}
  82.                                                 <img src="{{ 'blank-profile-pic.jpeg'|media_url(150, 150) }}" alt="{{ user.firstname ~' '~ user.lastname }}" class="avatar-img rounded-circle">
  83.                                             {% endif %}
  84.                                         </div>
  85.                                         <div class="user-text">
  86.                                         <h6>{{ user.firstname ~' '~ user.lastname }}</h6>
  87.                                         <p class="text-muted mb-0">{{ user.username }}</p>
  88.                                         </div>
  89.                                     </div>
  90.                                     {% if is_granted('ROLE_DOCTOR') %}
  91.                                     <a class="dropdown-item" href="{{ path('doctor.dashboard') }}">Dashboard</a>
  92.                                     <a class="dropdown-item" href="{{ path('doctor.account_settings') }}">Account Settings</a>
  93.                                     {% else %}
  94.                                     <a class="dropdown-item" href="{{ path('patient.dashboard') }}">Dashboard</a>
  95.                                     <a class="dropdown-item" href="{{ path('patient.account_settings') }}">Account Settings</a>
  96.                                     {% endif %}
  97.                                     <a class="dropdown-item" href="{{ path('app.logout') }}">Logout</a>
  98.                                 </div>
  99.                         </li>
  101.                         </ul>
  102.                         {% else %}
  103.                         <ul class="nav header-navbar-rht">
  104.                             <li class="nav-item">
  105.                                 <a class="nav-link" href="{{ path('app.login') }}">Login</a>
  106.                             </li>
  107.                             <li class="nav-item">
  108.                                 <a class="nav-link header-login" href="{{ path('app.sign_up') }}">Signup </a>
  109.                             </li>                        
  110.                         </ul>
  111.                         {% endif %}
  112.                     </nav>
  113.                 </header>
  114.                 {% block page_container %}{% endblock %}
  115.                 <footer class="footer">
  116.                     <div class="footer-top">
  117.                         <div class="container-fluid">
  118.                             <div class="row justify-content-center">
  119.                                 <div class="col-lg-3 col-md-6">
  120.                                     <div class="footer-widget footer-about">
  121.                                         <p><img class="undp-logo" src="{{ asset('build/images/undp-logo.png') }}"/> </p>
  122.                                     </div>
  123.                                 </div>
  124.                                 <div class="col-lg-3 col-md-6">
  125.                                     <div class="footer-widget footer-menu">
  126.                                         <h2 class="footer-title">For Patients</h2>
  127.                                         <ul>
  128.                                             <li><a href="{{ path('home_page') }}">Home</a></li>
  129.                                             <li><a href="{{ path('search_doctors') }}">Search Therapist</a></li>
  130.                                             <li><a href="{{ path('route_5') }}">About us</a></li>
  131.                                             <li><a href="{{ path('contact_us') }}">Contact us</a></li>
  132.                                         </ul>
  133.                                     </div>
  134.                                 </div>
  135.                                 <div class="col-lg-3 col-md-6">
  136.                                     <div class="footer-widget footer-contact">
  137.                                         <h2 class="footer-title">Contact Us</h2>
  138.                                         <div class="footer-contact-info" style="margin-bottom:20px">
  139.                                             <div class="footer-address">
  140.                                                 <span><i class="fas fa-map-marker-alt"></i></span>
  141.                                                 <p> {{ setting('app_address') }}</p>
  142.                                             </div>
  143.                                             <p>
  144.                                                 <i class="fas fa-mobile-alt"></i>
  145.                                                 {{ setting('primary_number') }}
  146.                                             </p>
  147.                                             <p class="mb-0">
  148.                                                 <i class="fas fa-envelope"></i>
  149.                                                 <a href="">{{ setting('email_address') }}</a>
  150.                                             </p>
  151.                                         </div>
  152.                                         <div class="social-icon">
  153.                                             <ul>
  154.                                                 <li>
  155.                                                     <a href="http://www.facebook.com/ghanastammeringassociation" target="_blank"><i class="fab fa-facebook-f"></i> </a>
  156.                                                 </li>
  157.                                                 <li>
  158.                                                 <a href="http://www.twitter.com/istammergh" target="_blank"><i class="fab fa-twitter"></i> </a>
  159.                                                 </li>
  160.                                                 <li>
  161.                                                 <a href="https://www.youtube.com/@ghanastammeringassociation2601" target="_blank"><i class="fab fa-youtube"></i></a>
  162.                                                 </li>
  163.                                             </ul>
  164.                                         </div>                                        
  165.                                     </div>
  166.                                 </div>
  167.                             </div>
  168.                         </div>
  169.                     </div>
  170.                     <div class="footer-bottom">
  171.                         <div class="container">
  172.                             <p class="developed-by">This website was developed with support from the United Nations Development Programme (UNDP Ghana). Part of the funding was used to provide free speech and language therapy for 20 persons who stammer as part of the piloting phase of the iStammer web app.</p>
  173.                         </div>
  174.                         <div class="container-fluid">
  175.                             <div class="copyright">
  176.                                 <div class="row">
  177.                                     <div class="col-md-6 col-lg-6">
  178.                                         <div class="copyright-text">
  179.                                             <p class="mb-0">&copy; {{ 'now'|date('Y')}} {{ setting('app_name') }}. All rights reserved.</p>
  180.                                         </div>
  181.                                     </div>
  182.                                     <div class="col-md-6 col-lg-6">
  183.                                         <div class="copyright-menu">
  184.                                             <ul class="policy-menu">
  185.                                                 <li><a href="#">Terms and Conditions</a></li>
  186.                                                 <li><a href="#">Policy</a></li>
  187.                                             </ul>
  188.                                         </div>
  189.                                     </div>
  190.                                 </div>
  191.                             </div>
  192.                         </div>
  193.                     </div>
  194.                 </footer>
  195.             {% endblock %}
  196.         </div>
  198.         {% block content_hidden %} {% endblock %}
  200.         {% block javascripts %}
  201.         <script src="{{ asset('themes/castine/assets/js/jquery-3.6.0.min.js') }}"></script>
  202.         <script src="{{ asset('themes/castine/assets/js/bootstrap.bundle.min.js') }}"></script>
  203.         <script src="{{ asset('themes/castine/assets/js/slick.js') }}"></script>
  204.         <script src="{{ asset('themes/castine/assets/js/moment.min.js') }}"></script>
  205.         <script src="{{ asset('themes/castine/assets/js/bootstrap-datetimepicker.min.js') }}"></script>
  206.         <!-- <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCnK2-F4LhdRsFNGaqLD8TUmz4serh_l6o&callback=initMap" async defer></script> -->
  207.         {% endblock %}
  208.         <script src="{{ asset('themes/castine/assets/js/script.js') }}"></script>
  209.         <script src="{{ asset('bundles/starrating/js/rating.js') }}"></script>
  210.         {{ encore_entry_script_tags('app') }} 
  211.         <script>
  212.         function initMap() {
  213.             // Coordinates to plot (example: New York City)
  214.             //var coordinates = { lat: 40.7128, lng: -74.0060 };
  216.             const $map = $("#profile-map");
  218.             if($map.length > 0){
  219.                 const coordinates = $map.data();
  220.                 // Create a new map instance
  221.                 var map = new google.maps.Map(document.getElementById('profile-map'), {
  222.                     center: coordinates,
  223.                     zoom: 15 // Adjust the zoom level as desired
  224.                 });
  226.                 // Add a marker at the coordinates
  227.                 var marker = new google.maps.Marker({
  228.                     position: coordinates,
  229.                     map: map,
  230.                     title: 'My Location' // Replace with a custom title if needed
  231.                 });                
  232.             }
  233.         }
  234.         </script>
  235.     </body>
  236. </html>