<?php $__env->startSection('styles'); ?>
<link rel="stylesheet" href="http://cdn.oesmith.co.uk/morris-0.4.3.min.css">
<style>
    .red > li.active > a, .red > li.active > a:focus {
        color: white;
        background-color: #D9534F;
    }

        .red > li.active > a:hover {
            background-color: #D33B36;
            color:white;
        }
.red > li > a{
  color:#D33B36;
}
</style>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('content'); ?>
<div class="container">
    
    <h1>Dashboard</h1>
<div class="row" data-wow-delay="0.6s">
<div class="col-md-12">    
    
                <div class="panel">
                <div class="panel-heading panel-warning">Daily Performance</div>
                <div class="panel-body">
                    <div id="line-example"></div>
            </div>
            </div>
    

</div>
</div>

    <div class="row">

        <div class="col-md-12 col-md-offset-0">
          
      
            

                <div class="col-md-3">
                    <div class="panel">
        <div class="panel-heading panel-home">
                    <div class="row">
                        <div class="col-md-4">
                            <h1 class="glyphicon glyphicon-user big" aria-hidden="true"></h1>
                        </div>
                        <div class="col-md-8">
                            <?php foreach($emps as $emp): ?>
                            <h3><?php echo e($emp->post->post); ?></h3>
                            <h4>Salary: <?php echo e($emp->salary); ?></h4>
                            <?php endforeach; ?>
                                                    </div>
                        
                    </div>
      </div>
            </div>
          </div>
          <div class="col-md-3">
             <div class="panel">
        <div class="panel-heading panel-home2">
                    <div class="row">
                        <div class="col-md-4">
                            <h1 class="glyphicon glyphicon-calendar big" aria-hidden="true"></h1>
                        </div>
                        <div class="col-md-8">
                            <h3>Days</h3>
                            <h3><?php echo e($tot_days); ?></h3>
                        </div>
                        
                    </div>
      </div>
            </div>
            </div>
            <div class="col-md-3">
             <div class="panel">
        <div class="panel-heading panel-home">
                    <div class="row">
                        <div class="col-md-4">
                            <h1 class="glyphicon glyphicon-certificate big" aria-hidden="true"></h1>
                        </div>
                        <div class="col-md-8">
                            <h3>Earnings</h3>
                            <h3>$ <?php echo e($salary); ?></h3>
                        </div>
                        
                    </div>
      </div>
            </div>
          </div>
          <div class="col-md-3">
             <div class="panel">
        <div class="panel-heading panel-home2">
                    <div class="row">
                        <div class="col-md-4">
                            <h1 class="glyphicon glyphicon-time big" aria-hidden="true"></h1>
                        </div>
                        <div class="col-md-8">
                            <h3>Hours Spent</h3>
                            <h3><?php echo e($tot_hours); ?></h3>
                        </div>
                        
                    </div>
      </div>
            </div>
          </div>

                
        
 

<?php
?>
       
               

                
            
  

            </div>

        </div>
    </div>
<?php $__env->startSection('script'); ?>

<script src="//cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
<script src="http://cdn.oesmith.co.uk/morris-0.4.3.min.js"></script>
<script src="//cdn.jsdelivr.net/spinjs/1.3.0/spin.min.js"></script>

<script>


Morris.Area({
  element: 'line-example',
  data: [
<?php
if(count($hours) > 0){
foreach ($hours as $hours2){
foreach ($hours2 as $hour){  
echo "{ y: '".date('Y-m-d', strtotime($hour->start_time))."', a: ".date('i', strtotime($hour->total))." },";
}
}
}

?>
 
  ],
  xkey: 'y',
  ykeys: ['a'],
  labels: ['Minutes'],
  lineColors: ['#E57B13'],
  pointFillColors: ['#643C16']
});







</script>
<?php $__env->stopSection(); ?>



<?php $__env->stopSection(); ?>

<?php echo $__env->make('Employee/app', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>