<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Future Tracker</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- Le styles -->



    <link rel="stylesheet" href="<?php echo e(asset('assets/admin')); ?>/css/style.css">
    <link rel="stylesheet" href="<?php echo e(asset('assets/admin')); ?>/css/loader-style.css">
    <link rel="stylesheet" href="<?php echo e(asset('assets/admin')); ?>/css/bootstrap.css">

    <link rel="stylesheet" type="text/css" href="<?php echo e(asset('assets/admin')); ?>/js/progress-bar/number-pb.css">


    <style type="text/css">
    canvas#canvas4 {
        position: relative;
        top: 20px;
    }
    </style>




    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
    <!-- Fav and touch icons -->
    <link rel="shortcut icon" href="assets/ico/minus.png">
    

    
    <?php echo $__env->yieldContent('styles'); ?>

    <script>
        const assetBase = "<?php echo e(asset('')); ?>";
    </script>
</head>

<body>
    <!-- Preloader -->
    <div id="preloader">
        <div id="status">&nbsp;</div>
    </div>
            <?php echo $__env->make('layouts.topnav', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
            <?php echo $__env->make('layouts.sidebar', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>





    <!--  PAPER WRAP -->
    <div class="wrap-fluid">
        <div class="container-fluid paper-wrap bevel tlbr">





            <!-- CONTENT -->
            <!--TITLE -->
            <div class="row">
                <div id="paper-top">
                    <div class="col-lg-3">
                        <h2 class="tittle-content-header">
                            <i class="icon-location"></i> 
                            <span>Future Tracker
                            </span>
                        </h2>

                    </div>

                    <div class="col-lg-7">
                        <div class="devider-vertical visible-lg"></div>
                        <div class="tittle-middle-header">

                            <div class="alert">
                                <button type="button" class="close" data-dismiss="alert">×</button>
                                <span class="tittle-alert entypo-info-circled"></span>
                                Welcome back,&nbsp;
                                <strong><?php echo e(Auth::user()->role_name); ?> </strong>&nbsp;&nbsp;Your last sig in at Yesterday, 16:54 PM
                            </div>


                        </div>

                    </div>
                    <div class="col-lg-2">
                        <div class="devider-vertical visible-lg"></div>
                        <div class="btn-group btn-wigdet pull-right visible-lg">
                            <div class="btn">
                                Refresh</div>
                            <!-- <button data-toggle="dropdown" class="btn dropdown-toggle" type="button">
                                <span class="caret"></span>
                                <span class="sr-only">Toggle Dropdown</span>
                            </button> -->
                            <!-- <ul role="menu" class="dropdown-menu">
                                <li>
                                    <a href="#">
                                        <span class="entypo-plus-circled margin-iconic"></span>Add New</a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="entypo-heart margin-iconic"></span>Favorite</a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="entypo-cog margin-iconic"></span>Setting</a>
                                </li>
                            </ul> -->
                        </div>


                    </div>
                </div>
            </div>
            <!--/ TITLE -->







            <?php echo $__env->yieldContent('content'); ?>
        </div>
    </div>
    <!--  END OF PAPER WRAP -->

    
    <?php echo $__env->make('layouts.rightbar', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>


    <?php echo $__env->yieldContent('pre-scripts'); ?>
    
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.js"></script>
    <script src="<?php echo e(asset('assets/admin')); ?>/js/progress-bar/src/jquery.velocity.min.js"></script>
    <script src="<?php echo e(asset('assets/admin')); ?>/js/progress-bar/number-pb.js"></script>
    <script src="<?php echo e(asset('assets/admin')); ?>/js/progress-bar/progress-app.js"></script>



    <!-- MAIN EFFECT -->
    <script type="text/javascript" src="<?php echo e(asset('assets/admin')); ?>/js/preloader.js"></script>
    <script type="text/javascript" src="<?php echo e(asset('assets/admin')); ?>/js/bootstrap.js"></script>
    <script type="text/javascript" src="<?php echo e(asset('assets/admin')); ?>/js/app.js"></script>
    <script type="text/javascript" src="<?php echo e(asset('assets/admin')); ?>/js/load.js"></script>
    <script type="text/javascript" src="<?php echo e(asset('assets/admin')); ?>/js/main.js"></script>




    <!-- GAGE -->


    <script type="text/javascript" src="<?php echo e(asset('assets/admin')); ?>/js/chart/jquery.flot.js"></script>
    <script type="text/javascript" src="<?php echo e(asset('assets/admin')); ?>/js/chart/jquery.flot.resize.js"></script>
    <script type="text/javascript" src="<?php echo e(asset('assets/admin')); ?>/js/chart/realTime.js"></script>
    <script type="text/javascript" src="<?php echo e(asset('assets/admin')); ?>/js/speed/canvasgauge-coustom.js"></script>
    <script type="text/javascript" src="<?php echo e(asset('assets/admin')); ?>/js/countdown/jquery.countdown.js"></script>



    <script src="<?php echo e(asset('assets/admin')); ?>/js/jhere-custom.js"></script>

    <?php if(!Auth::check()): ?>
    <script>
        window.location.href = "<?php echo e(route('login')); ?>";
    </script>
    <?php endif; ?>


     <script>
    var gauge4 = new Gauge("canvas4", {
        'mode': 'needle',
        'range': {
            'min': 0,
            'max': 90
        }
    });
    gauge4.draw(<?php echo e(min(100, $avgSpeed)); ?>);
    // var run = setInterval(function() {
    //     gauge4.draw(Math.floor(Math.random() * 90));
    // }, 3500);
    </script> 


    <script type="text/javascript">
    /* Javascript
     *
     * See http://jhere.net/docs.html for full documentation
     */
/*     $(window).on('load', function() {
        $('#mapContainer').jHERE({
            center: [52.500556, 13.398889],
            type: 'smart',
            zoom: 10
        }).jHERE('marker', [52.500556, 13.338889], {
            icon: '<?php echo e(asset('assets/admin')); ?>/img/marker.png',
            anchor: {
                x: 12,
                y: 32
            },
            click: function() {
                alert('Hallo from Berlin!');
            }
        })
            .jHERE('route', [52.711, 13.011], [52.514, 13.453], {
                color: '#FFA200',
                marker: {
                    fill: '#86c440',
                    text: '#'
                }
            });
    }); */
    </script>
    <script type="text/javascript">
     var output, started, duration, desired;

    // Constants
    duration = 5000;
    desired = <?php echo e($avgSpeed); ?>;

    // Initial setup
    output = $('#speed');
    started = new Date().getTime();

    // Animate!
    animationTimer = setInterval(function() {
        // If the value is what we want, stop animating
        // or if the duration has been exceeded, stop animating
        if (output.text().trim() === desired || new Date().getTime() - started > duration) {
            console.log('animating');
            // Generate a random string to use for the next animation step
            output.text('' + Math.floor(Math.random() * 120)

            );

        } else {
            console.log('animating');
            // Generate a random string to use for the next animation step
            output.text('' + Math.floor(Math.random() * 120)

            );
        }
    }, 5000);
    </script>
    <script type="text/javascript">
    $('#getting-started').countdown('2015/01/01', function(event) {
        $(this).html(event.strftime(

            '<span>%M</span>' + '<span class="start-min">:</span>' + '<span class="start-min">%S</span>'));
    }); 
    </script>


<?php echo $__env->yieldContent('scripts'); ?>

</body>

</html>
<?php /**PATH /var/www/html/testapp/resources/views/layouts/template.blade.php ENDPATH**/ ?>