<?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'); ?>
<article class="content charts-morris-page">
                    <div class="title-block">
                        <h3 class="title">
    Dashboard
  </h3>
                        <p class="title-description"> of Smart Human Resource Management System </p>
                    </div>
                     <section class="section">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="card">
                                    <div class="card-block">
                                        <div class="card-title-block">
                                            <h3 class="title">
              Statistics
            </h3> </div>
                                        <section class="example">
                                           <div class="row">
                                            <div class="col-md-3">
                                              <h2><i class="fa fa-group"></i> <?php echo e($employee_count); ?> Employees</h2>
                                            </div>
                                            <div class="col-md-3">
                                              <h2><i class="fa fa-folder-open-o"></i> <?php echo e($project_count); ?> Projects</h2>
                                            </div>
                                            <div class="col-md-3">
                                              <h2><i class="fa fa-money"></i> $<?php echo e($pay_total); ?></h2>
                                            </div>
                                            <div class="col-md-3">
                                              <h2><i class="fa fa-clock-o"></i> <?php echo e($hours_total); ?></h2>
                                            </div>
                                          </div>

                                           
                                        </section>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>
                    <section class="section">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="card">
                                    <div class="card-block">
                                        <div class="card-title-block">
                                            <h3 class="title">
             Top 5 Performers
            </h3> </div>
                                        <section class="example">
                                            <div id="bar-example"></div>
                                        </section>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="card">
                                    <div class="card-block">
                                        <div class="card-title-block">
                                            <h3 class="title">
              Today Attendance
            </h3> </div>
                                        <section class="example">
                                           <?php foreach($emps as $emp): ?>
<ul class="list-group">
  <li class="list-group-item">
    <span class="badge"><?php echo e($emp->work_in); ?>

    <span class="glyphicon glyphicon-ok" aria-hidden="true"></span></span>
    <?php echo e($emp->emp->name); ?>

  </li>
</ul>

<?php endforeach; ?>
                                        </section>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>
                    
                   
                </article>
                <?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.Bar({
  element: 'bar-example',
  data: [
 <?php
if(count($employees) > 0){
foreach ($employees as $emp){
   echo "{ y: '".$emp->emp->name."', a: ".date('H', strtotime($emp->total))." },";
}
}
?>
 
  ],
  xkey: 'y',
  ykeys: ['a'],
  labels: ['Worked Hours'],
  barColors: ['#E57B13']
});


Morris.Bar({
  element: 'bar-example2',
  data: [
    { y: '2006', a: 100, b: 90 },
    { y: '2007', a: 75,  b: 65 },
    { y: '2008', a: 50,  b: 40 },
    { y: '2009', a: 75,  b: 65 },
    { y: '2010', a: 50,  b: 40 },
    { y: '2011', a: 75,  b: 65 },
    { y: '2012', a: 100, b: 90 }
  ],
  xkey: 'y',
  ykeys: ['a', 'b'],
  labels: ['Series A', 'Series B']
});

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

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

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