<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=9;IE=10;IE=Edge,chrome=1"/>
<meta http-equiv="X-UA-Compatible" content="IE=11,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8" />
<title>{% block title %}{% endblock %}</title>
{% block stylesheets %}
<link href="{{ asset('/css/jquery-ui.min.css') }}" rel="stylesheet">
<link href="{{ asset('/css/bootstrap.min.css') }}" rel="stylesheet">
<link href="{{ asset('/css/bootstrap-slider.min.css') }}" rel="stylesheet">
<link href="{{ asset('/fonts/font-awesome/css/font-awesome.css') }}" rel="stylesheet">
<link href="{{ asset('/css/style.css') }}" rel="stylesheet">
<link href="{{ asset('/css/modal.css') }}" rel="stylesheet">
<link href="{{ asset('/app/scripts/slick/slick.css') }}" rel="stylesheet">
<link href="{{ asset('/app/scripts/slick/slick-theme.css') }}" rel="stylesheet">
<link href="{{ asset('/app/scripts/loading-bar/loading-bar.css') }}" rel="stylesheet">
<link href="{{ asset('/app/scripts/angular-material/angular-material.css') }}" rel="stylesheet">
{% endblock %}
<link rel="icon" type="image/x-icon" href="{{ asset('favicons.ico') }}" />
<style>
body {padding-top: 80px;}
</style>
{% block javascripts %}
<!-- Implementation JsLogger -->
{{ nelmio_js_error_logger() }}
<!-- Script vendors -->
<script src="{{ asset('js/jquery-2.2.4.min.js') }}"></script>
<script src="{{ asset('js/jquery-ui.min.js') }}"></script>
<script src="{{ asset('js/bootstrap.min.js') }}"></script>
<script src="{{ asset('js/bootstrap-slider.js') }}"></script>
<script src="{{ asset('js/historyback.js') }}"></script>
<script src="{{ asset('js/js.cookie.js') }}"></script>
<script src="{{ asset('js/moment.js') }}"></script>
<script src="{{ asset('js/disableDoubleClick.js') }}"></script>
<script src="{{ asset('js/referentiel/order_validation_correlation.js') }}"></script>
<script src="{{ asset('js/referentiel/order_object_send.js') }}"></script>
<script src="{{ asset('js/referentiel/color.js') }}"></script>
<script src="{{ asset('js/order_menu.js') }}"></script>
<script src="{{ asset('js/desactivate-click-div-search.js') }}"></script>
{# <script src="{{ asset('js/jspdf.debug.js') }}"></script> #}
<script src="{{ asset('/app/dashboard/helper/dashboardHelper.js') }}"></script>
<script src="{{ asset('/app/dashboard/helper/dashboardReferentielHelper.js') }}"></script>
<!-- Importation script fos/cypruss -->
<script src="{{ asset('bundles/fosjsrouting/js/router.js') }}"></script>
<script src="{{ path('fos_js_routing_js', {'callback': 'fos.Router.setData'}) }}"></script>
<script src="{{ asset('bundles/cypressangularngrouting/ng-router.js') }}"></script>
<script src="{{ path('fos_js_routing_js', {"callback": "cypress.NgRouter.setData"}) }}"></script>
<!-- Importation script angularJs -->
<script src="{{ asset('/app/scripts/angularjs/angular.js') }}"></script>
{# <script src="{{ asset('/app/scripts/angular-aria.js') }}"></script> #}
<script src="{{ asset('/app/scripts/angularjs/angular-route.js') }}"></script>
<script src="{{ asset('/app/scripts/angularjs/angular-aria.js') }}"></script>
<script src="{{ asset('/app/scripts/angular-jquery.js') }}"></script>
<script src="{{ asset('/app/scripts/angularjs/angular-cookies.js') }}"></script>
<script src="{{ asset('/app/scripts/angularjs/angular-animate.js') }}"></script>
<script src="{{ asset('/app/scripts/angular-bootstrap-affix.js') }}"></script>
<script src="{{ asset('/app/scripts/angular-ui-router.js') }}"></script>
<script src="{{ asset('/app/scripts/angularjs/angular-sanitize.js') }}"></script>
<script src="{{ asset('/app/scripts/ui-bootstrap-tpls-0.14.3.min.js') }}"></script>
<script src="{{ asset('/app/scripts/slick/slick.min.js') }}"></script>
<script src="{{ asset('/app/scripts/slick.min.js') }}"></script>
<script src="{{ asset('/app/scripts/loading-bar/loading-bar.js') }}"></script>
<script src="{{ asset('/app/scripts/angular-cache/angular-cache.js') }}"></script>
<!-- Importation script angularJs Material -->
<script src="{{ asset('/app/scripts/angular-material/angular-material.js') }}"></script>
<!-- Main Common -->
<script src="{{ asset('/app/common/app.js') }}"></script>
<script src="{{ asset('/app/common/constant.js') }}"></script>
<script src="{{ asset('/app/common/controllers/appController.js') }}"></script>
<script src="{{ asset('/app/common/services/appServices.js') }}"></script>
<script src="{{ asset('/app/common/configurations/appConfig.js') }}"></script>
<script src="{{ asset('/app/common/configurations/appAcl.js') }}"></script>
<script src="{{ asset('/app/common/filters/appFilters.js') }}"></script>
<script src="{{ asset('/app/common/helpers/main.js') }}"></script>
<!-- Main Directives -->
<script src="{{ asset('/app/common/directives/appLoaderDirectives.js') }}"></script>
<script src="{{ asset('/app/common/directives/appModalDirectives.js') }}"></script>
<script src="{{ asset('/app/common/directives/appFlashMessageDirectives.js') }}"></script>
<script src="{{ asset('/app/common/directives/appErrorSourcesImagesDirectives.js') }}"></script>
<script src="{{ asset('/app/common/directives/appHelperDirectives.js') }}"></script>
<script src="{{ asset('/app/common/directives/appDisabledDoubleClickAngular.js') }}"></script>
<script src="{{ asset('/app/common/directives/appValidationPasswordEquals.js') }}"></script>
<!-- Service Common -->
<script src="{{ asset('/app/common/services/appServices.js') }}"></script>
<!-- PDF -->
{# <script src="{{ asset('app/scripts/pdf/jquery.printThis.js') }}"></script>#}
<!-- WEBDIGIT -->
{# <script src="{{ asset('app/scripts/selectinput.js') }}"></script>#}
{# <script src="{{ asset('js/gridlist.js') }}"></script>#}
<script src="{{ asset('js/logon.js') }}"></script>
<!-- LOCATION -->
<script src="{{ asset('app/scripts/i18n/angular-locale_' ~ app.request.getLocale() ~ '.js') }}"></script>
<script type="text/javascript">
language = '{{ app.request.getLocale() }}';
</script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-WMGBV8R6QN"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-WMGBV8R6QN');
</script>
{% endblock %}
</head>
<body>
{% block nav %}
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container bck-nav">
<div class="navbar-header">
{% set item = app.session.get('bypass') %}
{% if(item is not null) %}
{% set namefolder = item.getNameFolder() %}
{% set image = item.getImage() %}
{% if(namefolder is not null and image is not null) %}
{% set url = '/auth/image/' ~ '/' ~ namefolder ~ '/' ~ image %}
<!-- AJOUT LOGO ADRIEN -->
<a href="" class="logo logo-responsive">
<div class="logo-block">
<img src="{{ asset(url) }}" alt="Logo">
</div>
</a><!--FIN LOGO-->
{% else %}
<!-- AJOUT LOGO ADRIEN -->
<a href="" class="logo logo-responsive">
<div class="logo-block">
</div>
</a><!--FIN LOGO-->
{% endif %}
{% else %}
<!-- AJOUT LOGO ADRIEN -->
<a href="" class="logo logo-responsive">
<div class="logo-block">
<img src="{{ asset('/img/scabal-logo-2.png') }}" alt="Logo">
</div>
</a><!--FIN LOGO-->
{% endif %}
<button type="button" class="navbar-toggle pull-left" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
{# MENU MOBILE #}
<div class="collapse navbar-collapse menu-col">
<div class="flex">
<ul class="nav navbar-nav hidden-lg hidden-md hidden-sm " id="nav-mobile">
{#
<li id="orderv2"><a href="{{ path('orderv2',[]) }}" {% if app.request.get('_route') != 'orderv2' %} id="order-button" {% endif %}{% if app.request.get('_route') == 'orderv2' %} id="order-button-active"{% endif %}><span class="glyphicon glyphicon-edit"></span>{{ 'ORDER'|trans({},'menu') }}</a></li>
#}
<li id="orderv2"><a href="{{ path('orderv3',[]) }}" {% if app.request.get('_route') != 'orderv3' %} id="order-button" {% endif %}{% if app.request.get('_route') == 'orderv3' %} id="order-button-active"{% endif %}><span class="glyphicon glyphicon-edit"></span>{{ 'ORDER'|trans({},'menu') }}</a></li>
<li{% if app.request.get('_route') == 'dashboard' %} class="active"{% endif %}><a href="{{ path('dashboard') }}" id="dashboard-button">{{ 'DASHBOARD'|trans({},'menu') }}</a></li>
{% if app.user %}
<li>
<div class="dropdown center-block hidden-lg hidden-sm hidden-md" id="dropdownmenuperso" >
{% if app.user %}
<button id="selectMenu" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="button-menu btn-fabric">
{{ app.user.name}}
<span class="icon-fleche-scabal"></span>
</button>
<ul class="dropdown-menu" aria-labelledby="selectMenu">
{#<li><a href="{{ path('freepayment') }}" {% if app.request.get('_route') == 'freepayment' %} class="mobi-active" {% else %} class="mobi-not-active" {% endif %} id="info-button">FREE PAYMENT</a></li>#}
<li><a href="{{ path('delivery') }}" {% if app.request.get('_route') == 'delivery' %} class="mobi-active" {% else %} class="mobi-not-active" {% endif %} id="info-button">{{ 'DELIVERY'|trans({},'menu') }}</a></li>
<li><a href="{{ path('freepaymenthistory') }}" {% if app.request.get('_route') == 'freepaymenthistory' %} class="mobi-active" {% else %} class="mobi-not-active" {% endif %} id="info-button">FREE PAYMENT</a></li>
<li><a href="{{ path('faq') }}" {% if app.request.get('_route') == 'faq' %} class="mobi-active" {% else %} class="mobi-not-active" {% endif %} id="info-button">INFO</a></li>
<li><a href="{{ path('settings') }}" {% if app.request.get('_route') == 'settings' %} class="mobi-active fa fa-cog" {% else %} class="fa fa-cog mobi-not-active" {% endif %} title="Paramètres" id="settings-button"></a></li>
{% if(item is null) %}
<li id="logout"><a href="{{ path('logout') }}" class="fa fa-sign-out mobi-not-active" title="Déconnexion" id="logout-button"></a></li>
{% elseif(item is not null) %}
{% if(item.url|length > 0) %}
<li id="logout"><a href="{{ path('logoutbrand') }}" class="fa fa-sign-out mobi-not-active" title="Déconnexion" id="logout-button"></a></li>
{% endif %}
{% endif %}
</ul>
{% endif %}
</div>
</li>
<li>
<div class="dropdown center-block hidden-lg hidden-sm hidden-md" id="dropdownmenu" >
<button id="selectLanguage" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="button-menu btn-fabric">
{{ 'Language'|trans({},'login') }}
<span class="icon-fleche-scabal"></span>
</button>
<ul class="dropdown-menu" aria-labelledby="selectLanguage">
<li class="btn_language" data-href="{{ path(app.request.get('_route'), {"_locale": "en"}) }}" data-language="en" id="transEnglish">{{ 'English'|trans({},'login') }}</li>
<li class="btn_language" data-href="{{ path(app.request.get('_route'), {"_locale": "fr"}) }}" data-language="fr" id="transFrench">{{ 'French'|trans({},'login') }}</li>
<li class="btn_language" data-href="{{ path(app.request.get('_route'), {"_locale": "nl"}) }}" data-language="nl" id="transDutch">{{ 'Dutch'|trans({},'login') }}</li>
<li class="btn_language" data-href="{{ path(app.request.get('_route'), {"_locale": "de"}) }}" data-language="de" id="transGerman">{{ 'German'|trans({},'login') }}</li>
<li class="btn_language" data-href="{{ path(app.request.get('_route'), {"_locale": "es"}) }}" data-language="es" id="transSpanish">{{ 'Spanish'|trans({},'login') }}</li>
<li class="btn_language" data-href="{{ path(app.request.get('_route'), {"_locale": "pt"}) }}" data-language="pt" id="transPortuguese">{{ 'Portuguese'|trans({},'login') }}</li>
</ul>
</div>
</li>
{% else %}
<li><a href="{{ path('login',[]) }}">{{ 'LOGIN'|trans({},'menu') }}</a></li>
{% endif %}
</ul>
{# MENU PRINCIPAL #}
<ul class="nav navbar-nav nav--list hidden-xs order-3">
{% if app.user %}
<li class="nav--subcontainer">
{% if app.user %}<a style="cursor: pointer;text-overflow: ellipsis;"><span>{{ app.user.name}}</span></a>{% endif %}
<ul class="nav--sublist">
<li{% if app.request.get('_route') == 'delivery' %} class="active"{% endif %} class="hidden-xs"><a href="{{ path('delivery') }}" id="info-button">DELIVERY</a></li>
<li{% if app.request.get('_route') == 'freepaymenthistory' %} class="active"{% endif %} class="hidden-xs"><a href="{{ path('freepaymenthistory') }}" id="info-button">FREE PAYMENT</a></li>
<li{% if app.request.get('_route') == 'faq' %} class="active"{% endif %} class="hidden-xs"><a href="{{ path('faq') }}" id="info-button">INFO</a></li>
<li{% if app.request.get('_route') == 'settings' %} class="active"{% endif %} class="hidden-xs"><a href="{{ path('settings') }}" class="fa fa-cog" title="Paramètres" id="settings-button"></a></li>
{% if(item is null) %}
<li id="logout" ng-class="{ active: isActive('/') }" class="hidden-xs"><a href="{{ path('logout') }}" class="fa fa-sign-out" title="Déconnexion"></a></li>
{% elseif(item is not null) %}
{% if(item.url|length > 0) %}
<li id="logout" ng-class="{ active: isActive('/') }" class="hidden-xs"><a href="{{ path('logoutbrand') }}" class="fa fa-sign-out" title="Déconnexion"></a></li>
{% endif %}
{% endif %}
</ul>
</li>
<div class="dropdown pull-right hidden-xs" id="dropdownmenu" >
<button id="selectLanguage" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="button-menu btn-fabric">
{{ 'Language'|trans({},'login') }}
<span class="icon-fleche-scabal"></span>
</button>
<ul class="dropdown-menu" aria-labelledby="selectLanguage">
<li class="btn_language" data-href="{{ path(app.request.get('_route'), {"_locale": "en"}) }}" data-language="en" id="transEnglish">{{ 'English'|trans({},'login') }}</li>
<li class="btn_language" data-href="{{ path(app.request.get('_route'), {"_locale": "fr"}) }}" data-language="fr" id="transFrench">{{ 'French'|trans({},'login') }}</li>
<li class="btn_language" data-href="{{ path(app.request.get('_route'), {"_locale": "nl"}) }}" data-language="nl" id="transDutch">{{ 'Dutch'|trans({},'login') }}</li>
<li class="btn_language" data-href="{{ path(app.request.get('_route'), {"_locale": "de"}) }}" data-language="de" id="transGerman">{{ 'German'|trans({},'login') }}</li>
<li class="btn_language" data-href="{{ path(app.request.get('_route'), {"_locale": "es"}) }}" data-language="es" id="transSpanish">{{ 'Spanish'|trans({},'login') }}</li>
<li class="btn_language" data-href="{{ path(app.request.get('_route'), {"_locale": "pt"}) }}" data-language="pt" id="transPortuguese">{{ 'Portuguese'|trans({},'login') }}</li>
</ul>
</div>
{% else %}
<li><a href="{{ path('login',[]) }}">{{ 'LOGIN'|trans({},'menu') }}</a></li>
{% endif %}
</ul>
<ul class="nav navbar-nav hidden-xs order-1">
<li id="orderv2-small"><a href="{{ path('orderv3',[]) }}" {% if app.request.get('_route') != 'orderv3' %} id="order-button" {% endif %}{% if app.request.get('_route') == 'orderv3' %} id="order-button-active"{% endif %}><span class="glyphicon glyphicon-edit"></span>{{ 'ORDER'|trans({},'menu') }}</a></li>
{#
<li id="orderv2-small"><a href="{{ path('orderv2',[]) }}" {% if app.request.get('_route') != 'orderv2' %} id="order-button" {% endif %}{% if app.request.get('_route') == 'orderv2' %} id="order-button-active"{% endif %}><span class="glyphicon glyphicon-edit"></span>{{ 'ORDER'|trans({},'menu') }}</a></li>
#}
<li{% if app.request.get('_route') == 'dashboard' %} class="active"{% endif %}><a href="{{ path('dashboard') }}" id="dashboard-button">{{ 'DASHBOARD'|trans({},'menu') }}</a></li>
</ul>
<!-- AJOUT LOGO ADRIEN -->
{% set item = app.session.get('bypass') %}
{% if(item is not null) %}
{% set namefolder = item.namefolder %}
{% set image = item.image %}
{% if(namefolder is not null and image is not null) %}
{% set url = '/auth/image/' ~ '/' ~ namefolder ~ '/' ~ image %}
<!-- AJOUT LOGO ADRIEN -->
<a href="" class="logo order-2">
<div class="logo-block">
<img src="{{ asset(url) }}" alt="Logo">
</div>
</a><!--FIN LOGO-->
{% else %}
<!-- AJOUT LOGO ADRIEN -->
<a href="" class="logo order-2">
<div class="logo-block">
</div>
</a><!--FIN LOGO-->
{% endif %}
{% else %}
<!-- AJOUT LOGO ADRIEN -->
<a href="" class="logo order-2">
<div class="logo-block">
<img src="{{ asset('/img/scabal-logo-2.png') }}" alt="Logo">
</div>
</a><!--FIN LOGO-->
{% endif %}
</div><!-- FIN FLEX -->
</div><!--/.nav-collapse -->
</div>
</div>
<div>
{% endblock %}
{% block body %}{% endblock %}
</div>
{% if app.session.started %}
{% for flashMessage in app.session.flashbag %}
<div id="messageSymfony" class="{{ flashMessage.class }}">
<p><strong>{{ flashMessage.title }}</strong>{{ flashMessage.message }}</p>
</div>
{% endfor %}
{% endif %}
{% block modal_maintenance %}{% endblock %}
<script>
$(".show-menu-left").click(function() {
$("#leftm").toggleClass("m-hidden");
$(this).toggleClass("glyphicon-menu-down");
$(this).toggleClass("glyphicon-menu-up");
});
$(document).on('click', function(e){
var $this = $(e.target);
if($this.closest('#leftm').length === 0 ){
$('#leftm').addClass('m-hidden');
$('.show-menu-left').removeClass('glyphicon-menu-up').addClass('glyphicon-menu-down');
}
});
</script>
<script>
var standalone = window.navigator.standalone,
userAgent = window.navigator.userAgent.toLowerCase(),
safari = /safari/.test( userAgent ),
ios = /iphone|ipod|ipad/.test( userAgent );
if( ios ) {
document.querySelector('meta[name=viewport]')
.setAttribute(
'content',
'initial-scale=1.0001, minimum-scale=1.0001, maximum-scale=1.0001, user-scalable=no'
);
};
</script>
<script>
$("li#logout").click(function(){
var user = Cookies.getJSON('myFavorite');
if(Cookies.get(user.kunnr+'filterDate') != null){
Cookies.remove(user.kunnr+'filterDate');
}
localStorage.clear();
});
</script>
<script>
// if(window.location.href.indexOf("prod") > -1) {
// $("li#orderv2").hide();
// $("li#orderv2-small").hide();
// }
// if(window.location.href.indexOf("localhost") > -1 || window.location.href.indexOf("staging") > -1) {
// $("li#orderv1").hide();
// $("li#orderv1-small").hide();
// }
</script>
{% block javascripts_maintenance %}{% endblock %}
</body>
</html>