<!DOCTYPE html>
<html lang="{{ app.request.locale}}">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="theme-color" content="#333">
<title>MHCC - {{ "paramedic-survey-quest"|trans|raw }}</title>
{# <title>{% block title %}{{ "gmaw"|trans|raw }}{% endblock %} - MHCC - {{ "paramedic-survey-quest"|trans|raw }}</title> #}
<meta name="description" content="">
{% block stylesheets %}
{# <link rel="shortcut icon" href="{{ asset( 'assets/img/favicon.png?v=3' ) }}"> #}
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="{{ asset( 'assets/css/preload.min.css' ) }}" />
<link rel="stylesheet" href="{{ asset( 'assets/css/plugins.min.css' ) }}" />
<link rel="stylesheet" href="{{ asset( 'assets/css/style.light-blue-500.min.css' ) }}" />
<!--Customized version of the above stylesheet //-->
<link rel="stylesheet" href="{{ asset( 'assets/css/general.css' ) }}" />
<link rel="stylesheet" href="{{ asset( 'assets/css/forms.css' ) }}">
{% endblock %}
<!--[if lt IE 9]>
<script src="assets/js/html5shiv.min.js"></script>
<script src="assets/js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div id="ms-preload" class="ms-preload">
<div id="status">
<div class="spinner">
<div class="dot1"></div>
<div class="dot2"></div>
</div>
</div>
</div>
<div class="sb-site-container">
{% block nav %}
<nav class="mhcc-top-bar">
<ul class="list-unstyled list-inline">
{% if 'en' == app.request.locale %}
{% if app.request.host == domain_locales.en %}
<li>
<a href="https://{{ domain_locales.fr }}{{ path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}">
<span lang="fr" xml:lang="fr">{{ "french"|trans|raw }}</span>
</a>
</li>
{% else %}
<li><a href="/fr/change-language"><span lang="en" xml:lang="fr">{{ "french"|trans|raw }}</span></a></li>
{% endif %}
{% elseif 'fr' == app.request.locale %}
{% if app.request.host == domain_locales.fr %}
<li><a href="https://{{ domain_locales.en }}{{ path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}"><span lang="en" xml:lang="fr">{{ "english"|trans|raw }}</span></a></li>
{% else %}
<li><a href="/en/change-language"><span lang="en" xml:lang="fr">{{ "english"|trans|raw }}</span></a></li>
{% endif %}
{% endif %}
{% if is_granted('ROLE_USER') %}
{% if is_granted( 'IS_IMPERSONATOR' ) %}
<li id="right-link"><a href="{{ path( 'dashboard_home' ) }}">{{ "nav-return-dashboard"|trans|raw }}</a></li>
{% else %}
<li id="right-link"><a href="{{ path('logout') }}">{{ "nav-logout"|trans|raw }}</a></li>
{% endif %}
{% else %}
<li id="right-link"><a href="{{ path('about_signup') }}">{{ "nav-signup"|trans|raw }}</a></li>
{% endif %}
</ul>
</nav>
<nav class="mhcc-nav navbar">
<div class="text-center mhcc-logo-desc-box">
<div class="mhcc-logo-box">
<div class="navbar-toggle">
<a href="javascript:void(0)" class="sb-toggle-left btn-navbar-menu"><i class="zmdi zmdi-menu" style="font-size: 30px; color: #fff;"></i></a>
</div>
<a href="{{ path('homepage') }}">
<img src="{% if 'en' == app.request.locale %}{{ asset( 'assets/img/MHCC_brand_header.svg' ) }}{% else %}{{ asset( 'assets/img/MHCC_brand_header_f.svg' ) }}{% endif %}" alt="{{ "gmaw"|trans|raw }}" class="mhcc-logo-img">
</a>
</div>
<span class="mhcc-logo-desc"> {{ "caring-paramedic"|trans|raw }}</span>
</div>
<div class="collapse navbar-collapse mhcc-navbar" id="myNavbar">
<ul class="nav navbar-nav">
{% set route = app.request.attributes.get('_route') %}
{% set dashHomeRoutes = [ 'user_list', 'gwl_report', 'report_list', 'dashboard_home', 'dashboard_get_survey_link', 'get_survey_link' , 'create-survey-step-1', 'create-survey-step-2', 'create-survey-step-3', 'create-survey-step-4'] %}
<li class="dropdown{{ 'about' == route ? ' active' : ''}}">
<a href="javascript:void(0);" class="dropdown-toggle disabled animated fadeIn animation-delay-7" data-toggle="dropdown" data-hover="dropdown" data-name="about" aria-haspopup="true" aria-expanded="false">{{ "nav-about"|trans|raw }}
<i class="zmdi zmdi-chevron-down"></i>
</a>
<ul class="dropdown-menu">
<li><a href="{{ path('about') }}">{{ "about-caring"|trans|raw }}</a></li>
<li><a href="{{ path('about_steps') }}">{{ "how-to-use"|trans|raw }}</a></li>
</ul>
</li>
<li{{ 'resources' == route ? ' class="active"' : ''}}><a href="{{ path('resources') }}" class="animated fadeIn animation-delay-7">{{ "nav-resources"|trans|raw }}</a></li>
<li{{ 'faq' == route ? ' class="active"' : ''}}><a href="{{ path('faq') }}" class="animated fadeIn animation-delay-7">{{ "nav-faqs"|trans|raw }}</a></li>
{% if is_granted('ROLE_USER') %}
{% if is_granted( 'ROLE_SUPER_ADMIN' ) %}
<li class="dropdown{{ route in dashHomeRoutes ? ' active' : ''}}">
<a href="{{ path('dashboard_home') }}" class="dropdown-toggle disabled animated fadeIn animation-delay-7" data-toggle="dropdown" data-hover="dropdown" data-name="about" aria-haspopup="true" aria-expanded="false">{{ "nav-dashhome"|trans|raw }}
<i class="zmdi zmdi-chevron-down"></i>
</a>
<ul class="dropdown-menu">
<li><a href="{{ path('user_list') }}">{{ "User List"|trans }}</a></li>
<li><a href="{{ path('gwl_report') }}">{{ "Great West Life Report"|trans }}</a></li>
</ul>
</li>
{% else %}
<li{{ route in dashHomeRoutes ? ' class="active"' : ''}}><a href="{{ path('dashboard_home') }}" class="animated fadeIn animation-delay-7">{{ "nav-dashhome"|trans|raw }}</a></li>
{# <li{{ route in dashHomeRoutes ? ' class="active"' : ''}}><a href="{{ path('dashboard_home') }}" class="animated fadeIn animation-delay-7">{{ "nav-dashhome"|trans|raw }}</a></li> #}
{% endif %}
{% else %}
{# <li{{ 'login' == route ? ' class="active"' : ''}}><a href="#" class="animated fadeIn animation-delay-7">{{ "nav-dashin"|trans|raw }}</a></li> #}
<li{{ 'login' == route ? ' class="active"' : ''}}><a href="{{ path('login') }}" class="animated fadeIn animation-delay-7">{{ "dashboard-login"|trans|raw }}</a></li>
{% endif %}
</ul>
</div>
</nav>
{% endblock %}
{% block body %}
{% for message in app.session.getFlashBag.get('error', []) %}
<div class="session-error" style="background-color: red; ">{{ message }}</div>
{% endfor %}
{% endblock %}
{% block footer %}
{% include 'footer.html.twig' %}
{% endblock %}
</div>
{% block slidebar %}
<div class="ms-slidebar sb-slidebar sb-left sb-style-overlay" id="ms-slidebar">
<div class="sb-slidebar-container">
<header class="ms-slidebar-header">
<div class="mt-2">
<a href="{{ path('homepage') }}">
<img src="{% if 'en' == app.request.locale %}{{ asset( 'assets/img/MHCC_brand_header.svg' ) }}{% else %}{{ asset( 'assets/img/MHCC_brand_header.svg' ) }}{% endif %}" alt="{{ "gmaw"|trans|raw }}" class="img-responsive">
</a>
</div>
</header>
<ul class="ms-slidebar-menu" id="slidebar-menu" role="tablist" aria-multiselectable="true">
<li class="panel" role="tab" id="sch1">
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#slidebar-menu" href="#sc1" aria-expanded="true" aria-controls="sc1">
<i class="zmdi zmdi-home"></i>
{{ "nav-about"|trans|raw }}
</a>
<ul id="sc1" class="panel-collapse collapse" role="tabpanel" aria-labelledby="sch1">
<li><a href="{{ path('about') }}">{{ "about-caring"|trans|raw }}</a></li>
<li><a href="{{ path('about_steps') }}">{{ "how-to-use"|trans|raw }}</a></li>
</ul>
</li>
<li><a class="link" href="{{ path('resources') }}"><i class="zmdi zmdi-link"></i> {{ "nav-resources"|trans|raw }}</a></li>
<li><a class="link" href="{{ path('faq') }}"><i class="zmdi zmdi-link"></i> {{ "nav-faqs"|trans|raw }}</a></li>
{% if is_granted('ROLE_USER') %}
{% if is_granted( 'ROLE_SUPER_ADMIN' ) %}
<li class="panel" role="tab" id="sch2">
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#slidebar-menu" href="#sc2" aria-expanded="true" aria-controls="sc2"><i class="zmdi zmdi-home"></i> {{ "nav-dashhome"|trans|raw }}</a>
<ul id="sc2" class="panel-collapse collapse" role="tabpanel" aria-labelledby="sch2">
<li><a href="dashboard_home">{{ "nav-dashhome"|trans|raw }}</a></li>
{# <li><a href="{{ path('dashboard_home') }}">{{ "nav-dashhome"|trans|raw }}</a></li> #}
<li><a href="{{ path('user_list') }}">{{ "User List"|trans|raw }}</a></li>
<li><a href="{{ path('gwl_report') }}">{{ "Send Report to GWL"|trans|raw }}</a></li>
</ul>
</li>
{% else %}
<li><a class="link" href="{{ path('dashboard_home') }}"><i class="zmdi zmdi-link"></i> {{ "nav-dashhome"|trans|raw }}</a></li>
{# <li><a class="link" href="{{ path('dashboard_home') }}"><i class="zmdi zmdi-link"></i> {{ "nav-dashhome"|trans|raw }}</a></li> #}
{% endif %}
{% else %}
<li><a class="link" href="{{ path('login') }}"><i class="zmdi zmdi-link"></i> {{ "nav-dashin"|trans|raw }}</a></li>
{# <li><a class="link" href="{{ path('login') }}"><i class="zmdi zmdi-link"></i> {{ "nav-dashin"|trans|raw }}</a></li> #}
{% endif %}
</ul>
</div>
</div>
{% endblock slidebar %}
{% block javascript %}
<!-- [if lt IE 9]>
<script src="{{ asset( 'assets/js/html5shiv.min.js' ) }}"></script>
<script src="{{ asset( 'assets/js/respond.min.js' ) }}"></script>
<![endif]-->
<script src="{{ asset( 'assets/js/plugins.js' ) }}"></script>
<script src="{{ asset( 'assets/js/app.min.js' ) }}"></script>
<script src="{{ asset( 'assets/js/index.js' ) }}"></script>
<script src="{{ asset( 'assets/js/component-snackbar.js' ) }}"></script>
{% endblock %}
{% block googleanalytics %}
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-8297456-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-8297456-1');
</script>
{% endblock %}
</body>
</html>