templates/layouts/layout.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="{{ app.request.locale }}">
  3.     <head>
  4.         <!-- Required meta tags -->
  5.         <meta charset="utf-8">
  6.         <meta
  7.         name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  8.         <!-- Google tag (gtag.js) -->
  9.         <script async src="https://www.googletagmanager.com/gtag/js?id=G-T1M9DMCXDH"></script>
  10.         <script>
  11.             window.dataLayer = window.dataLayer || [];
  12. function gtag() {
  13. dataLayer.push(arguments);
  14. }
  15. gtag('js', new Date());
  17. gtag('config', 'G-T1M9DMCXDH');
  18.         </script>
  20.         <!-- Meta Pixel Code -->
  21.         <script>
  22.             !function (f, b, e, v, n, t, s) {
  23. if (f.fbq) 
  24. return;
  28. n = f.fbq = function () {
  29. n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments)
  30. };
  31. if (! f._fbq) 
  32. f._fbq = n;
  36. n.push = n;
  37. n.loaded = !0;
  38. n.version = '2.0';
  39. n.queue = [];
  40. t = b.createElement(e);
  41. t.async = !0;
  42. t.src = v;
  43. s = b.getElementsByTagName(e)[0];
  44. s.parentNode.insertBefore(t, s)
  45. }(window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js');
  46. fbq('init', '338874745245900');
  47. fbq('track', 'PageView');
  48.         </script>
  49.         <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=338874745245900&ev=PageView&noscript=1"/></noscript>
  50.         <!-- End Meta Pixel Code -->
  52.         {% apply spaceless %}
  53.         {# add global stylesheets and scripts outside of any blocsk to add them to the helpers before any others assets are added #}
  54.         {# we use the view helper to have cache buster functionality #}
  55.         {% do pimcore_head_link().appendStylesheet("https://fonts.googleapis.com/css2?family=Hind+Guntur:wght@300;400;500;600;700&family=Oswald:wght@200;500;600;700&display=block") %}
  56.         {#             {% do pimcore_head_link().appendStylesheet('https://fonts.googleapis.com/css?family=Hind+Guntur:300,400,500,600,700&display=swap') %}
  57.                                                                                                                                                                                                                                                                          #}
  58.         {% do pimcore_head_link().appendStylesheet('https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css',null,null,{integrity:"sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2",crossorigin:"anonymous"}) %}
  59.         {#             {% do pimcore_head_link().appendStylesheet('https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css',null,null,{integrity:"sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T",crossorigin:"anonymous"}) %}
  60.                                                                                                                                                                                                                                                                          #}
  61.         {% do pimcore_head_link().appendStylesheet('/static/lib/fontawesome/css/all.css') %}
  62.         {% do pimcore_head_link().appendStylesheet(asset('static/lib/magnific/magnific.css'), 'screen') %}
  63.         {% do pimcore_head_link().appendStylesheet(asset('static/lib/autocompletejs/css/autoComplete.css'), 'screen') %}
  64.         {# {% do pimcore_head_link().appendStylesheet('https://use.fontawesome.com/releases/v5.15.4/css/all.css',null,null,{integrity:'sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm',crossorigin:'anonymous'}) %} #}
  66.         {% do pimcore_head_link().appendStylesheet(asset('static/css/global.css')) %}
  67.         {% do pimcore_head_link().appendStylesheet(asset('static/css/home.css')) %}
  68.         {% do pimcore_head_link().appendStylesheet(asset('static/css/components.css')) %}
  69.         {% do pimcore_head_link().appendStylesheet(asset('static/css/reactImported.css')) %}
  71.             {% if editmode %}
  72.         {% do pimcore_head_link().appendStylesheet(asset('static/css/editmode.css')) %}
  73.         {% endif %}
  74.         {% do pimcore_head_script().appendFile('https://code.jquery.com/jquery-3.5.1.slim.min.js',null,null,{ integrity:"sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj",crossorigin:"anonymous"}) %}
  75.         {% do pimcore_head_script().appendFile('https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js',null,null,{ integrity:"sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN",crossorigin:"anonymous"}) %}
  76.         {% do pimcore_head_script().appendFile('https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js',null,null,{ integrity:"sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s",crossorigin:"anonymous"}) %}
  77.         {#             {% do pimcore_head_script().appendFile('https://code.jquery.com/jquery-3.3.1.slim.min.js',null,null,{ integrity:"sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo",crossorigin:"anonymous"}) %}
  78.                                                                                                                                                                                                                                                                                     {% do pimcore_head_script().appendFile('https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js',null,null,{ integrity:"sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1",crossorigin:"anonymous"}) %}
  79.                                                                                                                                                                                                                                                                                     {% do pimcore_head_script().appendFile('https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js',null,null,{ integrity:"sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM",crossorigin:"anonymous"}) %}
  80.                                                                                                                                                                                                                                                                          #}
  81.         {% do pimcore_head_script().appendFile(asset('static/lib/magnific/magnific.js')) %}
  82.         {% do pimcore_head_script().appendFile(asset('static/lib/countup/countup.js')) %}
  83.         {% do pimcore_head_script().appendFile(asset('static/lib/autocompletejs/js/autoComplete.min.js')) %}
  84.         {% do pimcore_head_script().appendFile(asset('static/js/search-autocomplete.js')) %}
  85.         {% do pimcore_head_script().appendFile(asset('static/js/main.js')) %}
  86.         {% do pimcore_head_script().appendFile(asset('static/js/navWorkspace.js')) %}
  87.         {% do pimcore_head_script().appendFile(asset('static/js/anime.min.js', null, {type: 'module'})) %}
  88.         {% do pimcore_head_script().appendFile(asset('static/js/animations.js')) %}
  89.             {% if not editmode %}
  90.         {% do pimcore_head_script().appendFile(asset('static/js/frontend.js')) %}
  91.         {% endif %}
  93.             {% if not document is defined or not document %}
  94.         {% set document = pimcore_document(1) %}
  95.         {% endif %}
  97.             {% if document is instanceof('\\Pimcore\\Model\\Document\\Link') %}
  98.             {# @var document \Pimcore\Model\Document\Link #}
  99.         {% set document = document.getObject() %}
  100.         {% endif %}
  102.             {% if document.getTitle() is not empty %}
  103.         {% do pimcore_head_title().set(document.getTitle()) %}
  104.         {% endif %}
  106.             {% if document.getDescription() is not empty %}
  107.         {% do pimcore_head_meta().setDescription(document.getDescription()) %}
  108.         {% endif %}
  110.         {# {% do pimcore_head_title().append('Pimcore Demo') %}
  111.                                                                                                                                                                                                                                                                                     {% do pimcore_head_title().setSeparator(' : ') %} #}
  112.         {% set isPortal = ((isPortal is defined) and isPortal) %}
  113.         {% endapply %}
  115.         {# we're using the deferred extension here to make sure this block is rendered after all helper calls #}
  116.             {% block layout_head_meta deferred %}
  117.             {{ pimcore_head_title() }}
  118.             {{ pimcore_head_meta() }}
  120.                 {% if pimcore_placeholder('canonical').count() %}
  121.             <link rel="canonical" href="{{ pimcore_placeholder('canonical') }}"/> {% endif %}
  122.             <link rel="canonical" href="https://www.osgo.co.uk/"/>
  123.                 <link rel="preconnect" href="https://fonts.googleapis.com">
  124.                 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  125.                 <link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap" rel="stylesheet">
  126.             <meta property="og:locale" content="en_GB"/>
  127.             <meta property="og:type" content="website"/>
  128.             <meta property="og:title" content="Home - OSGO - The podiatry membership organisation"/>
  129.             <meta property="og:url" content="https://www.osgo.co.uk/"/>
  130.             <meta property="og:site_name" content="OSGO  - The podiatry membership organisation"/>
  131.             <meta name="twitter:card" content="summary"/>
  132.             <meta name="twitter:title" content="Home - OSGO - The podiatry membership organisation"/>
  133.             <script type='application/ld+json'>{"@context":"https:\/\/schema.org","@type":"WebSite","@id":"#website","url":"https:\/\/www.osgo.co.uk\/","name":"OSGO  - The podiatry membership organisation","potentialAction":{"@type":"SearchAction","target":"https:\/\/www.osgo.co.uk\/?s={search_term_string}","query-input":"required name=search_term_string"}}</script>
  135.         {% endblock %}
  137.         {% block head_stylesheets deferred %}
  138.             {{ pimcore_head_link() }}
  139.         {% endblock %}
  140.         <link rel="shortcut icon" href="/favicon.png"/>
  141.     </head>
  142.     <body>
  143.         {# get root node if there is no document defined (for pages which are routed directly through static route) #}
  144.         {% if not document is defined or not document %}
  145.             {% set document = pimcore_document(1) %}
  146.         {% endif %}
  148.         <header class='sticky-top bg-white' id='main-header'>
  149.             <div class='container-lg p-0'>
  150.                 <nav class="navbar navbar-expand-md navbar-light justify-content-md-between" id='site-header'>
  151.                     {# <a class="navbar-brand" href="#">Navbar w/ text</a> #}
  152.                     {#Logo Image#}
  153.                         {% if (is_granted('IS_AUTHENTICATED_REMEMBERED')) %}
  154.                             <a
  155.                             class="navbar-brand main-icon-osgo" href="/" id="osgo-logo-main-nav"> {# <img class='circle  d-md-none' src="{{ asset('/static/images/osgo-logo-circle.svg') }}" alt="Osgo - taking the pain out of private practice"> #}
  156.                             <img class='with-text  d-md-none' src="{{ asset('/static/images/osgo-logo.svg') }}" alt="Osgo - taking the pain out of private practice">
  157.                             <img class='with-text d-none d-md-block' src="{{ asset('/static/images/osgo-logo.svg') }}" alt="Osgo - taking the pain out of private practice">
  158.                         </a>
  160.                         <ul class='navbar-nav d-none d-lg-flex oscare-color-green-04'>
  161.                             <li class="desktop-nav-link">
  162.                                 <button>What we do
  163.                                     <i class="fa fa-caret-down"></i>
  164.                                 </button>
  165.                                 {% include "includes/megamenu-whatwedo.html.twig" %}
  166.                             </li>
  167.                             <li class="desktop-nav-link">
  168.                                 <button>Our Story
  169.                                     <i class="fa fa-caret-down"></i>
  170.                                 </button>
  171.                                 {% include "includes/megamenu-our-history.html.twig" %}
  172.                             </li>
  173.                             <li class="desktop-nav-link">
  174.                                 <button>Academy
  175.                                     <i class="fa fa-caret-down"></i>
  176.                                 </button>
  177.                                 {% include "includes/megamenu-academy.html.twig" %}
  178.                             </li>
  179.                         </ul>
  180.                     {% else %}
  181.                         <a
  182.                             class="navbar-brand main-icon-osgo" href="/">
  183.                             {# <img class='circle d-md-none' src="{{ asset('/static/images/osgo-logo-circle.svg') }}" alt="Osgo - taking the pain out of private practice"> #}
  184.                             <img class='with-text  d-md-none' src="{{ asset('/static/images/osgo-logo.svg') }}" alt="Osgo - taking the pain out of private practice">
  185.                             <img class='with-text d-none d-md-block' src="{{ asset('/static/images/osgo-logo.svg') }}" alt="Osgo - taking the pain out of private practice">
  186.                         </a>
  187.                         <ul class='navbar-nav d-none d-lg-flex oscare-color-green-04'>
  188.                             <li class="desktop-nav-link">
  189.                                 <button>What we do
  190.                                     <i class="fa fa-caret-down"></i>
  191.                                 </button>
  192.                                 {% include "includes/megamenu-whatwedo.html.twig" %}
  193.                             </li>
  194.                             <li class="desktop-nav-link">
  195.                                 <button>Our Story
  196.                                     <i class="fa fa-caret-down"></i>
  197.                                 </button>
  198.                                 {% include "includes/megamenu-our-history.html.twig" %}
  199.                             </li>
  200.                             <li class="desktop-nav-link">
  201.                                 <button>Academy
  202.                                     <i class="fa fa-caret-down"></i>
  203.                                 </button>
  204.                                 {% include "includes/megamenu-academy.html.twig" %}
  205.                             </li>
  206.                         </ul>
  207.                     {% endif %}
  208.                     <div class='d-flex d-md-none'>
  209.                         {% if (is_granted('IS_AUTHENTICATED_REMEMBERED')) %}
  210.                             <button class="cart-btn-mobile border-0 oscare-color-black-off" aria-label='open cart' id='cart-open-btn'>
  211.                                 <span></span>
  212.                             </button>
  213.                         {% else %}
  214.                             <a href="{{path('account-login')}}" aria-label="login" class="oscare-inverted-btn non-link user-btn-mobile line-height-fit">
  215.                                 <i class="fas fa-user"></i>
  216.                             </a>
  217.                         {% endif %}
  218.                         <button class="navbar-toggler burger-btn-mobile  border-0" type="button" data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
  219.                             <span></span>
  220.                         </button>
  221.                     </div>
  222.                     {% if (is_granted('IS_AUTHENTICATED_REMEMBERED')) %}
  223.                         <div class="collapse navbar-collapse px-4" id="navbarText">
  224.                             {% set newAlert = app.user.newAlert %}
  225.                             {{ include('includes/navigation-icons.html.twig') }}
  226.                             <ul class="navbar-nav mr-auto d-md-none" id='main-nav-mobile-wrapper'>
  227.                                 <div class='d-flex justify-content-between'>
  228.                                     <a href="/workplace/dashboard" data-path='/workplace/dashboard' data-toggle="collapse" data-target=".navbar-collapse.show" class="position-relative d-inline-block py-1 font-weight-bold fs-20 oscare-color-black-light" id='dashboard-dropdown-link'>
  229.                                         My account
  230.                                         {% if newAlert == true %}
  231.                                             <div class='alert-nav-sign-dropdown'></div>
  232.                                         {% endif %}
  233.                                     </a>
  234.                                     <a href="{{ path('account-logout') }}" id='logout-link' class="d-inline-block py-1 font-weight-bold fs-20 oscare-color-black-light">{{ 'general.logout' | trans }}</a>
  235.                                 </div>
  236.                                 <div class="dropdown-divider"></div>
  237.                                 <li class="nav-item" data-toggle="collapse" data-target=".navbar-collapse.show">
  238.                                     <a class="nav-link fs-20" href="/workplace/store" data-path='/workplace/store'>
  239.                                         <span class='mr-4'>
  240.                                             <i class="far fa-shoe-prints fa-fw hex-main-nav_workplace"></i>
  241.                                         </span>Store</a>
  242.                                 </li>
  243.                                 {% set compliance = false %}
  244.                                 {% if app.user.subscription.subscriptionType == 'sub' %}
  245.                                     {% for superuser in app.user.parentUser %}
  246.                                         {% if superuser.subscription.subscriptionType == 'compliance' %}
  247.                                             {% set compliance = true %}
  248.                                         {% endif %}
  249.                                     {% endfor %}
  250.                                 {% endif %}
  251.                                 {% if app.user.subscription.subscriptionType == 'compliance' %}
  252.                                     {% set compliance = true %}
  253.                                 {% endif %}
  254.                                 {% if compliance %}
  255.                                     <li class="nav-item" data-toggle="collapse" data-target=".navbar-collapse.show">
  256.                                         <a class="nav-link fs-20" href="/workplace/team-hq" data-path='/workplace/team-hq'>
  257.                                             <span class='mr-4'>
  258.                                                 <i class="fas fa-folder-open fa-fw hex-main-nav_workplace"></i>
  259.                                             </span>Team HQ</a>
  260.                                     </li>
  261.                                     <li class="nav-item" data-toggle="collapse" data-target=".navbar-collapse.show">
  262.                                         <a class="nav-link fs-20" href="/workplace/practice-tools" data-path='/workplace/practice-tools'>
  263.                                             <span class='mr-4'>
  264.                                                 <i class="fas fa-wrench fa-fw hex-main-nav_workplace"></i>
  265.                                             </span>Practice Tools</a>
  266.                                     </li>
  267.                                 {% else %}
  268.                                     <li class="nav-item" data-toggle="collapse" data-target=".navbar-collapse.show">
  269.                                         <a class="nav-link fs-20 osgo-disabled position-relative" href="/workplace/membership-upgrade" data-path='/workplace/membership-upgrade'>
  270.                                             <span class='mr-4'>
  271.                                                 <i class="fas fa-folder-open fa-fw hex-main-nav_workplace"></i>
  272.                                             </span>
  273.                                             <span>Team HQ</span>
  274.                                         </a>
  275.                                     </li>
  276.                                     <li class="nav-item" data-toggle="collapse" data-target=".navbar-collapse.show">
  277.                                         <a class="nav-link fs-20 osgo-disabled position-relative" href="/workplace/membership-upgrade" data-path='/workplace/membership-upgrade'>
  278.                                             <span class='mr-4'>
  279.                                                 <i class="fas fa-wrench fa-fw hex-main-nav_workplace"></i>
  280.                                             </span>
  281.                                             <span>Practice Tools</span>
  282.                                         </a>
  283.                                     </li>
  284.                                 {% endif %}
  285.                                 <li class="nav-item" data-toggle="collapse" data-target=".navbar-collapse.show">
  286.                                     <a class="nav-link fs-20" href="/workplace/template-hub" data-path='/workplace/template-hub'>
  287.                                         <span class='mr-4'>
  288.                                             <i class="fas fa-graduation-cap fa-fw hex-main-nav_workplace"></i>
  289.                                         </span>Templates</a>
  290.                                 </li>
  291.                                 <li class="nav-item" data-toggle="collapse" data-target=".navbar-collapse.show">
  292.                                     <a class="nav-link fs-20" href="/workplace/marketing-hub" data-path='/workplace/marketing-hub'>
  293.                                         <span class='mr-4'>
  294.                                             <i class="fas fa-bullhorn fa-fw hex-main-nav_workplace"></i>
  295.                                         </span>Marketing Hub</a>
  296.                                 </li>
  297.                                 <li class="nav-item" data-toggle="collapse" data-target=".navbar-collapse.show">
  298.                                     <a class="nav-link fs-20" href="/workplace/deals" data-path='/workplace/deals'>
  299.                                         <span class='mr-4'>
  300.                                             <i class="fas fa-cubes fa-fw hex-main-nav_workplace"></i>
  301.                                         </span>Deals</a>
  302.                                 </li>
  303.                             </ul>
  304.                         </div>
  305.                     {% else %}
  306.                         <div class="collapse navbar-collapse fit-content" id="navbarText">
  307.                             <ul class='navbar-nav ml-auto d-none d-md-flex align-items-center'>
  308.                                 <li class='nav-item'>
  309.                                     <a href="/join-us" class="oscare-primary-btn fs-20 non-link mr-3 line-height-fit pt-2 text-white">Join Us</a>
  310.                                 </li>
  311.                                 <li class='nav-item'>
  312.                                     <a href="{{path('account-login')}}" class="oscare-inverted-btn fs-20 non-link line-height-fit pt-2">Login</a>
  313.                                 </li>
  314.                             </ul>
  316.                             <ul class="navbar-nav mr-auto d-md-none megamenu-mobile" id='main-nav-mobile-wrapper'>
  317.                                 <a class="heading" href="/join-us" role="button">Join us</a>
  319.                                 {% include "includes/megamenu-mobile.html.twig" %}
  320.                             </ul>
  321.                         </div>
  322.                         {# <div class='d-none d-md-flex'>
  323.                                                                                                                                                                                                                                                     <a href="/join-us" class="oscare-primary-btn fs-20 non-link mr-3">Join Us</a>
  324.                                                                                                                                                                                                                                                     <a href="{{ path('account-login') }}" class="oscare-inverted-btn fs-20 non-link">Login</a>
  325.                                                                                                                                                                                                                                                     
  326.                                                                                                                                                                                                                                                 </div> #}
  327.                     {% endif %}
  328.                 </nav>
  330.             </div>
  331.         </header>
  333.         <main class='d-flex flex-column' style="position: relative; flex: 1;">
  334.             {% if (app.request.pathinfo) starts with '/workplace' %}
  336.                 {{ block('content') }}
  338.             {% else %}
  339.                 {% for label, messages in app.flashes %}
  340.                     {% for message in messages %}
  341.                         <div class="alert alert-{{ label }} alert-dismissable">
  342.                             <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
  343.                             {{ message }}
  344.                         </div>
  345.                     {% endfor %}
  346.                 {% endfor %}
  349.                 {% if isPortal %}
  350.                     {{ block('content') }}
  351.                 {% else %}
  352.                     {{ block('content') }}
  354.                 {% endif %}
  356.             {% endif %}
  357.         </main>
  359.         {# include a document-snippet - in this case the footer document #}
  360.         {{ pimcore_inc(document.getProperty('footer')) }}
  362.         {# output scripts added before #}
  363.         {% block headscripts deferred %}
  364.             {{ pimcore_head_script() }}
  365.         {% endblock %}
  368.         {% block inlinescripts deferred %}
  369.             {{ pimcore_inline_script() }}
  370.         {% endblock %}
  371.     </body>
  372. </html>