OpenTimeTracker/application/views/reports/index.phtml

<div class="section">
    <div class="row">
        <div class="small-6 columns">
            <h1><i class="fa fa-file"></i> Reports</h1>
        </div>
        <div class="small-6 columns text-right">
            <h1 class="subheader"><?php echo $this->month ?> <?php echo $this->year?></h1>
        </div>
    </div>
    <div class="row">
        <div class="small-4 columns">
            <ul class="button-group radius left">
                <li><a class="button small" href="<?php echo $this->link(array('reports','weekly')) ?>"><i class="fa fa-file"></i> Week Report</a></li>
            </ul>
        </div>
        <div class="small-8 columns">
            <ul class="button-group round right">
                <li><a class="button small secondary" href="<?php echo $this->link(array('reports',$this->year, $this->previousMonth))?> "><i class="fa fa-caret-left"></i> Previous</a></li>
                <li><a class="button small secondary" href="<?php echo $this->link(array('reports',$this->year, $this->nextMonth))?> ">Next <i class="fa fa-caret-right"></i></a></li>
                <li><a class="button small secondary" data-reveal-id="yearForm" href="#"><i class="fa fa-calendar"></i> Change Year</a></li>
                <li><a id="showAll" class="button small secondary" href="#"><i class="fa fa-eye"></i> Show All</a></li>
                <li><a id="hideAll" class="button small secondary" href="#"><i class="fa fa-eye-slash"></i> Hide All</a></li>
            </ul>

        </div>
    </div>
    <div class="row">
        <div class="small-12 columns">
            <?php

            $i = 0;
            foreach($this->report as $user=>$timesheet)
            {
                echo "<h3 id='user'.$i.'' class='timeTitle'>$user <i class='fa fa-chevron-down right'></i></h3>";
                echo "
        <div class=\"wrapper hide\">";

                if(count($timesheet) > 0)
                {
                    echo"
                    <table width='100%'>
                        <thead>
                        <tr>
                            <th>Date</th>
                            <th>In</th>
                            <th>Out</th>
                            <th>Less Time</th>
                            <th>Hours</th>
                            <th>Code</th>
                            <th>Date Stamp</th>
                            <th>Validated</th>";
                            if($this->accountLevel >= 900)
                            {
                                echo "<th>Action</th>";
                            }
                        echo"</tr>
                        </thead>
                    ";
                }

                $totalValidated = 0;
                $totalInvalid = 0;
                $totalVacation = 0;
                $totalSick = 0;

                foreach($timesheet as $key=>$entry)
                {
                    echo "
                        <tr>
                               <td>".date("l, F jS Y",strtotime($entry['date']))."</td>
                               <td>".date("g:i A",$entry['inTime'])."</td>
                               <td>".date("g:i A",$entry['outTime'])."</td>
                               <td>".$entry['lessTime']." <small>Hours</small></td>
                               <td>".$entry['timeWorked']."</td>
                               <td>".$entry['code']."</td>
                               <td>".date("M. jS Y @ G:i A",strtotime($entry['timestamp']))."</td>
                               <td><div class='text-center'>";

                    if($entry['validated'] == 1)
                    {
                        echo "<i class=\"fa fa-check green\"></i>";
                    }
                    else
                    {
                        echo "<i class=\"fa fa-close red\"></i>";
                    }

                    echo "</td>";

                    if($this->accountLevel >= 900)
                    {
                        echo "<td><a class='button tiny radius warning' href=\"".$this->link(array('timesheet','remove',$key))."\"><i class=\"fa fa-trash\"></i> Delete</a></td>";
                    }

                    echo "</tr>";

                    if(strlen($entry['note']) > 0)
                    {
                        echo "
                            <tr>
                                <td colspan='9'>
                                    <b>Note:</b> ".$entry['note']."
                                </td>
                            </tr>
                        ";
                    }

                    if($entry['validated'] == 1)
                    {
                        $totalValidated += $entry['timeWorked'];
                    }

                    if($entry['validated'] == 0)
                    {
                        $totalInvalid += $entry['timeWorked'];
                    }

                    if($entry['code'] == "Vacation")
                    {
                        $totalVacation += $entry['timeWorked'];
                    }

                    if($entry['code'] == "Sick")
                    {
                        $totalSick += $entry['timeWorked'];
                    }

                }

                if(count($timesheet) > 0)
                {
                echo "</table>";
                echo "<div class=\"row\">";
                echo "<div class=\"small-6 medium-4 large-3 columns\">";
                                        echo "<div class=\"card successBg\">
                                            <div class=\"title\">Validated</div>
                                            <div class=\"value\">".$totalValidated." <small>Hours</small></div>
                                        </div>";
                echo "</div>";
                echo "<div class=\"small-6 medium-4 large-3 columns\">";
                                        echo "<div class=\"card warning\">
                                            <div class=\"title\">Not Validated</div>
                                            <div class=\"value\">".$totalInvalid." <small>Hours</small></div>
                                        </div>";
                echo "</div>";
                echo "<div class=\"small-6 medium-4 large-3 columns end\">";
                                     echo "<div class=\"card\">
                                            <div class=\"title\">Sick</div>
                                            <div class=\"value\">".$totalSick." <small>Hours</small></div>
                                        </div>";
                echo "</div>";
                echo "<div class=\"small-6 medium-4 large-3 columns end\">";
                                        echo "<div class=\"card\">
                                            <div class=\"title\">Vacation</div>
                                            <div class=\"value\">".$totalVacation." <small>Hours</small></div>
                                        </div>";
                echo "</div>";
                echo "</div>";

                }
                else
                {
                    echo "<div class=\"text-center\">No time submitted</div>";
                }

                $i++;
                echo "</div><hr>";
            }
            ?>
        </div>
    </div>
</div>
<div id="yearForm" class="reveal-modal small" data-reveal aria-labelledby="Change Year" aria-hidden="true" role="dialog">
    <h2 id="modalTitle">Select a Year</h2>
    <?php echo $this->yearForm ?>
    <a class="close-reveal-modal" aria-label="Close">&#215;</a>
</div>

<script>
    $(function() {

        $(".timeTitle").click(function() {
            $(this).next(".wrapper").slideToggle("slow");
            $(this).find("i").toggleClass("fa-chevron-up fa-chevron-down")
            return false;
        });

        $("#hideAll").click(function() {
            $(".wrapper").slideUp();
            $(".timeTitle").find("i").removeClass("fa-chevron-up")
            $(".timeTitle").find("i").addClass("fa-chevron-down")
            return false;
        });

        $("#showAll").click(function() {
            $(".wrapper").slideDown();
            $(".timeTitle").find("i").removeClass("fa-chevron-down")
            $(".timeTitle").find("i").addClass("fa-chevron-up")
            return false;
        });

    });
</script>