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/autocompletejs/js/autoComplete.min.js')) %}
  83.         {% do pimcore_head_script().appendFile(asset('static/js/search-autocomplete.js')) %}
  84.         {% do pimcore_head_script().appendFile(asset('static/js/main.js')) %}
  85.         {% do pimcore_head_script().appendFile(asset('static/js/navWorkspace.js')) %}
  86.         {% do pimcore_head_script().appendFile(asset('static/js/anime.min.js', null, {type: 'module'})) %}
  87.         {% do pimcore_head_script().appendFile(asset('static/js/animations.js')) %}
  88.             {% if not editmode %}
  89.         {% do pimcore_head_script().appendFile(asset('static/js/frontend.js')) %}
  90.         {% endif %}
  92.             {% if not document is defined or not document %}
  93.         {% set document = pimcore_document(1) %}
  94.         {% endif %}
  96.             {% if document is instanceof('\\Pimcore\\Model\\Document\\Link') %}
  97.             {# @var document \Pimcore\Model\Document\Link #}
  98.         {% set document = document.getObject() %}
  99.         {% endif %}
  101.             {% if document.getTitle() is not empty %}
  102.         {% do pimcore_head_title().set(document.getTitle()) %}
  103.         {% endif %}
  105.             {% if document.getDescription() is not empty %}
  106.         {% do pimcore_head_meta().setDescription(document.getDescription()) %}
  107.         {% endif %}
  109.         {# {% do pimcore_head_title().append('Pimcore Demo') %}
  110.                                                                                                                                                                                                                                                                                     {% do pimcore_head_title().setSeparator(' : ') %} #}
  111.         {% set isPortal = ((isPortal is defined) and isPortal) %}
  112.         {% endapply %}
  114.         {# we're using the deferred extension here to make sure this block is rendered after all helper calls #}
  115.             {% block layout_head_meta deferred %}
  116.             {{ pimcore_head_title() }}
  117.             {{ pimcore_head_meta() }}
  119.                 {% if pimcore_placeholder('canonical').count() %}
  120.             <link rel="canonical" href="{{ pimcore_placeholder('canonical') }}"/> {% endif %}
  121.             <link rel="canonical" href="https://www.osgo.co.uk/"/>
  122.             <meta property="og:locale" content="en_GB"/>
  123.             <meta property="og:type" content="website"/>
  124.             <meta property="og:title" content="Home - OSGO - The podiatry membership organisation"/>
  125.             <meta property="og:url" content="https://www.osgo.co.uk/"/>
  126.             <meta property="og:site_name" content="OSGO  - The podiatry membership organisation"/>
  127.             <meta name="twitter:card" content="summary"/>
  128.             <meta name="twitter:title" content="Home - OSGO - The podiatry membership organisation"/>
  129.             <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>
  131.         {% endblock %}
  133.         {% block head_stylesheets deferred %}
  134.             {{ pimcore_head_link() }}
  135.         {% endblock %}
  136.         <link rel="shortcut icon" href="/favicon.png"/>
  137.     </head>
  138.     <body>
  139.         {# get root node if there is no document defined (for pages which are routed directly through static route) #}
  140.         {% if not document is defined or not document %}
  141.             {% set document = pimcore_document(1) %}
  142.         {% endif %}
  144.         <header class='sticky-top bg-white' id='main-header'>
  145.             <div class='container-lg p-0'>
  146.                 <nav class="navbar navbar-expand-md navbar-light justify-content-md-between" id='site-header'>
  147.                     {# <a class="navbar-brand" href="#">Navbar w/ text</a> #}
  148.                     {#Logo Image#}
  149.                         {% if (is_granted('IS_AUTHENTICATED_REMEMBERED')) %}
  150.                             <a
  151.                             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"> #}
  152.                             <img class='with-text  d-md-none' src="{{ asset('/static/images/osgo-logo.svg') }}" alt="Osgo - taking the pain out of private practice">
  153.                             <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">
  154.                         </a>
  156.                         <ul class='navbar-nav d-none d-lg-flex oscare-color-green-04'>
  157.                             <li class="desktop-nav-link">
  158.                                 <button>What we do
  159.                                     <i class="fa fa-caret-down"></i>
  160.                                 </button>
  161.                                 {% include "includes/megamenu-whatwedo.html.twig" %}
  162.                             </li>
  163.                             <li class="desktop-nav-link">
  164.                                 <button>Our Story
  165.                                     <i class="fa fa-caret-down"></i>
  166.                                 </button>
  167.                                 {% include "includes/megamenu-our-history.html.twig" %}
  168.                             </li>
  169.                             <li class="desktop-nav-link">
  170.                                 <button>Academy
  171.                                     <i class="fa fa-caret-down"></i>
  172.                                 </button>
  173.                                 {% include "includes/megamenu-academy.html.twig" %}
  174.                             </li>
  175.                         </ul>
  176.                     {% else %}
  177.                         <a
  178.                             class="navbar-brand main-icon-osgo" href="/">
  179.                             {# <img class='circle d-md-none' src="{{ asset('/static/images/osgo-logo-circle.svg') }}" alt="Osgo - taking the pain out of private practice"> #}
  180.                             <img class='with-text  d-md-none' src="{{ asset('/static/images/osgo-logo.svg') }}" alt="Osgo - taking the pain out of private practice">
  181.                             <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">
  182.                         </a>
  183.                         <ul class='navbar-nav d-none d-lg-flex oscare-color-green-04'>
  184.                             <li class="desktop-nav-link">
  185.                                 <button>What we do
  186.                                     <i class="fa fa-caret-down"></i>
  187.                                 </button>
  188.                                 {% include "includes/megamenu-whatwedo.html.twig" %}
  189.                             </li>
  190.                             <li class="desktop-nav-link">
  191.                                 <button>Our Story
  192.                                     <i class="fa fa-caret-down"></i>
  193.                                 </button>
  194.                                 {% include "includes/megamenu-our-history.html.twig" %}
  195.                             </li>
  196.                             <li class="desktop-nav-link">
  197.                                 <button>Academy
  198.                                     <i class="fa fa-caret-down"></i>
  199.                                 </button>
  200.                                 {% include "includes/megamenu-academy.html.twig" %}
  201.                             </li>
  202.                         </ul>
  203.                     {% endif %}
  204.                     <div class='d-flex d-md-none'>
  205.                         {% if (is_granted('IS_AUTHENTICATED_REMEMBERED')) %}
  206.                             <button class="cart-btn-mobile border-0 oscare-color-black-off" aria-label='open cart' id='cart-open-btn'>
  207.                                 <span></span>
  208.                             </button>
  209.                         {% else %}
  210.                             <a href="{{path('account-login')}}" aria-label="login" class="oscare-inverted-btn non-link user-btn-mobile line-height-fit">
  211.                                 <i class="fas fa-user"></i>
  212.                             </a>
  213.                         {% endif %}
  214.                         <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">
  215.                             <span></span>
  216.                         </button>
  217.                     </div>
  218.                     {% if (is_granted('IS_AUTHENTICATED_REMEMBERED')) %}
  219.                         <div class="collapse navbar-collapse px-4" id="navbarText">
  220.                             {% set newAlert = app.user.newAlert %}
  221.                             {{ include('includes/navigation-icons.html.twig') }}
  222.                             <ul class="navbar-nav mr-auto d-md-none" id='main-nav-mobile-wrapper'>
  223.                                 <div class='d-flex justify-content-between'>
  224.                                     <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'>
  225.                                         My account
  226.                                         {% if newAlert == true %}
  227.                                             <div class='alert-nav-sign-dropdown'></div>
  228.                                         {% endif %}
  229.                                     </a>
  230.                                     <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>
  231.                                 </div>
  232.                                 <div class="dropdown-divider"></div>
  233.                                 <li class="nav-item" data-toggle="collapse" data-target=".navbar-collapse.show">
  234.                                     <a class="nav-link fs-20" href="/workplace/store" data-path='/workplace/store'>
  235.                                         <span class='mr-4'>
  236.                                             <i class="far fa-shoe-prints fa-fw hex-main-nav_workplace"></i>
  237.                                         </span>Store</a>
  238.                                 </li>
  239.                                 {% set compliance = false %}
  240.                                 {% if app.user.subscription.subscriptionType == 'sub' %}
  241.                                     {% for superuser in app.user.parentUser %}
  242.                                         {% if superuser.subscription.subscriptionType == 'compliance' %}
  243.                                             {% set compliance = true %}
  244.                                         {% endif %}
  245.                                     {% endfor %}
  246.                                 {% endif %}
  247.                                 {% if app.user.subscription.subscriptionType == 'compliance' %}
  248.                                     {% set compliance = true %}
  249.                                 {% endif %}
  250.                                 {% if compliance %}
  251.                                     <li class="nav-item" data-toggle="collapse" data-target=".navbar-collapse.show">
  252.                                         <a class="nav-link fs-20" href="/workplace/team-hq" data-path='/workplace/team-hq'>
  253.                                             <span class='mr-4'>
  254.                                                 <i class="fas fa-folder-open fa-fw hex-main-nav_workplace"></i>
  255.                                             </span>Team HQ</a>
  256.                                     </li>
  257.                                     <li class="nav-item" data-toggle="collapse" data-target=".navbar-collapse.show">
  258.                                         <a class="nav-link fs-20" href="/workplace/practice-tools" data-path='/workplace/practice-tools'>
  259.                                             <span class='mr-4'>
  260.                                                 <i class="fas fa-wrench fa-fw hex-main-nav_workplace"></i>
  261.                                             </span>Practice Tools</a>
  262.                                     </li>
  263.                                 {% else %}
  264.                                     <li class="nav-item" data-toggle="collapse" data-target=".navbar-collapse.show">
  265.                                         <a class="nav-link fs-20 osgo-disabled position-relative" href="/workplace/membership-upgrade" data-path='/workplace/membership-upgrade'>
  266.                                             <span class='mr-4'>
  267.                                                 <i class="fas fa-folder-open fa-fw hex-main-nav_workplace"></i>
  268.                                             </span>
  269.                                             <span>Team HQ</span>
  270.                                         </a>
  271.                                     </li>
  272.                                     <li class="nav-item" data-toggle="collapse" data-target=".navbar-collapse.show">
  273.                                         <a class="nav-link fs-20 osgo-disabled position-relative" href="/workplace/membership-upgrade" data-path='/workplace/membership-upgrade'>
  274.                                             <span class='mr-4'>
  275.                                                 <i class="fas fa-wrench fa-fw hex-main-nav_workplace"></i>
  276.                                             </span>
  277.                                             <span>Practice Tools</span>
  278.                                         </a>
  279.                                     </li>
  280.                                 {% endif %}
  281.                                 <li class="nav-item" data-toggle="collapse" data-target=".navbar-collapse.show">
  282.                                     <a class="nav-link fs-20" href="/workplace/template-hub" data-path='/workplace/template-hub'>
  283.                                         <span class='mr-4'>
  284.                                             <i class="fas fa-graduation-cap fa-fw hex-main-nav_workplace"></i>
  285.                                         </span>Templates</a>
  286.                                 </li>
  287.                                 <li class="nav-item" data-toggle="collapse" data-target=".navbar-collapse.show">
  288.                                     <a class="nav-link fs-20" href="/workplace/marketing-hub" data-path='/workplace/marketing-hub'>
  289.                                         <span class='mr-4'>
  290.                                             <i class="fas fa-bullhorn fa-fw hex-main-nav_workplace"></i>
  291.                                         </span>Marketing Hub</a>
  292.                                 </li>
  293.                                 <li class="nav-item" data-toggle="collapse" data-target=".navbar-collapse.show">
  294.                                     <a class="nav-link fs-20" href="/workplace/deals" data-path='/workplace/deals'>
  295.                                         <span class='mr-4'>
  296.                                             <i class="fas fa-cubes fa-fw hex-main-nav_workplace"></i>
  297.                                         </span>Deals</a>
  298.                                 </li>
  299.                             </ul>
  300.                         </div>
  301.                     {% else %}
  302.                         <div class="collapse navbar-collapse fit-content" id="navbarText">
  303.                             <ul class='navbar-nav ml-auto d-none d-md-flex align-items-center'>
  304.                                 <li class='nav-item'>
  305.                                     <a href="/join-us" class="oscare-primary-btn fs-20 non-link mr-3 line-height-fit pt-2 text-white">Join Us</a>
  306.                                 </li>
  307.                                 <li class='nav-item'>
  308.                                     <a href="{{path('account-login')}}" class="oscare-inverted-btn fs-20 non-link line-height-fit pt-2">Login</a>
  309.                                 </li>
  310.                             </ul>
  312.                             <ul class="navbar-nav mr-auto d-md-none megamenu-mobile" id='main-nav-mobile-wrapper'>
  313.                                 <a class="heading" href="/join-us" role="button">Join us</a>
  315.                                 {% include "includes/megamenu-mobile.html.twig" %}
  316.                             </ul>
  317.                         </div>
  318.                         {# <div class='d-none d-md-flex'>
  319.                                                                                                                                                                                                                                                     <a href="/join-us" class="oscare-primary-btn fs-20 non-link mr-3">Join Us</a>
  320.                                                                                                                                                                                                                                                     <a href="{{ path('account-login') }}" class="oscare-inverted-btn fs-20 non-link">Login</a>
  321.                                                                                                                                                                                                                                                     
  322.                                                                                                                                                                                                                                                 </div> #}
  323.                     {% endif %}
  324.                 </nav>
  326.             </div>
  327.         </header>
  329.         <main class='d-flex flex-column' style="position: relative; flex: 1;">
  330.             {% if (app.request.pathinfo) starts with '/workplace' %}
  332.                 {{ block('content') }}
  334.             {% else %}
  335.                 {% for label, messages in app.flashes %}
  336.                     {% for message in messages %}
  337.                         <div class="alert alert-{{ label }} alert-dismissable">
  338.                             <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
  339.                             {{ message }}
  340.                         </div>
  341.                     {% endfor %}
  342.                 {% endfor %}
  345.                 {% if isPortal %}
  346.                     {{ block('content') }}
  347.                 {% else %}
  348.                     {{ block('content') }}
  350.                 {% endif %}
  352.             {% endif %}
  353.         </main>
  355.         {# include a document-snippet - in this case the footer document #}
  356.         {{ pimcore_inc(document.getProperty('footer')) }}
  358.         {# output scripts added before #}
  359.         {% block headscripts deferred %}
  360.             {{ pimcore_head_script() }}
  361.         {% endblock %}
  364.         {% block inlinescripts deferred %}
  365.             {{ pimcore_inline_script() }}
  366.         {% endblock %}
  367.     </body>
  368. </html>