From 382ba5f87caf5c3347ea9d39969c20262b9f5a7a Mon Sep 17 00:00:00 2001
From: Les De Ridder <les@lesderid.net>
Date: Thu, 18 Oct 2018 01:16:03 +0200
Subject: [PATCH] Add votes to results page

---
 resources/views/layouts/app.blade.php       |  1 +
 resources/views/view_poll_results.blade.php | 25 ++++++++++++++++++---
 2 files changed, 23 insertions(+), 3 deletions(-)

diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index 23f531e..f6de717 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -14,6 +14,7 @@
             .some-bottom-margin { margin-bottom: 0.5rem!important; }
             .some-bottom-padding { padding-bottom: 3rem!important; }
             .some-top-margin { margin-top: 2.0rem; }
+            .some-more-bottom-margin { margin-bottom: 2.0rem; }
             .inline-block { display: inline-block; }
 
             .primary-box {
diff --git a/resources/views/view_poll_results.blade.php b/resources/views/view_poll_results.blade.php
index cf542a6..9822127 100644
--- a/resources/views/view_poll_results.blade.php
+++ b/resources/views/view_poll_results.blade.php
@@ -10,10 +10,29 @@
     @endif
 
     @if($poll->results_visible)
-        <section class="grid grid--large @if($voted) some-top-margin @endif">
-            <div>
+        <section class="grid grid--large some-top-margin">
+            <div class="some-bottom-margin">
                 <div class="primary-box">
-                    <span>TODO: Put results here.</span>
+                    @php ($total = $poll->votes->count())
+
+                    @foreach ($poll->options->sortByDesc(function($option) use($poll) { return $poll->votes->where('poll_option_id', $option->id)->count(); }) as $option)
+                        @php ($votes = $poll->votes->where('poll_option_id', $option->id)->count())
+
+                        <div class="some-more-bottom-margin">
+                            <div>
+                                <span>{{ $option->text }}</span>
+                                <span style="float:right">{{ $votes }} votes</span>
+                            </div>
+                            <div>
+                                <div style="background-color:#e83fb8;height:2rem;width:{{ $votes / $total * 100 }}%;">
+                                </div>
+                            </div>
+                        </div>
+                    @endforeach
+
+                    <div class="some-top-margin">
+                        <span>Total votes: {{ $total }}</span>
+                    </div>
                 </div>
             </div>
             <div>