From 05bde91aa416f2d5956bfdbf5993925af99d77a2 Mon Sep 17 00:00:00 2001
From: Adam Wathan <adam.wathan@gmail.com>
Date: Tue, 15 Aug 2017 15:34:48 -0400
Subject: [PATCH] (add order table mockup)

---
 resources/assets/less/app.less                |  1 +
 resources/assets/less/borders.less            |  2 ++
 resources/assets/less/tables.less             | 20 ++++++++++++
 .../published-concert-orders/index.blade.php  | 31 ++++++++++++++++++-
 4 files changed, 53 insertions(+), 1 deletion(-)
 create mode 100644 resources/assets/less/tables.less

diff --git a/resources/assets/less/app.less b/resources/assets/less/app.less
index e902c11..26bd298 100644
--- a/resources/assets/less/app.less
+++ b/resources/assets/less/app.less
@@ -17,6 +17,7 @@
 @import "icons";
 @import "alerts";
 @import "lists";
+@import "tables";
 
 // Misc
 @import "vue";
diff --git a/resources/assets/less/borders.less b/resources/assets/less/borders.less
index b0c40ae..4a8cd1c 100644
--- a/resources/assets/less/borders.less
+++ b/resources/assets/less/borders.less
@@ -10,6 +10,8 @@
 .border-l { border-left: @border-1 solid @border-color; }
 .border-r { border-right: @border-1 solid @border-color; }
 
+.border-b-2 { border-bottom: 2px solid @border-color; }
+
 .border-rounded { border-radius: @border-radius; }
 
 
diff --git a/resources/assets/less/tables.less b/resources/assets/less/tables.less
new file mode 100644
index 0000000..0f354f4
--- /dev/null
+++ b/resources/assets/less/tables.less
@@ -0,0 +1,20 @@
+.table {
+    width: 100%;
+    max-width: 100%;
+    border-collapse: collapse;
+
+    td, th {
+        .text-left;
+        padding: @spacer-2;
+        white-space: nowrap;
+    }
+
+    th {
+        .wt-medium;
+        .border-b-2;
+    }
+
+    td {
+        .border-t;
+    }
+}
diff --git a/resources/views/backstage/published-concert-orders/index.blade.php b/resources/views/backstage/published-concert-orders/index.blade.php
index fb6777f..177abd7 100644
--- a/resources/views/backstage/published-concert-orders/index.blade.php
+++ b/resources/views/backstage/published-concert-orders/index.blade.php
@@ -21,7 +21,7 @@
 </div>
 <div class="bg-soft p-xs-y-5">
     <div class="container m-xs-b-4">
-        <div>
+        <div class="m-xs-b-6">
             <h2 class="m-xs-b-2 text-lg">Overview</h2>
             <div class="card">
                 <div class="card-section border-b">
@@ -56,6 +56,35 @@
                 </div>
             </div>
         </div>
+        <div>
+            <h2 class="m-xs-b-2 text-lg">Recent Orders</h2>
+            <div class="card">
+                <div class="card-section">
+                    <table class="table">
+                        <thead>
+                            <tr>
+                                <th class="text-left">Email</th>
+                                <th class="text-left">Tickets</th>
+                                <th class="text-left">Amount</th>
+                                <th class="text-left">Card</th>
+                                <th class="text-left">Purchased</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            @foreach(range(1, 10) as $i)
+                            <tr>
+                                <td>{{ collect(['john', 'jane', 'dave', 'donna'])->random() }}@example.com</td>
+                                <td>{{ rand(1, 4) }}</td>
+                                <td>${{ number_format(rand(5000, 15000) / 100, 2) }}</td>
+                                <td><span class="text-dark-soft">****</span> 4242</td>
+                                <td class="text-dark-soft">July 18, 2017 @ 12:37pm</td>
+                            </tr>
+                            @endforeach
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+        </div>
     </div>
 </div>
 @endsection