Add total hours this week on the Punch Card screen

lang/en_us.php

@@ -40,5 +40,7 @@ define("STRINGS", [
     "out" => "Out",
     "notes" => "Notes",
     "view punch card" => "View punch card",
-    "na" => "N/A"
+    "na" => "N/A",
+    "this week" => "This week",
+    "x on the clock" => "{time} on the clock"
 ]);

pages/punches.php

@@ -3,6 +3,32 @@ require_once __DIR__ . '/../required.php';
 
 redirectifnotloggedin();
 ?>
+<div class="row">
+    <div class="col-xs-12 col-sm-6 col-md-4">
+        <div class="panel panel-blue">
+            <div class="panel-heading">
+                <h3 class="panel-title">
+                    <i class="fa fa-clock-o"></i> <?php lang("this week"); ?>
+                </h3>
+            </div>
+            <div class="panel-body">
+                <h4>
+                    <?php
+                    require_once __DIR__ . "/../lib/dates.php";
+                    $weekstart = sqldatetime(getstartofweek(WEEK_START));
+                    $punches = $database->select('punches', ['in', 'out'], ['AND' => ['uid' => $_SESSION['uid'], 'in[>]' => $weekstart]]);
+                    $punchtimes = [];
+                    foreach ($punches as $p) {
+                        $punchtimes[] = [$p['in'], $p['out']];
+                    }
+                    $totalseconds = sumelapsedtimearray($punchtimes);
+                    lang2("x on the clock", ["time" => seconds2string($totalseconds, false)]);
+                    ?>
+                </h4>
+            </div>
+        </div>
+    </div>
+</div>
 <table id="punchtable" class="table table-bordered table-striped">
     <thead>
         <tr>