<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>

        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"> 

        <title><?php echo $__env->yieldContent('title'); ?></title>
        <meta name="description" content="<?php echo $__env->yieldContent('description'); ?>">
        <meta name="keywords" content="<?php echo $__env->yieldContent('keywords'); ?>">

        <?php if (App::environment() == 'prod'): ?>
            <meta name="robots" content="index, follow">
        <?php else: ?>
            <meta name="robots" content="noindex, nofollow">
        <?php endif; ?>

        <?php echo HTML::style('styles/vendor/normalize.min.css'); ?>
        <?php echo HTML::style('styles/vendor/foundation.min.css'); ?>
        <?php echo HTML::style('styles/vendor/video-js.min.css'); ?>
        
        <?php echo HTML::style('styles/app/fonts.css'); ?>
        <?php echo HTML::style('styles/app/main.css'); ?>

        <?php echo HTML::script('scripts/vendor/modernizr-2.6.2-respond-1.1.0.min.js'); ?>

    </head>
    <body>

        <?php if (App::environment() == 'dev'): ?>
            <div style="position:fixed;z-index:9999;top:0;left:0;font-weight:bold;background-color:red;color:#fff;padding:2px 6px;">DEV</div>
        <?php endif; ?>

        <div id="loader">
            <script>
            document.getElementById('loader').style.display = 'block';
            </script>
        </div>

        <div id="header">
            <div id="header-inner">
                <div id="header-background"></div>
                <div id="header-content">
                    <?php if ($lang == 'de'): ?>
                        <a href="<?php echo URL::route('DeAccueil'); ?>" id="logo-dipan"><img src="<?php echo URL::asset('images/logo_dipan.png'); ?>" alt="Dipan, Water Technology" /></a>
                    <?php else: ?>
                        <a href="<?php echo URL::route('FrAccueil'); ?>" id="logo-dipan"><img src="<?php echo URL::asset('images/logo_dipan.png'); ?>" alt="Dipan, Water Technology" /></a>
                    <?php endif; ?>
                    <a href="#" id="nav-mobile-btn"></a>
                    <div id="header-nav">
                        <?php if ($lang == 'de'): ?>
                            <?php echo $__env->make('layouts.partials.nav-de', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
                        <?php else: ?>
                            <?php echo $__env->make('layouts.partials.nav-fr', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
                        <?php endif; ?>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>

        <div id="wrapper">
            <div id="chroma"></div>

            <div id="nav-mobile-wrap">
                <div id="nav-mobile">
                    <div id="nav-mobile-inner">
                        <?php if ($lang == 'de'): ?>
                            <?php echo $__env->make('layouts.partials.nav-mobile-de', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
                        <?php else: ?>
                            <?php echo $__env->make('layouts.partials.nav-mobile-fr', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
                        <?php endif; ?>
                    </div>
                </div>
            </div>

            <?php echo $__env->yieldContent('content'); ?>
             
        </div>
        
        <div id="footer">
            <div id="footer-inner">
                <div id="footer-background"></div>
                <div id="footer-content">
                    <div id="footer-certifications"><img src="<?php echo URL::asset('images/logos_certifications.png'); ?>" alt="" /></div>
                    <div id="langs">
                        <ul>
                            <?php if ($lang == 'de'): ?>
                                <li><a href="<?php echo URL::route($frSlug); ?>">Français</a></li>
                                <li><a class="active">Deutsch</a></li>
                            <?php else: ?>
                                <li><a class="active">Français</a></li>
                                <li><a href="<?php echo URL::route($deSlug); ?>">Deutsch</a></li>
                            <?php endif; ?>
                        </ul>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>

        <script type="text/javascript">
        var url = '<?php echo URL::to("/");; ?>';
        </script>

        <?php echo HTML::script('scripts/vendor/jquery-1.10.2.min.js'); ?>
        <?php echo HTML::script('scripts/vendor/jquery.easing.1.3.min.js'); ?>
        <?php echo HTML::script('scripts/vendor/jquery.bxslider.min.js'); ?>
        <?php echo HTML::script('scripts/vendor/waypoints.min.js'); ?>
        <?php echo HTML::script('scripts/vendor/require.min.js'); ?>
        <?php echo HTML::script('scripts/vendor/video-js.min.js'); ?>

        <?php echo HTML::script('scripts/app/libs.js'); ?>
        <?php echo HTML::script('scripts/app/modules/Page.js'); ?>
        <?php echo HTML::script('scripts/app/modules/Nav.js'); ?>
        <?php echo HTML::script('scripts/app/modules/Waypoint.js'); ?>
        <?php echo HTML::script('scripts/app/modules/SameHeight.js'); ?>
        <?php echo HTML::script('scripts/app/modules/ReadMore.js'); ?>
        <?php echo HTML::script('scripts/app/modules/Backgrounds.js'); ?>
        <?php echo HTML::script('scripts/app/modules/plein.jquery.js'); ?>
        <?php echo HTML::script('scripts/app/modules/VideoFullscreen.js'); ?>
        <?php echo HTML::script('scripts/app/modules/SwissMapTooltip.js'); ?>
        <?php echo HTML::script('scripts/app/main.js'); ?>

        <?php if (App::environment() == 'prod'): ?>
            <script type="text/javascript">

              var _gaq = _gaq || [];
              _gaq.push(['_setAccount', 'UA-30552691-1']);
              _gaq.push(['_trackPageview']);

              (function() {
                var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
                ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
                var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
              })();

            </script>
        <?php endif; ?>

    </body>
</html>