<!DOCTYPE html>
<html lang="fr" data-ng-app="layoutApp" ng-controller="MainCtrl" id="ng-app">

    <head>
        <title ng-bind="envProp.ecosystemName + '.pageTitle' | translate"></title>

        <!-- Favicon -->
        <link rel="icon" type="image/png" href="ecosystems/<%= ecosysName %>/home/img/favicon.ico"/>

        <!-- Font -->
        <link href="//fonts.googleapis.com/css?family=Share:400,400italic,700italic,700" rel="stylesheet" type="text/css">
        <link href='//fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
        <link href='//fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>

        <!-- BEGIN Vendor CSS-->
        <link rel="stylesheet" type="text/css" href="bower_components/PACE/themes/yellow/pace-theme-flash.css"  />
        <link rel="stylesheet" type="text/css" href="bower_components/font-awesome/css/font-awesome.min.css" />
        <link rel="stylesheet" type="text/css" href="bower_components/angular-bootstrap-colorpicker/css/colorpicker.css">
        <link rel="stylesheet" type="text/css" href="bower_components/angular-toggle-switch/style/bootstrap3/angular-toggle-switch-bootstrap-3.css">
        <link rel="stylesheet" type="text/css" href="bower_components/angular-tree-control/css/tree-control.css">
        <link rel="stylesheet" type="text/css" href="bower_components/angular-tree-control/css/tree-control-attribute.css">



        <link rel="stylesheet" type="text/css" href="bower_components/jquery.scrollbar/jquery.scrollbar.css"  media="screen" />

        <!-- END Vendor CSS-->

        <!-- BEGIN Metanav CSS-->
        <link href="lib/metanav/css/app-metanav.css" rel="stylesheet" type="text/css">
        <!-- END Metanav CSS-->

        <!-- BEGIN Pages CSS-->
        <link href="lib/pages/css/pages-icons.css" rel="stylesheet" type="text/css">
        <!-- Le fichier a été modifié pour le chargement des fonts (Montserrat...) en https. Il ne faut donc pas load la version min qui n'a pas été modifié -->
        <link class="main-stylesheet" ng-href="lib/pages/css/pages.css" rel="stylesheet" type="text/css" />
        <!-- END Pages CSS-->

        <!-- BEGIN Custom app css-->
        <link ng-repeat="cssLink in additionalCss" ng-href="{{cssLink}}" rel="stylesheet" type="text/css" />
        <!-- END Pages CSS-->

        <!-- BEGIN SMARTPANDA CSS -->
        <link rel="stylesheet" type="text/css" href="/<%- name %>.css">
        <!-- END SMARTPANDA CSS -->
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta charset="utf-8">

    </head>
    <body class="fixed-header sidebar-visible" ng-attr-id="{{ 'intranet_' + connectedMember.intranetCssId}}" ng-class="{'bg-master-lighter': is('app.extra.timeline'),'no-header': is('app.social') || is('app.calendar') || is('app.maps.vector') || is('app.maps.google'),'menu-pin' : app.layout.menuPin,'sidebar-visible' : true,'menu-behind' : app.layout.menuBehind }"
          ng-controller="LayoutCtrl as layoutCtrl">
        <div id="env-info-panel">
            <p>
                <span title="Plateforme et branche actuelle"><%- current %></span>
            </p>
        </div>
        <div id="loadingPage" ng-hide="!!hideLoading">
            <div class="progress progress-striped">
                <div class="progress-bar progress-bar-cotepro progressing"></div>
            </div>
        </div>
        <div ng-controller="GuidedVisitCtrl as guidedVisitCtrl" >
            <div id="guidedVisit" ng-if="guidedVisitCtrl.isVisitAccepted === true
                                && guidedVisitCtrl.finish === undefined"
                 ng-include src="'/pages/tpl/blocks/guided_visit.html'">
            </div>
        </div>
        <!--SUCCESS/ERROR MESSAGE-->
        <div ng-show="successMessage" class="layout-success-message success" style="display: none" ng-style="{'display': successMessage ? 'block' : 'none'}">
            <div uib-alert type="success" close="closeMessages();">
                <span class="fa fa-check"></span>
                <span ng-bind-html="successMessage | translate"></span>
            </div>
        </div>

        <div ng-show="errorMessageText" class="layout-success-message failure" style="display: none" ng-style="{'display': errorMessageText ? 'block' : 'none'}">
            <div uib-alert type="danger" close="closeMessages();">
                <span class="fa fa-exclamation"></span>
                <span>{{errorMessageText| translate}}</span>
            </div>
        </div>

        <!-- <div class="layout-success-message informative">
             <div uib-alert>
                 <span class="fa fa-exclamation"></span>
                 <span></span>
             </div>
         </div>-->
        <div class="cp-metanav"><%- metanav %></div>

        <div class="full-height" ui-view></div>
    <toaster-container></toaster-container>
    <sp-hook hook-name="body.bottom"></sp-hook>
</body>

<script>
            (function (i, s, o, g, r, a, m) {
            i['GoogleAnalyticsObject'] = r;
                    i[r] = i[r] || function () {
            (i[r].q = i[r].q || []).push(arguments)
            }, i[r].l = 1 * new Date();
                    a = s.createElement(o),
                    m = s.getElementsByTagName(o)[0];
                    a.async = 1;
                    a.src = g;
                    m.parentNode.insertBefore(a, m)
            })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
            var gaKeyString = '<%- key %>';
            var gaKey = JSON.parse(gaKeyString.replace(/&quot;/g, '"').replace(/&#34;/g, '"'));
            ga('create', gaKey, 'auto');
            ga('send', 'pageview');</script>
    <%- include %>
<script src="app.js"></script>
</html>
